Обновить README.md

revert Обновить README.md

README.md

@@ -1,10 +1,14 @@
-# Tolfin
+<div align="center">
+<img src="assets/banner.png" alt="Logo" width="250"/>
+<div align="left">
+
+# 
 
 Modern CSS theme for Jellyfin media server with custom fonts, smooth animations and responsive design.
 
 ## Note
 
-This project uses Gitea API for loading CSS files to bypass browser ORB restrictions.
+This project was created to experiment with CSS settings and correct visual flaws.
 
 ## Installation
 
@@ -12,14 +16,15 @@ This project uses Gitea API for loading CSS files to bypass browser ORB restrict
 
 1. Go to Jellyfin Dashboard → General → Custom CSS
 2. Paste this code:
+   
    ```css
-   @import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/union/theme/tolfin.css");
+   @import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/tolfin.css");
    ```
 3. Click Save
 
 ### Manual Installation
 
-1. Download `theme/tolfin.css` from this repository
+1. Download `tolfin.css` from this repository
 2. Go to Jellyfin Dashboard → General → Custom CSS
 3. Paste the contents of the file
 4. Click Save
@@ -38,7 +43,7 @@ https://git.tolchin.pro/Oleg/Tolfin
 
 ## Author
 
-Oleg
+Oleg Tolchin
 
 ## License
 

tolfin.css

@@ -37,8 +37,8 @@
    ======================================== */
 /* Определяем URL для кастомного баннера и логотипа */
 :root {
-    --banner-url: url('https://git.tolchin.pro/Oleg/Tolfin/raw/branch/union/assets/banner.png');
-    --logo-url: url('https://git.tolchin.pro/Oleg/Tolfin/raw/branch/union/assets/logo.png');
+    --banner-url: url('https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/assets/banner.png');
+    --logo-url: url('https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/assets/logo.png');
 }
 
 /* Применяем кастомный баннер к заголовку страницы */
@@ -201,14 +201,19 @@ html {
     align-items: center;
 }
 
+/* Только для вкладок */
+.headerTabs .emby-tab-button {
+    padding: 1.112em !important;  /* Увеличено в 2 раза */
+    margin: 0 .29em !important;
+}
+
 /* Настраиваем отступы и закругление для кнопок и вкладок */
-.headerTabs .emby-tab-button,
 .headerRight .paper-icon-button-light,
 .detailButton,
 .sessionCardButton,
 .guideOptions,
 .MuiTabs-centered .MuiTab-root {
-    padding: .556em !important;
+    padding: 0.556em !important;
     margin: 0 .29em !important;
     border-radius: var(--theme-roundness);
 }
@@ -512,12 +517,20 @@ progress {
     border-radius: var(--theme-roundness);
 }
 
+/* Настраиваем фон и стиль для визуальных карточек */
+.visualCardBox {
+    background-color: transparent;
+    border-radius: var(--theme-roundness);
+    box-shadow: inset 0 1px var(--theme-menu-shadow-colour);
+    border: unset;
+    padding: 10px;
+}
+
 /* Настраиваем фон и стиль для контейнеров и полей ввода */
 .collapseContent,
 .formDialogFooter:not(.formDialogFooter-clear),
 .formDialogHeader:not(.formDialogHeader-clear),
 .paperList,
-.visualCardBox,
 .emby-select-withcolor,
 .emby-input,
 .emby-textarea {
@@ -557,7 +570,7 @@ progress {
 
 /* Настраиваем отступы для основного контента деталей на десктопе */
 .layout-desktop .detailPagePrimaryContent {
-    padding-top: 135px;
+    padding-top: 165px;
     padding-left: 300px;
     min-height: 325px;
 }
@@ -665,7 +678,7 @@ progress {
 
 /* Настраиваем отступы для info-обёртки на десктопе */
 .layout-desktop .infoWrapper {
-    padding-top: 226px;
+    padding-top: 180px;
     padding-left: 300px;
 }
 
@@ -952,7 +965,7 @@ div[data-role="controlgroup"] a.ui-btn-active,
    ======================================== */
 
 /* Настраиваем цвет для переднего плана прогресс-бара */
-.innerCardFooter .itemProgressBarForeground,
+.itemProgressBarForeground,
 .playbackProgress > div,
 .mdl-slider-background-lower,
 .iconOsdProgressInner,