Remove all logo-related code and files, keep only banner
This commit is contained in:
BIN
assets/logo.png
BIN
assets/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 395 KiB |
@@ -24,16 +24,6 @@
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### change-logo.css
|
|
||||||
Заменяет логотип Jellyfin на кастомный.
|
|
||||||
|
|
||||||
**Использование:**
|
|
||||||
```css
|
|
||||||
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/change-logo.css");
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
### count-indicators.css
|
### count-indicators.css
|
||||||
Изменяет цвет индикаторов счётчиков (количество эпизодов, и т.д.).
|
Изменяет цвет индикаторов счётчиков (количество эпизодов, и т.д.).
|
||||||
|
|
||||||
@@ -96,14 +86,14 @@
|
|||||||
|
|
||||||
## Использование модулей
|
## Использование модулей
|
||||||
|
|
||||||
### С базовой темой:
|
|
||||||
```css
|
|
||||||
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/base.css");
|
|
||||||
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/static-sidebar.css");
|
|
||||||
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/change-logo.css");
|
|
||||||
```
|
|
||||||
|
|
||||||
### Полная тема (все модули):
|
### Полная тема (все модули):
|
||||||
```css
|
```css
|
||||||
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/complete.css");
|
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/tolfin.css");
|
||||||
|
```
|
||||||
|
|
||||||
|
### Индивидуальные модули:
|
||||||
|
```css
|
||||||
|
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/static-sidebar.css");
|
||||||
|
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/central-libraries-small.css");
|
||||||
|
/* Добавляйте нужные модули */
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -1,14 +0,0 @@
|
|||||||
/*
|
|
||||||
Этот модуль заменяет логотип Jellyfin на кастомный.
|
|
||||||
Позволяет использовать свой логотип в интерфейсе.
|
|
||||||
Может использоваться как отдельный модуль.
|
|
||||||
*/
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--logo-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/logo.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.pageTitleWithDefaultLogo,
|
|
||||||
.spashLogo {
|
|
||||||
background-image: var(--logo-url) !important;
|
|
||||||
}
|
|
||||||
@@ -32,7 +32,6 @@
|
|||||||
|
|
||||||
/* URL изображений */
|
/* URL изображений */
|
||||||
--banner-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png');
|
--banner-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png');
|
||||||
--logo-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/logo.png');
|
|
||||||
|
|
||||||
/* Переменные модулей */
|
/* Переменные модулей */
|
||||||
--show-count-indicators: flex; /* none для скрытия индикаторов */
|
--show-count-indicators: flex; /* none для скрытия индикаторов */
|
||||||
@@ -82,7 +81,6 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Высота заголовка с логотипом */
|
/* Высота заголовка с логотипом */
|
||||||
.pageTitleWithLogo {
|
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -215,7 +213,6 @@ html {
|
|||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-mobile .pageTitleWithLogo {
|
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -616,9 +613,10 @@ progress {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Кастомный баннер для фона */
|
/* Кастомный баннер для фона */
|
||||||
.homeBackdropContainer:not(.pageTitleWithDefaultLogo),
|
.homeBackdropContainer,
|
||||||
.backgroundContainer.withBackdrop:not(.pageTitleWithDefaultLogo),
|
.backgroundContainer.withBackdrop,
|
||||||
.itemBackdrop:not(.pageTitleWithDefaultLogo) {
|
.itemBackdrop,
|
||||||
|
.backdropImage {
|
||||||
background-image: var(--banner-url) !important;
|
background-image: var(--banner-url) !important;
|
||||||
background-size: cover !important;
|
background-size: cover !important;
|
||||||
background-position: center !important;
|
background-position: center !important;
|
||||||
@@ -1004,8 +1002,6 @@ progress {
|
|||||||
======================================== */
|
======================================== */
|
||||||
|
|
||||||
/* Главная страница — БАННЕР */
|
/* Главная страница — БАННЕР */
|
||||||
html .pageTitleWithDefaultLogo,
|
|
||||||
html .pageTitleWithLogo .pageTitle,
|
|
||||||
html [class*="pageTitle"]:not([class*="item"]),
|
html [class*="pageTitle"]:not([class*="item"]),
|
||||||
body:not(.splashScreen) [class*="logo"] {
|
body:not(.splashScreen) [class*="logo"] {
|
||||||
background-image: var(--banner-url) !important;
|
background-image: var(--banner-url) !important;
|
||||||
@@ -1016,10 +1012,8 @@ body:not(.splashScreen) [class*="logo"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Экран загрузки — ЛОГО */
|
/* Экран загрузки — ЛОГО */
|
||||||
html .splashLogo,
|
|
||||||
html .splashScreen [class*="logo"],
|
html .splashScreen [class*="logo"],
|
||||||
html body.splashScreen div {
|
html body.splashScreen div {
|
||||||
background-image: var(--logo-url) !important;
|
|
||||||
background-size: contain !important;
|
background-size: contain !important;
|
||||||
background-position: center !important;
|
background-position: center !important;
|
||||||
background-repeat: no-repeat !important;
|
background-repeat: no-repeat !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user