144 lines
3.7 KiB
CSS
144 lines
3.7 KiB
CSS
/* overrides for jellyfin-enhanced v11.3.0.0 */
|
|
|
|
#jellyfin-enhanced-panel {
|
|
background-color: rgba(var(--abyss-glass-tint), 0.69) !important;
|
|
margin: 24px 0;
|
|
border-radius: 32px !important;
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
|
border: 1px solid rgba(245, 245, 247, 0.2) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel>div:first-of-type {
|
|
border-bottom: none !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel .panel-main-content {
|
|
background: rgba(var(--abyss-glass-tint), 0.69) !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel .tabs {
|
|
padding: 4px !important;
|
|
background-color: rgba(var(--abyss-glass-tint), 0.8);
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
|
border: 1px solid rgba(87, 87, 87, 0.18);
|
|
border-radius: 50px;
|
|
margin: 8px 56px;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel .tab-button {
|
|
border-radius: 50px;
|
|
border-bottom: none !important;
|
|
background: none !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel .tab-button.active {
|
|
border-radius: 50px;
|
|
border-bottom: none !important;
|
|
background: rgb(var(--abyss-accent)) !important;
|
|
color: black !important;
|
|
}
|
|
|
|
|
|
#jellyfin-enhanced-panel h3,
|
|
#jellyfin-enhanced-panel summary {
|
|
color: rgb(var(--abyss-accent)) !important;
|
|
border-bottom-color: rgb(var(--abyss-accent)) !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel #clearTranslationCacheButton,
|
|
#jellyfin-enhanced-panel #releaseNotesBtn {
|
|
background: rgba(var(--abyss-accent), 0.5) !important;
|
|
border-color: rgb(var(--abyss-accent)) !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel div[style*="border-left"],
|
|
#jellyfin-enhanced-panel .style-preset[style*="border: 2px solid"] {
|
|
border-left-color: rgb(var(--abyss-accent)) !important;
|
|
border-color: rgb(var(--abyss-accent)) !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel input[type="checkbox"],
|
|
#jellyfin-enhanced-panel input[type="range"] {
|
|
accent-color: rgb(var(--abyss-accent)) !important;
|
|
}
|
|
|
|
#jellyfin-enhanced-panel div[style*="background: #00A4DC"] {
|
|
background: rgb(var(--abyss-accent)) !important;
|
|
-webkit-background-clip: text !important;
|
|
-webkit-text-fill-color: transparent !important;
|
|
}
|
|
|
|
#jellyseerr-search-icon {
|
|
top: 50%;
|
|
}
|
|
|
|
#je-bookmarks-standalone-page {
|
|
margin-top: 16vh;
|
|
}
|
|
|
|
.genre-overlay-container *,
|
|
.rating-overlay-container *,
|
|
.quality-overlay-container *,
|
|
.language-overlay-container * {
|
|
border-radius: 12px !important;
|
|
}
|
|
|
|
.language-overlay-container {
|
|
left: 12px !important;
|
|
bottom: 12px !important;
|
|
border-radius: 12px !important;
|
|
}
|
|
|
|
.quality-overlay-container {
|
|
left: 12px !important;
|
|
top: 12px !important;
|
|
border-radius: 12px !important;
|
|
}
|
|
|
|
.quality-overlay-label {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.rating-overlay-container {
|
|
right: 12px !important;
|
|
bottom: 12px !important;
|
|
border-radius: 12px !important;
|
|
}
|
|
|
|
.genre-overlay-container {
|
|
border-radius: 12px !important;
|
|
}
|
|
|
|
.genre-overlay-container .genre-tag {
|
|
background: rgba(0, 0, 0, 0.4);
|
|
box-shadow: none;
|
|
border: none;
|
|
padding: 1px;
|
|
}
|
|
|
|
.je-bm-player-modal-container {
|
|
background-color: rgba(var(--abyss-glass-tint), 0.69) !important;
|
|
border-radius: 32px !important;
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
|
border: 1px solid rgba(245, 245, 247, 0.2) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
}
|
|
|
|
.cardImageContainer .cardIndicators~.genre-overlay-container {
|
|
margin-top: clamp(24px, 7vw, 38px);
|
|
}
|
|
|
|
/* ================ STREAMING LOOKUP CONTAINER ================ */
|
|
|
|
.streaming-lookup-container {
|
|
margin: 16px 0 !important;
|
|
}
|
|
|
|
/* Remove styling of streaming lookup container */
|
|
.streaming-lookup-container > div {
|
|
padding: 0 !important;
|
|
background: transparent !important;
|
|
border: none !important;
|
|
} |