diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index e838339..e37e1a8 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -4,10 +4,8 @@ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); :root { - /* outline: 0px dotted red !important; */ --darkerGradientPoint: #111827; --lighterGradientPoint: #1d2635; - /* --borderColor: rgba(75, 85, 99, 0.9); */ --borderColor: rgb(71, 80, 92); --headerColor: rgba(30, 40, 54, 0.8); --drawerColor: rgba(30, 40, 54, 0.9); @@ -21,10 +19,6 @@ --hoverGradient: linear-gradient(130deg, rgb(255 255 255 / 20%) 20%, rgb(255 255 255 / 10%) 40%); } -/* html { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; -} */ - html { font-family: "Inter", serif; font-optical-sizing: auto; @@ -34,16 +28,10 @@ html { .dashboardFooter::after { content: "ElegantFin Nightly"; - /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */ font-size: .6em; opacity: .5; } -.itemsContainer, -.vertical-list { - /* gap: .75em; */ -} - .card { padding: .375em; } @@ -59,7 +47,6 @@ html { .emby-button.show-focus:focus { background: #2f3a53; border-radius: .5em; - /* border: solid white .1em; */ outline: .1em rgb(255 255 255) solid !important; outline-offset: -.1em; color: #fff; @@ -78,16 +65,6 @@ html { margin-right: auto; } -/* .pageTabContent .vertical-wrap { - justify-content: space-evenly !important; -} - -.vertical-wrap, -.sectionTitleContainer~.vertical-wrap, -.sectionTitle~.vertical-wrap { - justify-content: flex-start !important; -} */ - .vertical-wrap:not(.centered) { justify-content: flex-start !important; } @@ -111,11 +88,6 @@ html { transition: 125ms transform; } -.card:hover .cardScalable { - /* transform: translateY(-4px); */ - /* box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 4px 0px; */ -} - .cardImageContainer { border-radius: 1em !important } @@ -142,7 +114,6 @@ html { .portraitCard, .smallBackdropCard, .squareCard { - /* width: 33.3333333333% !important; */ width: 30% !important; } } @@ -151,7 +122,6 @@ html { .portraitCard, .squareCard { - /* width: 25% !important; */ width: 23% !important; } } @@ -160,21 +130,18 @@ html { .portraitCard, .squareCard { - /* width: 20% !important; */ width: 23% !important; } } @media (min-width: 25em) { .backdropCard { - /* width: 50%; */ width: 49%; } } @media (min-width: 48.125em) { .backdropCard { - /* width: 33.3333333333%; */ width: 32%; } } @@ -210,16 +177,6 @@ h1 { display: none; } -/* display sync button when not on home screen */ -.skinHeader:not(.noHomeButtonHeader) .headerSyncButton { - /* display: block; */ -} - -/* hide search button when not on home screen */ -.skinHeader:not(.noHomeButtonHeader) .headerSearchButton { - /* display: none; */ -} - .pageTitle { height: 1.5em; } @@ -277,12 +234,6 @@ h1 { margin-top: 3.5rem; } -/* @media (max-width: 62.5em) { - .layout-desktop .itemBackdrop { - height: 5vh; - } -} */ - h2 { font-size: 1.25em; } @@ -294,7 +245,6 @@ h2 { .tagline { font-size: 1.3em; - /* font-style: italic; */ font-weight: 400; margin-bottom: 0; } @@ -363,7 +313,6 @@ html { .btnPlay { background-color: rgba(255, 255, 255, 0.05); - /* border-radius: .5em 0em 0em .5em; */ border: solid var(--lighterBorderColor) 1px; } @@ -380,14 +329,10 @@ html { .searchfields-icon { padding: .25em; - /* margin: 0 !important; */ margin-left: -1.75em; margin-bottom: 0; border-radius: 1em; color: rgba(255, 255, 255, 0.5); - /* background-color: rgba(255, 255, 255, 0.05); */ - /* border-radius: .5em 0em 0em .5em; */ - /* border: solid var(--lighterBorderColor) 1px;*/ } .searchfields-icon:hover, @@ -411,6 +356,7 @@ html { .btnPlay>.detailButton-content { -webkit-align-items: unset; + align-items: unset; display: -webkit-flex; display: flex; -webkit-flex-direction: unset; @@ -427,19 +373,6 @@ html { content: "Play"; } - -/* -.btnMoreCommands{ - border-radius: 0em .5em .5em 0em; - border: solid var(--lighterBorderColor) 1px; -} - -.btnUserRating,.btnCancelSeriesTimer,.btnShuffle,.btnInstantMix,.btnPlayTrailer,.btnPlaystate,.btnReplay{ - border-radius: 0em 0em 0em 0em; - border: solid var(--lighterBorderColor) 1px; -} */ - - .mainDrawer, .drawer-open { background-color: var(--drawerColor); @@ -498,12 +431,6 @@ html { text-align: end; } -.genresGroup, -.directorsGroup, -.writersGroup { - /* border-bottom: solid var(--borderColor) 1px; */ -} - .itemTags, .itemTags>a { display: none; @@ -522,7 +449,6 @@ html { .innerCardFooter, .chapterThumbTextContainer { background: transparent; - /* display: flex; */ font-weight: 500; text-shadow: 1px 1px 0px black; padding: 1em; @@ -533,7 +459,6 @@ html { width: unset; } - .dialogContainer { margin: .33em; } @@ -573,11 +498,6 @@ html { background-color: transparent; } -/* .emby-checkbox:checked+span+.checkboxOutline { - background-color: var(--checkboxCheckedBgColor); - border-color: var(--checkboxCheckedBgColor); -} */ - .emby-checkbox:checked+span+.checkboxOutline { border-radius: .375em !important; box-shadow: inset 0em 7em 10em 20px rgba(0, 0, 0, 0.8); @@ -588,7 +508,6 @@ html { } .checkboxOutline { - /* background-color: rgb(255, 255, 255); */ top: unset; height: 1.3em; width: 1.3em; @@ -603,7 +522,6 @@ html { } .cardText-first+.itemSelectionPanel>.checkboxContainer { - /* height: calc(100% - 3em); */ height: calc(100% - 1.75em); } @@ -616,7 +534,6 @@ html { } .cardText-secondary+.itemSelectionPanel>.checkboxContainer { - /* height: calc(100% - 3em); */ height: calc(100% - 3.125em); } @@ -625,7 +542,6 @@ html { } .cardScalable+.itemSelectionPanel>.checkboxContainer { - /* height: calc(100% - 3em); */ height: calc(100% - 0em); } @@ -638,14 +554,12 @@ html { .cardIndicators { -webkit-align-items: center; - /* padding: 1em; */ + align-items: center; top: .2em; } .indicator { - /* background: rgb(146 146 146 / 20%); */ border: solid rgb(124 124 124 / 50%) 1px; - /* padding: .1em; */ border-radius: 100em; } @@ -720,7 +634,6 @@ div[data-role=controlgroup] a.ui-btn-active { border-radius: 1em !important; border: solid var(--borderColor) 1px !important; box-shadow: unset !important; - /* backdrop-filter: blur(5px); */ } .paperList { @@ -758,11 +671,9 @@ div[data-role=controlgroup] a.ui-btn-active { [dir=ltr] .navMenuOption { padding: .75em 1em !important; - /* padding: 1.25em 0.25em 0.25em 1.5em !important; */ } [dir=ltr] .listItem:not(.actionSheetMenuItem) { - /* padding: .75em 1em !important; */ padding: 0.25em 0.25em 0.25em 1.5em !important; } @@ -808,7 +719,6 @@ div[data-role=controlgroup] a.ui-btn-active { .detailsGroupItem, .trackSelections .selectContainer { - /*flex-direction: column;*/ max-width: unset !important; align-items: center; } @@ -892,7 +802,6 @@ div[data-role=controlgroup] a.ui-btn-active { .MuiAvatar-circular { width: 1.5em; height: 1.5em; - /* margin-inline-end: .5em; */ border: solid var(--borderColor) 1px; } @@ -984,6 +893,5 @@ div[data-role=controlgroup] a.ui-btn-active { [dir=ltr] .mediaInfoItem { transform: scale(.85); - /* scale: .85; */ margin: 0 .4em 0 0; } \ No newline at end of file