diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 096a55a..b871104 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -3869,3 +3869,41 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child { .layout-tv .show-animation:focus { transform: none !important; } + +/* basic styling for the Media Bar Plugin - start +for extended styling, use the add-on */ + +#slides-container { + top: calc(-0.5 * var(--appBarHeight)); +} + +.backdrop-overlay { + background: linear-gradient( + var(--lighterGradientPoint), + var(--gradientPointAlpha), + 60%, + var(--darkerGradientPointAlpha) + ); +} + +.plot { + color: var(--textColor); + text-shadow: 1px 1px var(--lighterGradientPointAlpha); +} + +.button-container { + align-items: center; +} + +.favorite-button { + background: none; + color: var(--textColor); +} + +.detail-button:hover, +.favorite-button:hover { + background: var(--dimTextColor); + color: black; +} + +/* basic styling for the Media Bar Plugin - end */ diff --git a/Theme/assets/add-ons/media-bar-plugin-support-nightly.css b/Theme/assets/add-ons/media-bar-plugin-support-nightly.css index 62309de..a7702ea 100644 --- a/Theme/assets/add-ons/media-bar-plugin-support-nightly.css +++ b/Theme/assets/add-ons/media-bar-plugin-support-nightly.css @@ -1,20 +1,5 @@ /* Add-on: Media Bar plugin support nightly for the ElegantFin Theme for Jellyfin by lscambo13 */ /* this styles the media bar plugin - start */ -.button-container { - align-items: center; -} - -.favorite-button { - background: none; - color: var(--textColor); -} - -.detail-button:hover, -.favorite-button:hover { - background: var(--dimTextColor); - color: black; -} - .play-button::before, .detail-button::before, .favorite-button::before, @@ -53,21 +38,13 @@ #slides-container { width: calc(100vw - (2 * var(--sidePadding))); height: 62%; - top: calc(1.5 * var(--appBarHeight)); + top: var(--appBarHeight); border: var(--defaultBorder); border-radius: var(--largerRadius); transition: all .125s, border 0s; user-select: none; } -.layout-tv #slides-container { - top: 0em; -} - -.layout-mobile #slides-container { - top: 10em; -} - .logo-container { top: 10vh; } @@ -89,10 +66,6 @@ transform: translateX(-50%) scale(0.8); } - .info-container { - /* top: calc(50% + 6vh); */ - } - .tomato-rating { display: none; }