From b85eef8c2986adbc8d2f6bdbbb9ff8b9f5371bce Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sat, 24 Jul 2021 15:07:55 +0200 Subject: [PATCH] formatting --- CSS/themes/plex/plex-base.css | 44 +++++++++++++++++++++-------------- 1 file changed, 27 insertions(+), 17 deletions(-) diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 508e5198..ae25b069 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -33,9 +33,10 @@ label, } [class*="MetadataPosterCardActions-editButton-"], -[class*="MetadataPosterCardActions-moreButton-"] { +[class*="MetadataPosterCardActions-moreButton-"] { color: rgb(var(--accent-color)) !important; } + [class*="MetadataPosterCardActions-editButton-"]:hover, [class*="MetadataPosterCardActions-moreButton-"]:hover { color: var(--accent-color-hover) !important; @@ -78,7 +79,8 @@ a, [class*="Link-primary-"], [class*="Link-isSelected-"], [class*="PrePlayDetailsGroupItem-groupItem-"] a, -[class*="MetadataPosterCardTitle-title-"] a, a[class*="MetadataPosterCardTitle-title-"], +[class*="MetadataPosterCardTitle-title-"] a, +a[class*="MetadataPosterCardTitle-title-"], [class*="PrePlayTagListLink-tagsListLink-"][class*="Link-default-"] { color: var(--link-color) } @@ -86,7 +88,8 @@ a, a:hover, [class*="Link-link-"]:hover, .artwork-file-container:hover a, -[class*="MetadataPosterCardTitle-title-"] a:hover, a[class*="MetadataPosterCardTitle-title-"]:hover { +[class*="MetadataPosterCardTitle-title-"] a:hover, +a[class*="MetadataPosterCardTitle-title-"]:hover { color: var(--link-color-hover); } @@ -105,7 +108,7 @@ a[class*="MetadataTableRow-title-"]:hover { [class*="FullPageBackground-backgroundContainer-"] [class*="CrossFadeImage-crossFade-"], #plex>[class*="background-container-"]>div>div>div:nth-child(2), #plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(2), -#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(4){ +#plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(4) { background: var(--main-bg-color) !important; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -113,7 +116,7 @@ a[class*="MetadataTableRow-title-"]:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; } [class*="BottomBar-bottomBar-"] { @@ -126,8 +129,9 @@ a[class*="MetadataTableRow-title-"]:hover { /* TEMP */ [class*="SourceSidebarLink-isSelected-"] { box-shadow: inset 2px 0 0 0 rgb(var(--accent-color)); - background: rgb(var(--accent-color),0.05); + background: rgb(var(--accent-color), 0.05); } + /* /TEMP */ [class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"], @@ -143,7 +147,7 @@ a[class*="MetadataTableRow-title-"]:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; } [class*="DisclosureArrow-isSelected-"] { @@ -211,11 +215,15 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { color: rgb(var(--accent-color)) } -.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { - background-color:rgb(var(--accent-color),.03); +.nav-pills>li.active>a, +.nav-pills>li.active>a:focus, +.nav-pills>li.active>a:hover { + background-color: rgb(var(--accent-color), .03); } -.btn-gray:focus, .btn-gray:hover { + +.btn-gray:focus, +.btn-gray:hover { color: var(--accent-color-hover); } @@ -234,6 +242,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { [class*="PivotTab-selectedButton-"]:after { background-color: rgb(var(--accent-color)); } + [class*="PivotTab-selectedButton-"]:hover:after { background-color: var(--link-color-hover); } @@ -270,7 +279,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { [class*="SelectButton-selectButton-"].isActive [class*="SelectButton-selectCircle-"] { background: rgb(var(--accent-color-hover)); - } +} [class*="PlayButton-playButton-"]:hover [class*="PlayButton-playCircle-"], [class*="PlayPauseOverlay-playCircle-"] { @@ -391,7 +400,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; } .modal-header { @@ -403,7 +412,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; border-bottom: 1px solid rgba(255, 255, 255, .05); } @@ -416,7 +425,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px; @@ -436,7 +445,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; border-top: 1px solid rgba(255, 255, 255, .05); } @@ -549,7 +558,8 @@ fieldset[disabled] .btn-primary:hover { /* DROPDOWN MENU */ [class*="Menu-menu-"], -.selectize-dropdown, .selectize-dropdown.form-control { +.selectize-dropdown, +.selectize-dropdown.form-control { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -557,7 +567,7 @@ fieldset[disabled] .btn-primary:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; } [class*="ServerMenuItem-selectedServerMenuItem-"],