diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css index 9abf8ec282..2b6d97e068 100644 --- a/src/assets/css/dashboard.css +++ b/src/assets/css/dashboard.css @@ -48,8 +48,8 @@ progress[aria-valuenow]:before { } @media all and (min-width: 50em) { - .type-interior> div[data-role=content], - .type-interior> .ui-panel-content-wrap> div[data-role=content] { + .type-interior > div[data-role=content], + .type-interior > .ui-panel-content-wrap > div[data-role=content] { padding-right: 0; padding-left: 0; padding-top: 0; @@ -112,7 +112,7 @@ div[data-role=controlgroup] a[data-role=button]:last-child { border-top-right-radius: .3125em; } -div[data-role=controlgroup] a[data-role=button]+ a[data-role=button] { +div[data-role=controlgroup] a[data-role=button] + a[data-role=button] { border-left-width: 0 !important; margin: 0 0 0 -0.4em !important; } @@ -227,7 +227,7 @@ div[data-role=controlgroup] a.ui-btn-active { margin-bottom: 0.5em; } -.activeRecordingItems> .card { +.activeRecordingItems > .card { width: 50%; } @@ -253,7 +253,7 @@ div[data-role=controlgroup] a.ui-btn-active { padding: 0 1.5em; } - .activeRecordingItems> .card { + .activeRecordingItems > .card { width: 25%; } } @@ -333,7 +333,7 @@ div[data-role=controlgroup] a.ui-btn-active { font-weight: 400; } -.sessionNowPlayingContent-withbackground+ .sessionNowPlayingInnerContent { +.sessionNowPlayingContent-withbackground + .sessionNowPlayingInnerContent { color: #fff !important; background: rgba(0, 0, 0, 0.7); } @@ -418,7 +418,7 @@ div[data-role=controlgroup] a.ui-btn-active { text-decoration: none !important; } -.appLinks a+ a { +.appLinks a + a { margin-left: 5px; } diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css index b4493f11a1..6ee1f63d5b 100644 --- a/src/assets/css/librarybrowser.css +++ b/src/assets/css/librarybrowser.css @@ -367,7 +367,7 @@ display: inline-block; } -.viewControls+ .listTopPaging { +.viewControls + .listTopPaging { margin-left: 0.5em !important; } @@ -629,7 +629,7 @@ margin: 0; } -.detailCollapsibleSection:not(.hide)+ .detailCollapsibleSection { +.detailCollapsibleSection:not(.hide) + .detailCollapsibleSection { margin-top: -2em; } @@ -654,7 +654,7 @@ flex-shrink: 0; } -.mainDetailButtons.hide+ .recordingFields { +.mainDetailButtons.hide + .recordingFields { margin-top: 1.5em !important; } @@ -955,7 +955,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards { padding-top: 0 !important; } -.sectionTitleTextButton> .sectionTitle { +.sectionTitleTextButton > .sectionTitle { margin-bottom: 0; margin-top: 0; } @@ -1029,6 +1029,6 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards { } } -.itemsViewSettingsContainer> .button-flat { +.itemsViewSettingsContainer > .button-flat { margin: 0; } diff --git a/src/assets/css/site.css b/src/assets/css/site.css index 0b376f84ad..f5821266f8 100644 --- a/src/assets/css/site.css +++ b/src/assets/css/site.css @@ -61,7 +61,7 @@ div[data-role=page] { white-space: normal !important; } -.fieldDescription+ .fieldDescription { +.fieldDescription + .fieldDescription { margin-top: 0.3em; } diff --git a/src/components/remotecontrol/remotecontrol.css b/src/components/remotecontrol/remotecontrol.css index 5e8d112998..6f36fc866c 100644 --- a/src/components/remotecontrol/remotecontrol.css +++ b/src/components/remotecontrol/remotecontrol.css @@ -193,7 +193,7 @@ width: 30em; } -.smallBackdropPosterItem .cardOverlayInner> div { +.smallBackdropPosterItem .cardOverlayInner > div { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css index b0f77ec1a0..6b25ba6140 100644 --- a/src/themes/appletv/theme.css +++ b/src/themes/appletv/theme.css @@ -271,25 +271,25 @@ html { border: 0.07em solid rgba(0, 0, 0, 0.158); } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .emby-select-withcolor:focus { border-color: #00a4dc; } -.emby-checkbox:focus+ span+ .checkboxOutline { +.emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked)+ span+ .checkboxOutline { +.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } -.emby-select-withcolor> option { +.emby-select-withcolor > option { color: #000; background: #fff; } diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index 435a2207ee..e86e8f4459 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -268,7 +268,7 @@ html { border: 0.07em solid transparent; } -.emby-select-withcolor> option { +.emby-select-withcolor > option { color: inherit; background: #222; } @@ -282,20 +282,20 @@ html { color: #fff !important; } -.emby-checkbox:checked+ span+ .checkboxOutline { +.emby-checkbox:checked + span + .checkboxOutline { border-color: #00a4dc; } -.emby-checkbox:focus+ span+ .checkboxOutline { +.emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked)+ span+ .checkboxOutline { +.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css index 82a9bdae03..c2f4308dd0 100644 --- a/src/themes/dark/theme.css +++ b/src/themes/dark/theme.css @@ -242,7 +242,7 @@ html { border: 0.07em solid #292929; } -.emby-select-withcolor> option { +.emby-select-withcolor > option { color: inherit; background: #222; } @@ -256,20 +256,20 @@ html { color: #fff !important; } -.emby-checkbox:checked+ span+ .checkboxOutline { +.emby-checkbox:checked + span + .checkboxOutline { border-color: #00a4dc; } -.emby-checkbox:focus+ span+ .checkboxOutline { +.emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked)+ span+ .checkboxOutline { +.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } diff --git a/src/themes/emby/theme.css b/src/themes/emby/theme.css index dde1627fe9..b2225a88d5 100644 --- a/src/themes/emby/theme.css +++ b/src/themes/emby/theme.css @@ -240,7 +240,7 @@ html { border: 0.07em solid #292929; } -.emby-select-withcolor> option { +.emby-select-withcolor > option { color: inherit; background: #222; } @@ -254,20 +254,20 @@ html { color: #fff !important; } -.emby-checkbox:checked+ span+ .checkboxOutline { +.emby-checkbox:checked + span + .checkboxOutline { border-color: #52b54b; } -.emby-checkbox:focus+ span+ .checkboxOutline { +.emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #52b54b; } -.emby-checkbox:focus:not(:checked)+ span+ .checkboxOutline { +.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #52b54b; } diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css index c076960409..beb672aecd 100644 --- a/src/themes/light/theme.css +++ b/src/themes/light/theme.css @@ -264,25 +264,25 @@ html { border: 0.07em solid rgba(0, 0, 0, 0.158); } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .emby-select-withcolor:focus { border-color: #00a4dc; } -.emby-checkbox:focus+ span+ .checkboxOutline { +.emby-checkbox:focus + span + .checkboxOutline { border-color: #000; } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked)+ span+ .checkboxOutline { +.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } -.emby-select-withcolor> option { +.emby-select-withcolor > option { color: #000; background: #fff; } diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index f9113a0308..f8406f2340 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -356,7 +356,7 @@ a[data-role=button] { border: 0.07em solid transparent; } -.emby-select-withcolor> option { +.emby-select-withcolor > option { color: inherit; background: #030322d7; } @@ -370,7 +370,7 @@ a[data-role=button] { color: #fff !important; } -.emby-checkbox:checked+ span+ .checkboxOutline { +.emby-checkbox:checked + span + .checkboxOutline { background-color: #030322; border: 2px solid rgb(72, 195, 200); } @@ -379,11 +379,11 @@ a[data-role=button] { color: rgb(12, 232, 214); } -.emby-checkbox:focus+ span+ .checkboxOutline { +.emby-checkbox:focus + span + .checkboxOutline { border-color: #ff77f1; } -.emby-checkbox:focus:not(:checked)+ span+ .checkboxOutline { +.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border: 2px solid #ff77f1; } diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 1f0580d9ce..c3c97f5f03 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -254,25 +254,25 @@ html { border: 0.07em solid rgba(255, 255, 255, 0.135); } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .emby-select-withcolor:focus { border-color: #00a4dc; } -.emby-checkbox:focus+ span+ .checkboxOutline { +.emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked+ span+ .checkboxOutline, +.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked)+ span+ .checkboxOutline { +.emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } -.emby-select-withcolor> option { +.emby-select-withcolor > option { color: #000; background: #fff; }