mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
dev: fixed formatting
This commit is contained in:
@@ -497,7 +497,7 @@ html {
|
|||||||
padding-block: 0;
|
padding-block: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemMiscInfo-primary{
|
.itemMiscInfo-primary {
|
||||||
column-gap: .5em;
|
column-gap: .5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -653,7 +653,7 @@ html {
|
|||||||
/* Uncomment to turn dithering back on - START*/
|
/* Uncomment to turn dithering back on - START*/
|
||||||
.backgroundContainer:not(.withBackdrop, .backgroundContainer-transparent) {
|
.backgroundContainer:not(.withBackdrop, .backgroundContainer-transparent) {
|
||||||
background: var(--backgroundGradient)
|
background: var(--backgroundGradient)
|
||||||
/* background: var(--lighterGradientPoint); */
|
/* background: var(--lighterGradientPoint); */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .backdropContainer::after {
|
/* .backdropContainer::after {
|
||||||
@@ -682,7 +682,7 @@ html {
|
|||||||
|
|
||||||
@keyframes scaleUp {
|
@keyframes scaleUp {
|
||||||
from {
|
from {
|
||||||
transform: scale(1) ;
|
transform: scale(1);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -692,20 +692,19 @@ html {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropImageFadeIn
|
.backdropImageFadeIn {
|
||||||
{
|
|
||||||
transform-origin: bottom left;
|
transform-origin: bottom left;
|
||||||
animation: scaleUp 3s ease-out forwards;
|
animation: scaleUp 3s ease-out forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes moveDown {
|
@keyframes moveDown {
|
||||||
from {
|
from {
|
||||||
transform: translateY(-2em) ;
|
transform: translateY(-2em);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
transform: translateY(0) ;
|
transform: translateY(0);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -720,6 +719,7 @@ html {
|
|||||||
transform: translateY(-90%);
|
transform: translateY(-90%);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
transform: translateY(-100%);
|
transform: translateY(-100%);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
@@ -742,11 +742,11 @@ html {
|
|||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: -30%;
|
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;
|
animation: moveDown 1s ease-out forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-desktop .itemBackdrop{
|
.layout-desktop .itemBackdrop {
|
||||||
height: 13em;
|
height: 13em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2071,12 +2071,12 @@ div[data-role=controlgroup] a.ui-btn-active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.infoWrapper h1.itemName,
|
.infoWrapper h1.itemName,
|
||||||
.infoWrapper h1.parentName {
|
.infoWrapper h1.parentName {
|
||||||
font-size: xxx-large;
|
font-size: xxx-large;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-mobile .infoWrapper h1.itemName,
|
.layout-mobile .infoWrapper h1.itemName,
|
||||||
.layout-mobile .infoWrapper h1.parentName {
|
.layout-mobile .infoWrapper h1.parentName {
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2539,7 +2539,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.skinHeader-withBackground.semiTransparent .headerButton,
|
.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;
|
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 */
|
/* this brings the buttons and title to the center in main media page */
|
||||||
.layout-mobile [dir=ltr] .infoWrapper,
|
.layout-mobile [dir=ltr] .infoWrapper,
|
||||||
.layout-mobile .infoWrapper{
|
.layout-mobile .infoWrapper {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Both the blocks below position the poster in main media page in the center */
|
/* Both the blocks below position the poster in main media page in the center */
|
||||||
.layout-mobile .detailImageContainer{
|
.layout-mobile .detailImageContainer {
|
||||||
height: 12em;
|
height: 12em;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
@@ -2570,7 +2570,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
|
|||||||
padding-left: 0 !important;
|
padding-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-mobile .detailImageContainer .card{
|
.layout-mobile .detailImageContainer .card {
|
||||||
position: inherit !important;
|
position: inherit !important;
|
||||||
transform-origin: bottom;
|
transform-origin: bottom;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
Reference in New Issue
Block a user