diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css index 8475b72b2..9f1516c16 100644 --- a/src/assets/css/librarybrowser.css +++ b/src/assets/css/librarybrowser.css @@ -499,7 +499,7 @@ align-items: center; align-content: center; position: sticky; - top: 8%; + top: 6.6%; z-index: 2; } diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css index 9c3bc803e..ccc6eaaab 100644 --- a/src/themes/appletv/theme.css +++ b/src/themes/appletv/theme.css @@ -224,6 +224,14 @@ html { color: #fff !important; } +.detailSticky { + background: #303030; + background: -webkit-gradient(linear, left top, right top, from(#bcbcbc), color-stop(#a7b4b7), color-stop(#beb5a5), color-stop(#adbec2), to(#b9c7cb)); + background: -webkit-linear-gradient(left, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb); + background: -o-linear-gradient(left, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb); + background: linear-gradient(to right, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb); +} + .detailTableBodyRow-shaded:nth-child(even) { background: #f8f8f8; background: rgba(0, 0, 0, 0.1); diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index b1979e490..63c765e4e 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -216,6 +216,14 @@ html { color: #fff !important; } +.detailSticky { + background: #303030; + background: -webkit-gradient(linear, left top, right top, from(#291a31), color-stop(#033664), color-stop(#011432), color-stop(#141a3a), to(#291a31)); + background: -webkit-linear-gradient(left, #291a31, #033664, #011432, #141a3a, #291a31); + background: -o-linear-gradient(left, #291a31, #033664, #011432, #141a3a, #291a31); + background: linear-gradient(to right, #291a31, #033664, #011432, #141a3a, #291a31); +} + .detailTableBodyRow-shaded:nth-child(even) { background: #1c1c1c; background: rgba(30, 30, 30, 0.9); diff --git a/src/themes/emby/theme.css b/src/themes/emby/theme.css deleted file mode 100644 index ba0699cc6..000000000 --- a/src/themes/emby/theme.css +++ /dev/null @@ -1,432 +0,0 @@ -.skinHeader, -html { - color: #ddd; - color: rgba(255, 255, 255, 0.8); -} - -.wizardStartForm, -.ui-corner-all, -.ui-shadow { - background-color: #1f1f1f; -} - -.emby-collapsible-button { - border-color: #383838; - border-color: rgba(255, 255, 255, 0.135); -} - -.skinHeader-withBackground { - background-color: #1f1f1f; -} - -.skinHeader.semiTransparent { - backdrop-filter: none !important; - background-color: rgba(0, 0, 0, 0.4); -} - -.pageTitleWithDefaultLogo { - background-image: url(../logowhite.png); -} - -.backgroundContainer, -.dialog, -html { - background-color: #1a1a1a; -} - -.backgroundContainer.withBackdrop { - background-color: rgba(0, 0, 0, 0.86); -} - -.paper-icon-button-light:hover:not(:disabled) { - color: #52b54b; - background-color: rgba(82, 181, 75, 0.2); -} - -.paper-icon-button-light.show-focus:focus { - color: #52b54b; -} - -.fab, -.raised { - background: #303030; - color: rgba(255, 255, 255, 0.87); -} - -.fab:focus, -.raised:focus { - background: #383838; -} - -.button-submit { - background: #52b54b; - color: #fff; -} - -.button-submit:focus { - background: #5ec157; - color: #fff; -} - -.button-delete { - background: rgb(247, 0, 0); - color: rgba(255, 255, 255, 0.87); -} - -.checkboxLabel { - color: inherit; -} - -.checkboxListLabel, -.inputLabel, -.inputLabelUnfocused, -.paperListLabel, -.textareaLabelUnfocused { - color: #bbb; - color: rgba(255, 255, 255, 0.7); -} - -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #52b54b; -} - -.checkboxOutline { - border-color: currentColor; -} - -.collapseContent, -.formDialogFooter:not(.formDialogFooter-clear), -.formDialogHeader:not(.formDialogHeader-clear), -.paperList, -.visualCardBox { - background-color: #242424; -} - -.defaultCardBackground1 { - background-color: #d2b019; -} - -.defaultCardBackground2 { - background-color: #338abb; -} - -.defaultCardBackground3 { - background-color: #6b689d; -} - -.defaultCardBackground4 { - background-color: #dd452b; -} - -.defaultCardBackground5 { - background-color: #5ccea9; -} - -.cardText-secondary, -.fieldDescription, -.guide-programNameCaret, -.listItem .secondary, -.nowPlayingBarSecondaryText, -.programSecondaryTitle, -.secondaryText { - color: #999; - color: rgba(255, 255, 255, 0.5); -} - -.actionsheetDivider { - background: #444; - background: rgba(255, 255, 255, 0.14); -} - -.cardFooter-vibrant .cardText-secondary { - color: inherit; - opacity: 0.5; -} - -.actionSheetMenuItem:hover { - background-color: #242424; -} - -.toast { - background: #303030; - color: #fff; - color: rgba(255, 255, 255, 0.87); -} - -.appfooter { - background: #101010; - color: #ccc; - color: rgba(255, 255, 255, 0.78); -} - -.itemSelectionPanel { - border: 1px solid #52b54b; -} - -.selectionCommandsPanel { - background: #52b54b; - color: #fff; -} - -.upNextDialog-countdownText { - color: #52b54b; -} - -.alphaPickerButton { - color: #999; - color: rgba(255, 255, 255, 0.5); - background-color: transparent; -} - -.alphaPickerButton-selected { - color: #fff; -} - -.alphaPickerButton-tv:focus { - background-color: #52b54b; - color: #fff !important; -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #1c1c1c; - background: rgba(30, 30, 30, 0.9); -} - -.listItem-border { - border-color: rgba(34, 34, 34, 0.9) !important; -} - -.listItem:focus { - background: #333; -} - -.progressring-spiner { - border-color: #52b54b; -} - -.button-flat-accent, -.button-link { - color: #52b54b; -} - -.mediaInfoText { - color: #ddd; - background: rgba(170, 170, 190, 0.2); -} - -.mediaInfoTimerIcon, -.starIcon { - color: #cb272a; -} - -.emby-input, -.emby-textarea { - color: inherit; - background: #292929; - border: 0.16em solid #292929; - border-radius: 0.2em; -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: #52b54b; -} - -.emby-select-withcolor { - color: inherit; - background: #292929; - border: 0.07em solid #292929; -} - -.emby-select-withcolor > option { - color: inherit; - background: #222; -} - -.emby-select-withcolor:focus { - border-color: #52b54b !important; -} - -.emby-select-tv-withcolor:focus { - background-color: #52b54b !important; - color: #fff !important; -} - -.emby-checkbox:checked + span + .checkboxOutline { - border-color: #52b54b; -} - -.emby-checkbox:focus + span + .checkboxOutline { - border-color: #fff; -} - -.emby-checkbox:checked + span + .checkboxOutline, -.itemProgressBarForeground { - background-color: #52b54b; -} - -.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { - border-color: #52b54b; -} - -.itemProgressBarForeground-recording { - background-color: #cb272a; -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: #52b54b; -} - -.fullSyncIndicator { - color: #fff; -} - -.mainDrawer { - background-color: #1c1c1c; -} - -.navMenuOption:hover { - background: #252528; -} - -.navMenuOption-selected { - background: #52b54b !important; - color: #fff; -} - -.emby-button.show-focus:focus { - background: #52b54b; - color: #fff; -} - -.emby-tab-button { - color: #999; -} - -.emby-tab-button-active { - color: #52b54b; -} - -.emby-tab-button.show-focus:focus { - color: #52b54b; -} - -.emby-tab-button:hover { - color: #52b54b; -} - -.channelPrograms, -.guide-channelHeaderCell, -.programCell { - border-color: rgba(255, 255, 255, 0.05); -} - -.programCell-sports { - background: #3949ab !important; -} - -.programCell-movie { - background: #5e35b1 !important; -} - -.programCell-kids { - background: #039be5 !important; -} - -.programCell-news { - background: #43a047 !important; -} - -.programCell-active { - background: #1e1e1e !important; -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: #52b54b !important; - color: #fff !important; -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555; -} - -.guide-headerTimeslots { - color: inherit; -} - -.guide-date-tab-button { - color: #555; - color: rgba(255, 255, 255, 0.3); -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: #52b54b; -} - -.guide-date-tab-button.show-focus:focus { - background-color: #52b54b; - color: #fff; -} - -.infoBanner { - color: #ddd; - background: #111; - padding: 1em; - border-radius: 0.25em; -} - -.ratingbutton-icon-withrating { - color: #c33; -} - -.downloadbutton-icon-complete, -.downloadbutton-icon-on { - color: #4285f4; -} - -.playstatebutton-icon-played { - color: #c33; -} - -.repeatButton-active { - color: #4285f4; -} - -.card:focus .cardBox.visualCardBox, -.card:focus .cardBox:not(.visualCardBox) .cardScalable { - border-color: #52b54b !important; -} - -::-webkit-scrollbar-track { - box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -} - -::-webkit-scrollbar-track-piece { - background-color: #3b3b3b; -} - -.layout-desktop ::-webkit-scrollbar { - width: 1em; - height: 1em; -} - -::-webkit-scrollbar-thumb:horizontal, -::-webkit-scrollbar-thumb:vertical { - border-radius: 2px; - background: center no-repeat #888; -} - -.timeslotHeaders-desktop::-webkit-scrollbar { - height: 0.7em; -} - -.metadataSidebarIcon { - color: #00a4dc; -} diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css index c6e5bca89..cedc8bfb8 100644 --- a/src/themes/light/theme.css +++ b/src/themes/light/theme.css @@ -218,6 +218,14 @@ html { color: #fff !important; } +.detailSticky { + background-color: #303030; + color: #ccc; + color: rgba(255, 255, 255, 0.87); + -webkit-box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37); + box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37); +} + .detailTableBodyRow-shaded:nth-child(even) { background: #f8f8f8; } diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index 7f10c9265..498673658 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -304,6 +304,13 @@ a[data-role=button] { color: #f8f8fe !important; } +.detailSticky { + background: #000420; + background: -moz-linear-gradient(left, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 68%, #06256f 81%, #000420 100%); + background: -webkit-linear-gradient(left, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 68%, #06256f 81%, #000420 100%); + background: linear-gradient(to right, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 68%, #06256f 81%, #000420 100%); +} + .detailTableBodyRow-shaded:nth-child(even) { background: #1c1c1c; background: rgba(30, 30, 30, 0.9); diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 424320417..41e176756 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -202,6 +202,10 @@ html { color: #fff !important; } +.detailSticky { + background-color: #081b3b; +} + .detailTableBodyRow-shaded:nth-child(even) { background: #1c1c1c; background: rgba(0, 0, 0, 0.3);