From 92b47e65191da4bbb4bd37c765c8291fb4813650 Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Mon, 12 May 2025 06:23:39 -0700 Subject: [PATCH] dev: fixed formatting --- Theme/ElegantFin-theme-nightly.css | 36 +++++++++++++++--------------- 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index bada84c..b03c33c 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -9,16 +9,16 @@ :root { --elegantFinFooterText: "ElegantFin Nightly"; - + /* Base theme colors */ color-scheme: dark; --darkerGradientPoint: #111827; --darkerGradientPointAlpha: rgba(17, 24, 39, 0.85); --lighterGradientPoint: #1d2635; - --lighterGradientPointAlpha: rgba(29, 38, 53, 0.85); + --lighterGradientPointAlpha: rgba(29, 38, 53, 0.85); --headerColor: rgba(30, 40, 54, 0.8); --drawerColor: rgba(30, 40, 54, 0.9); - + --borderColor: rgb(71, 80, 92); --lighterBorderColor: rgb(255 255 255 / 20%); @@ -497,7 +497,7 @@ html { padding-block: 0; } -.itemMiscInfo-primary{ +.itemMiscInfo-primary { column-gap: .5em; } @@ -653,7 +653,7 @@ html { /* Uncomment to turn dithering back on - START*/ .backgroundContainer:not(.withBackdrop, .backgroundContainer-transparent) { background: var(--backgroundGradient) - /* background: var(--lighterGradientPoint); */ + /* background: var(--lighterGradientPoint); */ } /* .backdropContainer::after { @@ -682,7 +682,7 @@ html { @keyframes scaleUp { from { - transform: scale(1) ; + transform: scale(1); opacity: 0; } @@ -692,20 +692,19 @@ html { } } -.backdropImageFadeIn -{ +.backdropImageFadeIn { transform-origin: bottom left; animation: scaleUp 3s ease-out forwards; } @keyframes moveDown { from { - transform: translateY(-2em) ; + transform: translateY(-2em); opacity: 0; } to { - transform: translateY(0) ; + transform: translateY(0); opacity: 1; } } @@ -720,6 +719,7 @@ html { transform: translateY(-90%); opacity: 0; } + to { transform: translateY(-100%); opacity: 1; @@ -742,11 +742,11 @@ html { margin-top: 0; position: sticky; top: -30%; - mask: linear-gradient(180deg, rgba(0,0,0,.75) 50%, transparent); + mask: linear-gradient(180deg, rgba(0, 0, 0, .75) 50%, transparent); animation: moveDown 1s ease-out forwards; } -.layout-desktop .itemBackdrop{ +.layout-desktop .itemBackdrop { height: 13em; } @@ -2071,12 +2071,12 @@ div[data-role=controlgroup] a.ui-btn-active { } .infoWrapper h1.itemName, -.infoWrapper h1.parentName { +.infoWrapper h1.parentName { font-size: xxx-large; } .layout-mobile .infoWrapper h1.itemName, -.layout-mobile .infoWrapper h1.parentName { +.layout-mobile .infoWrapper h1.parentName { font-size: 1.6em; } @@ -2539,7 +2539,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child { } .skinHeader-withBackground.semiTransparent .headerButton, -.layout-mobile .skinHeader.headroom:not(.osdHeader, .noHomeButtonHeader):has(.pageTitle:empty) .headerButton{ +.layout-mobile .skinHeader.headroom:not(.osdHeader, .noHomeButtonHeader):has(.pageTitle:empty) .headerButton { text-shadow: 1px 1px 0px #00000080; } @@ -2557,12 +2557,12 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child { /* this brings the buttons and title to the center in main media page */ .layout-mobile [dir=ltr] .infoWrapper, -.layout-mobile .infoWrapper{ +.layout-mobile .infoWrapper { padding-left: 0; } /* Both the blocks below position the poster in main media page in the center */ -.layout-mobile .detailImageContainer{ +.layout-mobile .detailImageContainer { height: 12em; display: flex; align-items: flex-end; @@ -2570,7 +2570,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child { padding-left: 0 !important; } -.layout-mobile .detailImageContainer .card{ +.layout-mobile .detailImageContainer .card { position: inherit !important; transform-origin: bottom; opacity: 0;