eddmanoo/jellyfincss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update CSS

Browse Source
This commit is contained in:
EDDmanoo
2025-09-19 12:34:38 +03:00
parent 1dcb01308b
commit 3ba9c206ff
1 changed files with 30 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
edd.css
View File

@@ -979,11 +979,9 @@ progress::-webkit-progress-value {
padding: var(--space-4) !important; padding: var(--space-4) !important;
} }
/* ✨ CARDURI PRINCIPALE ELEGANTE */ /* ✨ CARDURI PRINCIPALE ELEGANTE - FĂRĂ BLUR PE IMAGINI */
.cardBox { .cardBox {
background: rgba(30, 41, 59, 0.4) !important; background: rgba(30, 41, 59, 0.3) !important;
backdrop-filter: var(--elegant-blur-xs) !important;
-webkit-backdrop-filter: var(--elegant-blur-xs) !important;
border: 1px solid var(--elegant-border-primary) !important; border: 1px solid var(--elegant-border-primary) !important;
border-radius: var(--elegant-radius-lg) !important; border-radius: var(--elegant-radius-lg) !important;
transition: var(--elegant-transition-normal) !important; transition: var(--elegant-transition-normal) !important;
@@ -1094,14 +1092,16 @@ progress::-webkit-progress-value {
} }
} }
/* Imagini din carduri cu efecte moderne */ /* ✨ IMAGINI DIN CARDURI CLARE - FĂRĂ BLUR */
.cardContent-button, .cardContent-button,
.itemDetailImage, .itemDetailImage,
.cardImageContainer { .cardImageContainer {
border-radius: var(--border-radius-xl) !important; border-radius: var(--elegant-radius-lg) !important;
overflow: hidden !important; overflow: hidden !important;
transition: var(--transition-normal) !important; transition: var(--elegant-transition-normal) !important;
position: relative; position: relative;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
} }
.cardContent-button::after { .cardContent-button::after {
@@ -1114,20 +1114,20 @@ progress::-webkit-progress-value {
background: linear-gradient( background: linear-gradient(
180deg, 180deg,
transparent 0%, transparent 0%,
transparent 60%, transparent 70%,
rgba(15, 23, 42, 0.8) 100% rgba(15, 23, 42, 0.6) 100%
); );
opacity: 0; opacity: 0;
transition: var(--transition-normal); transition: var(--elegant-transition-normal);
} }
.cardContent-button:hover { .cardContent-button:hover {
transform: scale(1.05) !important; transform: scale(1.02) !important;
box-shadow: var(--shadow-lg) !important; box-shadow: var(--elegant-shadow-lg) !important;
} }
.cardContent-button:hover::after { .cardContent-button:hover::after {
opacity: 1; opacity: 0.8;
} }
/* ======================================== /* ========================================
@@ -1243,41 +1243,38 @@ progress::-webkit-progress-value {
100% { transform: scale(1.2); } 100% { transform: scale(1.2); }
} }
/* Butoane overlay secundare */ /* ✨ Butoane overlay secundare - FĂRĂ BLUR PE IMAGINI */
.cardOverlayButton-br button { .cardOverlayButton-br button {
color: var(--inferno-text-primary) !important; color: var(--elegant-text-primary) !important;
text-shadow: 0 0 10px var(--inferno-fire) !important; background: rgba(15, 23, 42, 0.7) !important;
background: rgba(255, 69, 0, 0.3) !important; border-radius: var(--elegant-radius-md) !important;
border-radius: var(--inferno-radius-flame) !important; transition: var(--elegant-transition-fast) !important;
backdrop-filter: var(--inferno-blur-default) !important; border: 1px solid var(--elegant-border-accent) !important;
transition: var(--inferno-transition-fast) !important;
} }
.cardOverlayButton-br button:hover { .cardOverlayButton-br button:hover {
background: var(--inferno-fire) !important; background: var(--elegant-primary) !important;
transform: scale(1.1) !important; transform: scale(1.05) !important;
box-shadow: var(--inferno-glow-fire) !important; box-shadow: var(--elegant-glow-primary) !important;
} }
/* Overlay container cu blur infernal */ /* ✨ Overlay container elegant - FĂRĂ BLUR PE IMAGINI */
.cardOverlayContainer:has(.cardOverlayButton:hover) { .cardOverlayContainer:has(.cardOverlayButton:hover) {
backdrop-filter: var(--inferno-blur-large) !important; background: rgba(15, 23, 42, 0.3) !important;
background: rgba(255, 69, 0, 0.2) !important;
} }
/* ======================================== /* ========================================
* 🔥 PROGRESS BARS INFERNALE (inspirat din ElegantFin) * 🔥 PROGRESS BARS INFERNALE (inspirat din ElegantFin)
* ======================================== */ * ======================================== */
/* Progress bar pentru carduri */ /* ✨ Progress bar pentru carduri - FĂRĂ BLUR PE IMAGINI */
.itemProgressBar:not(.backgroundProgress):not(.playbackProgress):not(.transcodingProgress) { .itemProgressBar:not(.backgroundProgress):not(.playbackProgress):not(.transcodingProgress) {
backdrop-filter: var(--inferno-blur-large) !important; background: rgba(15, 23, 42, 0.8) !important;
background: linear-gradient(90deg, var(--inferno-shadow), var(--inferno-darkness)) !important; height: 0.35em !important;
height: 0.4em !important;
overflow: hidden !important; overflow: hidden !important;
border-radius: var(--inferno-radius-infinite) !important; border-radius: var(--elegant-radius-full) !important;
border: 1px solid var(--inferno-border-fire) !important; border: 1px solid var(--elegant-border-accent) !important;
box-shadow: var(--inferno-glow-fire) !important; box-shadow: var(--elegant-shadow-sm) !important;
position: absolute !important; position: absolute !important;
margin: 8% !important; margin: 8% !important;
} }