Update V1.0.3
This commit is contained in:
218
edd.css
218
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 */
|
||||
|
||||
Reference in New Issue
Block a user