mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
79 lines
1.7 KiB
CSS
79 lines
1.7 KiB
CSS
/* 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,
|
|
.favorite-button.favorited::before {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.play-button {
|
|
font-family: 'Inter';
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.backdrop,
|
|
.backdrop-container,
|
|
.backdrop-overlay {
|
|
mask-image: linear-gradient(180deg, rgba(0, 0, 0, .85), 70%, rgba(0, 0, 0, 0));
|
|
-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .85), 70%, rgba(0, 0, 0, 0));
|
|
background-color: transparent;
|
|
}
|
|
|
|
.backdrop {
|
|
transform-origin: center left;
|
|
}
|
|
|
|
/* this is my own take */
|
|
.layout-desktop #slides-container,
|
|
.layout-tv #slides-container {
|
|
width: calc(100vw - (2 * var(--sidePadding)));
|
|
height: 60%;
|
|
top: 8em;
|
|
border: var(--defaultBorder);
|
|
border-radius: var(--largerRadius);
|
|
transition: all .125s, border 0s;
|
|
user-select: none;
|
|
}
|
|
|
|
.layout-tv #slides-container {
|
|
top: 0em;
|
|
}
|
|
|
|
.layout-desktop .logo-container,
|
|
.layout-tv .logo-container {
|
|
top: 10vh;
|
|
}
|
|
|
|
.layout-desktop .backdrop,
|
|
.layout-desktop .backdrop-container,
|
|
.layout-desktop .backdrop-overlay,
|
|
.layout-tv .backdrop,
|
|
.layout-tv .backdrop-container,
|
|
.layout-tv .backdrop-overlay {
|
|
mask-image: none;
|
|
-webkit-mask-image: none;
|
|
}
|
|
|
|
.layout-desktop .backdrop-overlay,
|
|
.layout-tv .backdrop-overlay {
|
|
background: linear-gradient(0deg, rgba(0, 0, 0, .85), 40%, transparent);
|
|
}
|
|
|
|
/* this styles the media bar plugin - end */ |