boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

dev: fixed formatting

Browse Source
This commit is contained in:
lscambo13
2025-05-12 06:23:39 -07:00
parent 5e2a0f8e78
commit 92b47e6519
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
Theme/ElegantFin-theme-nightly.css
View File

@@ -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;