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;
}
/* ✨ CARDURI PRINCIPALE ELEGANTE */
/* ✨ CARDURI PRINCIPALE ELEGANTE - FĂRĂ BLUR PE IMAGINI */
.cardBox {
background: rgba(30, 41, 59, 0.4) !important;
backdrop-filter: var(--elegant-blur-xs) !important;
-webkit-backdrop-filter: var(--elegant-blur-xs) !important;
background: rgba(30, 41, 59, 0.3) !important;
border: 1px solid var(--elegant-border-primary) !important;
border-radius: var(--elegant-radius-lg) !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,
.itemDetailImage,
.cardImageContainer {
border-radius: var(--border-radius-xl) !important;
border-radius: var(--elegant-radius-lg) !important;
overflow: hidden !important;
transition: var(--transition-normal) !important;
transition: var(--elegant-transition-normal) !important;
position: relative;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.cardContent-button::after {
@@ -1114,20 +1114,20 @@ progress::-webkit-progress-value {
background: linear-gradient(
180deg,
transparent 0%,
transparent 60%,
rgba(15, 23, 42, 0.8) 100%
transparent 70%,
rgba(15, 23, 42, 0.6) 100%
);
opacity: 0;
transition: var(--transition-normal);
transition: var(--elegant-transition-normal);
}
.cardContent-button:hover {
transform: scale(1.05) !important;
box-shadow: var(--shadow-lg) !important;
transform: scale(1.02) !important;
box-shadow: var(--elegant-shadow-lg) !important;
}
.cardContent-button:hover::after {
opacity: 1;
opacity: 0.8;
}
/* ========================================
@@ -1243,41 +1243,38 @@ progress::-webkit-progress-value {
100% { transform: scale(1.2); }
}
/* Butoane overlay secundare */
/* ✨ Butoane overlay secundare - FĂRĂ BLUR PE IMAGINI */
.cardOverlayButton-br button {
color: var(--inferno-text-primary) !important;
text-shadow: 0 0 10px var(--inferno-fire) !important;
background: rgba(255, 69, 0, 0.3) !important;
border-radius: var(--inferno-radius-flame) !important;
backdrop-filter: var(--inferno-blur-default) !important;
transition: var(--inferno-transition-fast) !important;
color: var(--elegant-text-primary) !important;
background: rgba(15, 23, 42, 0.7) !important;
border-radius: var(--elegant-radius-md) !important;
transition: var(--elegant-transition-fast) !important;
border: 1px solid var(--elegant-border-accent) !important;
}
.cardOverlayButton-br button:hover {
background: var(--inferno-fire) !important;
transform: scale(1.1) !important;
box-shadow: var(--inferno-glow-fire) !important;
background: var(--elegant-primary) !important;
transform: scale(1.05) !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) {
backdrop-filter: var(--inferno-blur-large) !important;
background: rgba(255, 69, 0, 0.2) !important;
background: rgba(15, 23, 42, 0.3) !important;
}
/* ========================================
* 🔥 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) {
backdrop-filter: var(--inferno-blur-large) !important;
background: linear-gradient(90deg, var(--inferno-shadow), var(--inferno-darkness)) !important;
height: 0.4em !important;
background: rgba(15, 23, 42, 0.8) !important;
height: 0.35em !important;
overflow: hidden !important;
border-radius: var(--inferno-radius-infinite) !important;
border: 1px solid var(--inferno-border-fire) !important;
box-shadow: var(--inferno-glow-fire) !important;
border-radius: var(--elegant-radius-full) !important;
border: 1px solid var(--elegant-border-accent) !important;
box-shadow: var(--elegant-shadow-sm) !important;
position: absolute !important;
margin: 8% !important;
}