43 lines
1.2 KiB
CSS
43 lines
1.2 KiB
CSS
/*
|
|
This module will change the Jellyfin banner to a custom one.
|
|
This allows you to customise the background on the homepage.
|
|
This can be used as a standalone module.
|
|
*/
|
|
|
|
:root {
|
|
--banner-url: url('https://git.tolchin.pro/api/v1/repos/Oleg/Tolfin/raw/assets/banner.png?ref=main');
|
|
}
|
|
|
|
/* Custom banner for background - higher specificity */
|
|
.homeBackdropContainer,
|
|
.backgroundContainer.withBackdrop,
|
|
.itemBackdrop,
|
|
.backdropImage,
|
|
#indexPage .backgroundContainer,
|
|
#indexPage .backdropImage,
|
|
.layout-desktop .backgroundContainer.withBackdrop,
|
|
.layout-desktop .itemBackdrop {
|
|
background-image: var(--banner-url) !important;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
background-repeat: no-repeat !important;
|
|
}
|
|
|
|
/* Remove gradient overlay on homepage - higher specificity */
|
|
#indexPage .itemBackdrop::before,
|
|
.layout-desktop .itemBackdrop::before,
|
|
#indexPage .darkenContent {
|
|
display: none !important;
|
|
background: none !important;
|
|
backdrop-filter: none !important;
|
|
}
|
|
|
|
/* Remove blur from backdrop image */
|
|
.layout-desktop .backdropImage {
|
|
filter: none !important;
|
|
-webkit-filter: none !important;
|
|
-moz-filter: none !important;
|
|
-o-filter: none !important;
|
|
-ms-filter: none !important;
|
|
}
|