Merge branch 'union' of https://git.tolchin.pro/Oleg/Tolfin into union

README.md

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

theme/tolfin.css

@@ -37,8 +37,8 @@
    ======================================== */
 /* Определяем URL для кастомного баннера и логотипа */
 :root {
-    --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');
+    --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');
 }
 
 /* Применяем кастомный баннер к заголовку страницы */
@@ -201,19 +201,14 @@ 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: 0.556em !important;
+    padding: .05em !important;
     margin: 0 .29em !important;
     border-radius: var(--theme-roundness);
 }
@@ -517,20 +512,12 @@ 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 {
@@ -570,7 +557,7 @@ progress {
 
 /* Настраиваем отступы для основного контента деталей на десктопе */
 .layout-desktop .detailPagePrimaryContent {
-    padding-top: 165px;
+    padding-top: 135px;
     padding-left: 300px;
     min-height: 325px;
 }
@@ -678,7 +665,7 @@ progress {
 
 /* Настраиваем отступы для info-обёртки на десктопе */
 .layout-desktop .infoWrapper {
-    padding-top: 180px;
+    padding-top: 226px;
     padding-left: 300px;
 }
 
@@ -965,7 +952,7 @@ div[data-role="controlgroup"] a.ui-btn-active,
    ======================================== */
 
 /* Настраиваем цвет для переднего плана прогресс-бара */
-.itemProgressBarForeground,
+.innerCardFooter .itemProgressBarForeground,
 .playbackProgress > div,
 .mdl-slider-background-lower,
 .iconOsdProgressInner,