From c614166231bf77c3d34b07987475852e7b6dc32f Mon Sep 17 00:00:00 2001 From: eddmanoo Date: Fri, 19 Sep 2025 13:35:49 +0300 Subject: [PATCH] Update V1.0.3 --- edd.css | 184 ++++++++++++++++++++++++++------------------------------ 1 file changed, 86 insertions(+), 98 deletions(-) diff --git a/edd.css b/edd.css index b285600..c7b2ffd 100644 --- a/edd.css +++ b/edd.css @@ -80,50 +80,25 @@ } /* ======================================== - * STILURI GENERALE PENTRU FUNDAL ȘI LAYOUT + * STILURI GENERALE - FOLOSEȘTE FUNDALUL NATIV JELLYFIN * ======================================== */ -/* Fundal principal al aplicației cu gradient modern */ +/* Elimină fundalurile personalizate - lasă Jellyfin să gestioneze */ .backgroundContainer, .dialog, html { - background: var(--gradient-background) !important; + background: unset !important; color: var(--text-primary); - min-height: 100vh; } -/* Container principal pentru conținut cu blur și overlay */ +/* Elimină overlay-urile personalizate */ .backgroundContainer.withBackdrop, .backdropContainer, .backgroundContainer { - background: var(--gradient-background) !important; + background: unset !important; position: relative; } -/* Adaugă overlay cu blur pentru fundaluri */ -.backgroundContainer.withBackdrop::before, -.backdropContainer::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: var(--background-overlay); - backdrop-filter: var(--blur-light); - z-index: -1; -} - -/* Îmbunătățiri pentru imagini de fundal - DOAR fundalurile au blur */ -.backdropImage, -.backgroundContainer .backdropImage, -.backdrop, -.itemBackdrop { - filter: blur(12px) brightness(0.3) !important; - opacity: 0.6 !important; - transition: all var(--transition-slow) !important; -} - /* ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE DE CONȚINUT */ .cardImageContainer img, .itemDetailImage img, @@ -135,7 +110,13 @@ html { .cardContent img, .listItem img, .lazy, -img { +img, +.cardScalable img, +.cardOverlayContainer img, +.listItemImageButton img, +.userImage, +.headerUserImage, +.headerUserButton img { filter: none !important; opacity: 1 !important; visibility: visible !important; @@ -144,6 +125,7 @@ img { transition: transform var(--transition-medium) !important; backdrop-filter: none !important; -webkit-filter: none !important; + -webkit-backdrop-filter: none !important; } /* Îmbunătățiri pentru scrolling */ @@ -176,10 +158,9 @@ img { * HEADER ȘI NAVIGARE * ======================================== */ -/* Header principal - design glassmorphism modern */ +/* Header principal - design modern fără blur de fundal */ .skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred { - background: var(--background-overlay) !important; - backdrop-filter: var(--blur-medium) !important; + background: rgba(30, 41, 59, 0.95) !important; border-bottom: 1px solid var(--border-color); box-shadow: var(--shadow-heavy); transition: all var(--transition-medium); @@ -187,8 +168,7 @@ img { } .skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader { - background: var(--background-overlay) !important; - backdrop-filter: var(--blur-medium) !important; + background: rgba(30, 41, 59, 0.95) !important; border-radius: 0 0 var(--border-radius-large) var(--border-radius-large); } @@ -211,10 +191,9 @@ img { border-color: var(--primary-light); } -/* Meniu lateral (drawer) cu glassmorphism */ +/* Meniu lateral (drawer) fără blur */ .mainDrawer { - background: var(--background-overlay) !important; - backdrop-filter: var(--blur-medium) !important; + background: rgba(30, 41, 59, 0.95) !important; border-right: 1px solid var(--border-color); box-shadow: var(--shadow-xl); border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0; @@ -505,10 +484,9 @@ img { * PAGINA DE LOGIN * ======================================== */ -/* Container pentru pagina de login cu design modern */ +/* Container pentru pagina de login - folosește fundalul nativ */ #loginPage { - background: var(--gradient-background); - background-size: cover; + background: unset !important; position: relative; min-height: 100vh; display: flex; @@ -516,25 +494,11 @@ img { justify-content: center; } -/* Overlay pentru pagina de login cu blur puternic */ -#loginPage::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: var(--background-overlay); - backdrop-filter: var(--blur-heavy); - z-index: 0; -} - -/* Formular de login - design glassmorphism */ +/* Formular de login - design simplu fără blur */ #loginPage .readOnlyContent, #loginPage form { max-width: 420px !important; - background: rgba(30, 41, 59, 0.8) !important; - backdrop-filter: var(--blur-medium) !important; + background: rgba(30, 41, 59, 0.95) !important; border-radius: var(--border-radius-xl) !important; padding: 48px !important; box-shadow: var(--shadow-xl) !important; @@ -544,20 +508,6 @@ img { margin: 20px; } -/* Efect de sticlă pentru formular */ -#loginPage .readOnlyContent::before, -#loginPage form::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%); - border-radius: var(--border-radius-xl); - pointer-events: none; -} - /* Titlu login */ #loginPage h1 { color: var(--primary-color) !important; @@ -582,10 +532,9 @@ img { * PLAYER VIDEO ȘI CONTROALE * ======================================== */ -/* Bara de progres video cu design modern */ +/* Bara de progres video fără blur */ .nowPlayingBar { - background: var(--background-overlay) !important; - backdrop-filter: var(--blur-medium) !important; + background: rgba(30, 41, 59, 0.95) !important; border-top: 1px solid var(--border-color) !important; box-shadow: var(--shadow-xl) !important; border-radius: var(--border-radius-large) var(--border-radius-large) 0 0; @@ -866,16 +815,14 @@ div.nextUpSection { * TEMA ÎNTUNECATĂ ÎMBUNĂTĂȚITĂ * ======================================== */ -/* Overlay pentru dialoguri cu blur puternic */ +/* Overlay pentru dialoguri fără blur */ .dialogBackdrop { background: rgba(15, 23, 42, 0.9) !important; - backdrop-filter: var(--blur-heavy) !important; } -/* Dialoguri cu design glassmorphism */ +/* Dialoguri fără blur */ .dialog { - background: var(--background-overlay) !important; - backdrop-filter: var(--blur-medium) !important; + background: rgba(30, 41, 59, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: var(--border-radius-xl) !important; box-shadow: var(--shadow-xl) !important; @@ -883,19 +830,6 @@ div.nextUpSection { overflow: hidden; } -/* Efect de sticlă pentru dialoguri */ -.dialog::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%); - pointer-events: none; - z-index: -1; -} - /* Titluri în dialoguri */ .dialog h2, .dialog h3 { @@ -1008,27 +942,81 @@ img:not(.backdropImage):not(.backdrop):not(.itemBackdrop) { animation: shimmer 1.5s infinite; } -/* REGULĂ FINALĂ - ELIMINĂ ORICE BLUR DE PE IMAGINI */ -img:not(.backdropImage):not(.backdrop):not(.itemBackdrop), +/* REGULĂ FINALĂ - ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE */ +img, .cardImage, .cardImageContainer *, .cardContent-button *, .listItemImage *, .itemDetailImage *, -.lazy:not(.backdropImage) { +.lazy, +.userImage, +.headerUserImage, +.headerUserButton img, +.cardScalable *, +.cardOverlayContainer *, +.listItemImageButton *, +.cardContent img, +.listItem img, +.itemAction img, +.coveredImage, +.defaultCardBackground { filter: none !important; backdrop-filter: none !important; -webkit-filter: none !important; + -webkit-backdrop-filter: none !important; opacity: 1 !important; visibility: visible !important; + display: block !important; } -/* Doar fundalurile păstrează blur-ul */ +/* Elimină blur-ul și de pe fundaluri - lasă Jellyfin să gestioneze */ .backdropImage, .backdrop, .itemBackdrop, .backgroundContainer .backdropImage { - filter: blur(12px) brightness(0.3) !important; + filter: none !important; + backdrop-filter: none !important; + -webkit-filter: none !important; +} + +/* CORECȚII SPECIFICE PENTRU IMAGINI DE PROFIL ȘI CARDURI */ +.headerUserButton, +.headerUserButton img, +.userImage, +.headerUserImage, +.userImageContainer, +.userImageContainer img { + filter: none !important; + backdrop-filter: none !important; + -webkit-filter: none !important; + -webkit-backdrop-filter: none !important; + opacity: 1 !important; + visibility: visible !important; + display: block !important; +} + +/* Corecții pentru carduri - elimină orice blur */ +.card, +.cardBox, +.cardContent, +.cardContent-button, +.cardImageContainer, +.cardScalable, +.cardOverlayContainer { + filter: none !important; + backdrop-filter: none !important; + -webkit-filter: none !important; + -webkit-backdrop-filter: none !important; +} + +/* Elimină blur-ul de pe toate elementele cu clasa lazy */ +.lazy { + filter: none !important; + backdrop-filter: none !important; + -webkit-filter: none !important; + -webkit-backdrop-filter: none !important; + opacity: 1 !important; } /* Îmbunătățiri pentru focus și accesibilitate */