diff --git a/edd.css b/edd.css index c7b2ffd..618e92f 100644 --- a/edd.css +++ b/edd.css @@ -80,52 +80,59 @@ } /* ======================================== - * STILURI GENERALE - FOLOSEȘTE FUNDALUL NATIV JELLYFIN + * ELIMINĂ TOATE MODIFICĂRILE DE FUNDAL - LASĂ JELLYFIN SĂ GESTIONEZE * ======================================== */ -/* Elimină fundalurile personalizate - lasă Jellyfin să gestioneze */ -.backgroundContainer, -.dialog, -html { - background: unset !important; - color: var(--text-primary); -} +/* NU modifica fundalul deloc - lasă Jellyfin să-l gestioneze */ -/* Elimină overlay-urile personalizate */ -.backgroundContainer.withBackdrop, -.backdropContainer, -.backgroundContainer { - background: unset !important; - position: relative; -} +/* ======================================== + * FORȚEAZĂ VIZIBILITATEA IMAGINILOR - REGULI PUTERNICE + * ======================================== */ -/* ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE DE CONȚINUT */ +/* Toate imaginile trebuie să fie vizibile */ +img, +.cardImage, .cardImageContainer img, +.cardContent-button img, .itemDetailImage img, .listItemImage img, -.cardContent-button img, -.cardImage, -.listItemImage, -.itemDetailImage, .cardContent img, .listItem img, -.lazy, -img, .cardScalable img, .cardOverlayContainer img, .listItemImageButton img, .userImage, .headerUserImage, -.headerUserButton img { +.headerUserButton img, +.lazy { filter: none !important; opacity: 1 !important; visibility: visible !important; display: block !important; - border-radius: var(--border-radius) !important; - transition: transform var(--transition-medium) !important; backdrop-filter: none !important; -webkit-filter: none !important; -webkit-backdrop-filter: none !important; + max-width: 100% !important; + height: auto !important; +} + +/* Elimină orice overlay care ar putea ascunde imaginile */ +.cardImageContainer::before, +.cardContent-button::before, +.cardOverlayContainer::before { + display: none !important; +} + +/* Asigură că containerele imaginilor nu au probleme */ +.cardImageContainer, +.cardContent-button, +.cardScalable, +.cardOverlayContainer, +.listItemImageButton { + overflow: visible !important; + background: transparent !important; + filter: none !important; + backdrop-filter: none !important; } /* Îmbunătățiri pentru scrolling */ @@ -158,29 +165,14 @@ img, * HEADER ȘI NAVIGARE * ======================================== */ -/* Header principal - design modern fără blur de fundal */ -.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred { - 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); - border-radius: 0 0 var(--border-radius-large) var(--border-radius-large); -} +/* Header - NU modifica fundalul, lasă Jellyfin să gestioneze */ -.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader { - background: rgba(30, 41, 59, 0.95) !important; - border-radius: 0 0 var(--border-radius-large) var(--border-radius-large); -} - -/* Butoane din header cu design modern - FĂRĂ BLUR */ +/* Butoane din header - design simplu */ .headerButton { - color: var(--text-primary) !important; transition: all var(--transition-fast); border-radius: var(--border-radius); margin: 0 6px; padding: 8px 12px !important; - background: rgba(255, 255, 255, 0.05) !important; - border: 1px solid rgba(255, 255, 255, 0.1); } .headerButton:hover { @@ -191,18 +183,7 @@ img, border-color: var(--primary-light); } -/* Meniu lateral (drawer) fără blur */ -.mainDrawer { - 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; -} - -.mainDrawer-scrollContainer { - color: var(--text-primary) !important; - padding: 16px 8px; -} +/* Meniu lateral - NU modifica fundalul */ /* Opțiuni din meniul lateral */ .navMenuOption { @@ -302,28 +283,14 @@ img, * CARDURI ȘI ELEMENTE MEDIA * ======================================== */ -/* Carduri pentru filme, seriale, etc. cu design modern - FĂRĂ BLUR */ +/* Carduri - design simplu fără modificări de fundal */ .cardBox { - background: var(--background-card) !important; - border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: var(--border-radius-large) !important; transition: all var(--transition-medium) !important; - box-shadow: var(--shadow-medium) !important; position: relative; - overflow: hidden; } -.cardBox::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%); - pointer-events: none; - z-index: 1; -} +/* Elimină overlay-ul care poate ascunde imaginile */ .cardBox:hover { transform: translateY(-6px) scale(1.03) !important; @@ -484,29 +451,7 @@ img, * PAGINA DE LOGIN * ======================================== */ -/* Container pentru pagina de login - folosește fundalul nativ */ -#loginPage { - background: unset !important; - position: relative; - min-height: 100vh; - display: flex; - align-items: center; - justify-content: center; -} - -/* Formular de login - design simplu fără blur */ -#loginPage .readOnlyContent, -#loginPage form { - max-width: 420px !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; - border: 1px solid rgba(255, 255, 255, 0.1) !important; - position: relative; - z-index: 1; - margin: 20px; -} +/* Login - NU modifica fundalul */ /* Titlu login */ #loginPage h1 { @@ -532,13 +477,7 @@ img, * PLAYER VIDEO ȘI CONTROALE * ======================================== */ -/* Bara de progres video fără blur */ -.nowPlayingBar { - 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; -} +/* Player - NU modifica fundalul */ /* Controale player */ .nowPlayingBarCenter { @@ -815,20 +754,7 @@ div.nextUpSection { * TEMA ÎNTUNECATĂ ÎMBUNĂTĂȚITĂ * ======================================== */ -/* Overlay pentru dialoguri fără blur */ -.dialogBackdrop { - background: rgba(15, 23, 42, 0.9) !important; -} - -/* Dialoguri fără blur */ -.dialog { - 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; - position: relative; - overflow: hidden; -} +/* Dialoguri - NU modifica fundalul */ /* Titluri în dialoguri */ .dialog h2, @@ -942,25 +868,33 @@ img:not(.backdropImage):not(.backdrop):not(.itemBackdrop) { animation: shimmer 1.5s infinite; } -/* REGULĂ FINALĂ - ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE */ +/* ======================================== + * FORȚEAZĂ VIZIBILITATEA IMAGINILOR - REGULI FINALE PUTERNICE + * ======================================== */ + +/* TOATE imaginile trebuie să fie vizibile - reguli foarte specifice */ img, .cardImage, -.cardImageContainer *, -.cardContent-button *, -.listItemImage *, -.itemDetailImage *, -.lazy, +.cardImageContainer img, +.cardContent-button img, +.listItemImage img, +.itemDetailImage img, +.lazy img, .userImage, .headerUserImage, .headerUserButton img, -.cardScalable *, -.cardOverlayContainer *, -.listItemImageButton *, +.cardScalable img, +.cardOverlayContainer img, +.listItemImageButton img, .cardContent img, .listItem img, .itemAction img, .coveredImage, -.defaultCardBackground { +.defaultCardBackground, +.lazy, +.cardContent-button, +.cardImageContainer, +.listItemImageButton { filter: none !important; backdrop-filter: none !important; -webkit-filter: none !important; @@ -968,16 +902,40 @@ img, opacity: 1 !important; visibility: visible !important; display: block !important; + background: none !important; + box-shadow: none !important; } -/* Elimină blur-ul și de pe fundaluri - lasă Jellyfin să gestioneze */ -.backdropImage, -.backdrop, -.itemBackdrop, -.backgroundContainer .backdropImage { +/* Elimină orice pseudo-elemente care ar putea ascunde imaginile */ +.cardImageContainer::before, +.cardImageContainer::after, +.cardContent-button::before, +.cardContent-button::after, +.cardOverlayContainer::before, +.cardOverlayContainer::after, +.listItemImageButton::before, +.listItemImageButton::after { + display: none !important; + content: none !important; +} + +/* Asigură că imaginile au dimensiuni corecte */ +.cardImageContainer img, +.cardContent-button img, +.listItemImage img { + width: 100% !important; + height: 100% !important; + object-fit: cover !important; +} + +/* Elimină orice transformări care ar putea afecta imaginile */ +.cardImageContainer, +.cardContent-button, +.cardScalable, +.listItemImageButton { + transform: none !important; filter: none !important; backdrop-filter: none !important; - -webkit-filter: none !important; } /* CORECȚII SPECIFICE PENTRU IMAGINI DE PROFIL ȘI CARDURI */