diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 8924fcc..b4c5df7 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -169,10 +169,6 @@ html { transition: width 650ms; } -/* .card:hover .cardScalable { - box-shadow: 0px 4px 13px 0px black; -} */ - .card:focus .cardBox:not(.visualCardBox) .cardScalable { border-color: var(--highlightOutlineColor) !important; filter: brightness(1.125); @@ -403,7 +399,6 @@ html { .layout-mobile .cardOverlayButton-br, [dir=ltr] .layout-mobile .cardOverlayButton-br { - /* left: .5em; */ bottom: .5em; right: .5em; } @@ -552,7 +547,6 @@ html { width: 29.8% !important; } - /* .layout-mobile .portraitCard:has(.cardFooter), */ .squareCard:has(.cardFooter) { width: 46.5% !important; } @@ -604,8 +598,6 @@ html { display: block; } -@media (orientation: portrait) {} - .pageTitle { height: 1.5em; } @@ -632,17 +624,10 @@ html { padding-inline: 5%; } -/* .sectionTitleContainer-cards, -.sectionTitle-cards, -.sectionTitleTextButton { - font-weight: 400; - font-size: 1.25rem; -} */ - .layout-desktop .sectionTitle, .layout-tv .sectionTitle { font-size: 1.5rem !important; - box-sizing: border-box; + /* box-sizing: border-box; */ } .sectionTitleContainer-cards { @@ -767,7 +752,6 @@ html { margin-top: 0; position: sticky; top: -30%; - background-position: 50% 50%; mask: var(--itemBackdropMask); animation: animMoveDown 1s ease-out forwards; height: 45vh; @@ -792,7 +776,6 @@ html { .layout-tv .detailImageContainer .card { width: 23vw !important; - /* display: none; */ } .layout-mobile .detailImageContainer .card { @@ -865,10 +848,6 @@ html { } @media (max-width: 62.5em) { - .layout-desktop .itemBackdrop { - height: 7em !important; - } - .layout-desktop .detailPageWrapperContainer { min-height: calc(100vh - 7em); } @@ -923,21 +902,21 @@ html { width: 42vw; } - .layout-mobile #homeTab .overflowPortraitCard { - /* width: 40vw; */ - } + /* .layout-mobile #homeTab .overflowPortraitCard { + width: 40vw; + } */ /* two and a quarter portrait cards in home page */ - .layout-mobile #homeTab .overflowBackdropCard, + /* .layout-mobile #homeTab .overflowBackdropCard, .layout-mobile #homeTab .overflowSmallBackdropCard { - /* width: 42vw; */ - } + width: 42vw; + } */ /* quarter to two backdrop cards in home page */ - .layout-mobile #homeTab .overflowBackdropCard:has(.cardOverlayButtonIcon.play_arrow), + /* .layout-mobile #homeTab .overflowBackdropCard:has(.cardOverlayButtonIcon.play_arrow), .layout-mobile #homeTab .overflowSmallBackdropCard:has(.cardOverlayButtonIcon.play_arrow) { - /* width: 52vw; */ - } + width: 52vw; + } */ .layout-mobile .btnPlay.detailButton { flex: 0 0 100%; @@ -994,11 +973,9 @@ html { } -/* Uncomment to turn dithering back on - START*/ .backgroundContainer:not(.withBackdrop, .backgroundContainer-transparent), .backdropContainer { background: var(--backgroundGradient); - /* background: var(--lighterGradientPoint); */ } /* .backdropContainer::after { @@ -1034,17 +1011,6 @@ html { background: linear-gradient(0deg, var(--darkerGradientPoint), transparent 100%); } -/* .backgroundContainer:not(.withBackdrop, .backgroundContainer-transparent):after { - content: ''; - background: linear-gradient(0deg, var(--darkerGradientPoint) 35%, transparent 100%); - position: absolute; - inset: 0%; - filter: contrast(1.25); - mask: var(--ditheringMask); -} */ - -/* Uncomment to turn dithering back on - END*/ - @keyframes animScaleUp { from { transform: scale(1); @@ -1482,14 +1448,11 @@ progress+span { .itemMiscInfo { align-items: flex-end !important; - /* center content on desktop */ - /* justify-content: center; */ } .innerCardFooter, .chapterThumbTextContainer { background: var(--cardFooterGradient); - /* font-weight: 500; */ text-shadow: .1em .1em 0px black; width: auto; width: -webkit-fill-available; @@ -1643,8 +1606,6 @@ div[data-isfolder="true"] .cardText-first+.itemSelectionPanel>.checkboxContainer #castCollapsible .cardPadder .cardImageIcon, #guestCastContent .cardPadder .cardImageIcon { - /* position: unset; */ - /* transform: translateY(60%) translateX(0); */ display: none; } @@ -1778,13 +1739,6 @@ div[data-type="PhotoAlbum"] .play_arrow:before { content: "\e8eb"; } -.card-withuserdata[data-isfolder="true"] .cardImageContainer.defaultCardBackground { - filter: contrast(0.85); - background-size: cover !important; - background-position: 50% !important; - background-blend-mode: multiply; -} - .emby-button.block, .button-alt, .raised, @@ -1876,8 +1830,6 @@ div[data-type="PhotoAlbum"] .play_arrow:before { margin-right: .5em !important; } -@media (orientation: portrait) {} - .btnPlay>.detailButton-content { -webkit-align-items: unset; align-items: unset; @@ -2264,7 +2216,7 @@ div[data-role=controlgroup] a.ui-btn-active { padding-right: 5% !important; } -/* this removes right padding from cast page sections to cards evenly*/ +/* this removes right padding from cast page sections to place cards evenly*/ #itemDetailPage .verticalSection .itemsContainer.padded-right { padding-right: 0 !important; } @@ -2880,8 +2832,6 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child { color: var(--borderColor); } -@media (orientation: portrait) and (max-width: 43em) {} - .nowPlayingPageImageContainer { /* position: relative; */ /* z-index: 0; */ @@ -3153,17 +3103,11 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child { .noHomeButtonHeader .emby-tab-button:before { font-family: 'Material Icons Round'; - /* padding-inline-end: .5em; */ - /* margin-inline-start: -.15em; */ padding-inline-end: .5ch; font-size: 1.2em; font-variation-settings: 'FILL' 0; } -.noHomeButtonHeader .emby-tab-button-active:before { - /* font-variation-settings: 'FILL' 1; */ -} - .headerTabs.sectionTabs { margin: 0; height: 6em; @@ -3180,28 +3124,21 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child { margin-block: .25em; padding: 0; padding-inline: 1.25em; - /* min-width: 8em; */ height: 2.5em; color: var(--textColor); font-weight: 400; border-radius: var(--largeRadius); background-color: var(--darkerGradientPointAlpha); - /* border: solid var(--borderWidth) var(--borderColor); */ - /* text-shadow: 1px 1px 0 black; */ } .headerTabs.sectionTabs .emby-tab-button-active { margin: 0; margin-inline: .5em; margin-block: .25em; - /* font-weight: 600; */ - /* box-shadow: var(--shadow); */ - /* width: 50vw; */ color: black; background-color: var(--textColor); } -/* @media (min-width: 62em) { */ @media (min-width: 75em) { .sectionTabs:not(.layout-tv .sectionTabs) { -webkit-align-items: center;