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: rearranged code

Browse Source
This commit is contained in:
lscambo13
2025-05-17 10:43:18 -07:00
parent e703dcef01
commit abaf3c258f
1 changed files with 83 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -613,8 +613,17 @@ html {
background-position: 50% 50%;
mask: linear-gradient(180deg, rgba(0, 0, 0, .75) 50%, transparent);
animation: animMoveDown 1s ease-out forwards;
height: 45vh;
}
/* .layout-mobile .itemBackdrop:before {
content: "";
position: absolute;
inset: 0;
background: inherit;
z-index: -1;
} */
.layout-desktop .itemBackdrop {
height: 13em;
}
@@ -639,85 +648,6 @@ html {
filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.25));
}
.detailButton {
border: var(--defaultLighterBorder);
padding: .5em .5em !important;
}
.detailButton-icon {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
.detailButton:not(.btnPlay) {
color: var(--textColor);
backdrop-filter: none;
border-color: transparent;
margin: .5em !important;
border-radius: 50%;
padding: .6em !important;
}
.layout-desktop .detailButton:not(.btnPlay):hover {
color: black;
background: var(--dimTextColor);
}
.layout-desktop .detailButton:not(.btnPlay):active {
color: black;
background: var(--textColor);
}
.btnPlay.detailButton {
background-color: var(--textColor);
color: black;
border-radius: 3em;
border-color: var(--borderColor);
height: 3em;
width: 10em;
margin-right: .5em !important;
}
.layout-mobile .btnPlay.detailButton {
flex: 0 0 100%;
margin-right: 0 !important;
}
.btnPlay>.detailButton-content {
-webkit-align-items: unset;
align-items: unset;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: unset;
flex-direction: unset;
-webkit-justify-content: unset;
align-content: unset;
justify-content: flex-start;
}
.btnPlay[title="Play"]>.detailButton-content::after {
content: "Play";
}
.btnPlay[title="Resume"]>.detailButton-content::after {
content: "Resume";
}
.btnPlay>.detailButton-content::after {
padding-left: .25em;
padding-right: .5em;
place-content: center;
}
.layout-mobile .mainDetailButtons {
/* margin-top: .5em; */
}
.layout-mobile [dir=ltr] .mainDetailButtons {
flex-wrap: wrap;
padding-inline: 1.25em;
}
/* this brings the buttons and title to the center in main media page */
.layout-mobile [dir=ltr] .infoWrapper,
.layout-mobile .infoWrapper {
@@ -745,10 +675,6 @@ html {
.layout-mobile .detailImageContainer .card.portraitCard {
} */
.layout-mobile .itemBackdrop {
height: 45vh;
}
.layout-mobile .detailPageWrapperContainer {
padding-top: 0;
margin-top: .5em;
@@ -1613,6 +1539,80 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
transform: scale(0.98);
}
.detailButton {
border: var(--defaultLighterBorder);
padding: .5em .5em !important;
}
.detailButton-icon {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
.detailButton:not(.btnPlay) {
color: var(--textColor);
backdrop-filter: none;
border-color: transparent;
margin: .5em !important;
border-radius: 50%;
padding: .6em !important;
}
.layout-desktop .detailButton:not(.btnPlay):hover {
color: black;
background: var(--dimTextColor);
}
.detailButton:active {
color: black;
background: var(--textColor);
}
.btnPlay.detailButton {
background-color: var(--textColor);
color: black;
border-radius: 3em;
border-color: var(--borderColor);
height: 3em;
width: 10em;
margin-right: .5em !important;
}
.layout-mobile .btnPlay.detailButton {
flex: 0 0 100%;
margin-right: 0 !important;
}
.btnPlay>.detailButton-content {
-webkit-align-items: unset;
align-items: unset;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: unset;
flex-direction: unset;
-webkit-justify-content: unset;
align-content: unset;
justify-content: flex-start;
}
.btnPlay[title="Play"]>.detailButton-content::after {
content: "Play";
}
.btnPlay[title="Resume"]>.detailButton-content::after {
content: "Resume";
}
.btnPlay>.detailButton-content::after {
padding-left: .25em;
padding-right: .5em;
place-content: center;
}
.layout-mobile [dir=ltr] .mainDetailButtons {
flex-wrap: wrap;
padding-inline: 1.25em;
}
.localnav>.emby-button {
background: var(--lighterGradientPoint) !important;
color: #fff;