diff --git a/src/components/emby-scroller/emby-scroller.css b/src/components/emby-scroller/emby-scroller.css index 4f7cbf45fc..11c2c73271 100644 --- a/src/components/emby-scroller/emby-scroller.css +++ b/src/components/emby-scroller/emby-scroller.css @@ -13,11 +13,10 @@ margin-right: 1.2em; } -@media all and (max-width:50em) { - .emby-scroller { - padding-left: 3.3%; - padding-right: 3.3%; - margin-left: 0; - margin-right: 0; - } +.layout-tv .emby-scroller, +.layout-mobile .emby-scroller { + padding-left: 3.3%; + padding-right: 3.3%; + margin-left: 0; + margin-right: 0; } diff --git a/src/components/themes/appletv/theme.css b/src/components/themes/appletv/theme.css index 128594bc72..e7529e40ed 100644 --- a/src/components/themes/appletv/theme.css +++ b/src/components/themes/appletv/theme.css @@ -29,17 +29,6 @@ html { background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) } -@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) { - .skinHeader-blurred { - background: -webkit-gradient(linear, left top, right top, from(rgba(188, 188, 188, .7)), color-stop(rgba(167, 180, 183, .7)), color-stop(rgba(190, 181, 165, .7)), color-stop(rgba(173, 190, 194, .7)), to(rgba(185, 199, 203, .7))); - background: -webkit-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7)); - background: -o-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7)); - background: linear-gradient(to right, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7)); - -webkit-backdrop-filter: blur(1.5em); - backdrop-filter: blur(1.5em) - } -} - .skinHeader.semiTransparent { -webkit-backdrop-filter: none !important; backdrop-filter: none !important @@ -206,14 +195,6 @@ html { background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) } -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - .nowPlayingBarSecondaryText { color: #999 } diff --git a/src/components/themes/blueradiance/theme.css b/src/components/themes/blueradiance/theme.css index f450404bea..3c90ab16b9 100644 --- a/src/components/themes/blueradiance/theme.css +++ b/src/components/themes/blueradiance/theme.css @@ -183,8 +183,7 @@ html { @supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); + background: rgba(1, 2, 50, .7); backdrop-filter: blur(20px) } } diff --git a/src/components/themes/dark/theme.css b/src/components/themes/dark/theme.css index b4d4bcda4b..a403189bb8 100644 --- a/src/components/themes/dark/theme.css +++ b/src/components/themes/dark/theme.css @@ -162,14 +162,6 @@ html { color: rgba(255, 255, 255, .78) } -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - .itemSelectionPanel { border: 1px solid #00a4dc } diff --git a/src/components/themes/emby/theme.css b/src/components/themes/emby/theme.css index 7206150235..a17b2f521f 100644 --- a/src/components/themes/emby/theme.css +++ b/src/components/themes/emby/theme.css @@ -162,14 +162,6 @@ html { color: rgba(255, 255, 255, .78) } -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - .itemSelectionPanel { border: 1px solid #52b54b } diff --git a/src/components/themes/light/theme.css b/src/components/themes/light/theme.css index 6da511dfd2..dfe296ec8a 100644 --- a/src/components/themes/light/theme.css +++ b/src/components/themes/light/theme.css @@ -189,14 +189,6 @@ html { color: rgba(255, 255, 255, .78) } -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - .nowPlayingBarSecondaryText { color: #999 } diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css index 566af827ee..500b5579f6 100644 --- a/src/components/themes/purple-haze/theme.css +++ b/src/components/themes/purple-haze/theme.css @@ -271,8 +271,7 @@ a[data-role=button] { @supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); + background: rgba(6, 37, 111, .7); backdrop-filter: blur(20px) } } diff --git a/src/components/themes/wmc/theme.css b/src/components/themes/wmc/theme.css index a19eeb93a2..31098ee348 100644 --- a/src/components/themes/wmc/theme.css +++ b/src/components/themes/wmc/theme.css @@ -29,14 +29,6 @@ html { background: linear-gradient(to bottom, #0C2450, #081B3B) } -@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) { - .skinHeader-blurred { - background: rgba(20, 20, 20, .7); - -webkit-backdrop-filter: blur(1.5em); - backdrop-filter: blur(1.5em) - } -} - .skinHeader.semiTransparent { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; @@ -185,14 +177,6 @@ html { color: rgba(255, 255, 255, .78) } -@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { - .appfooter-blurred { - background: rgba(24, 24, 24, .7); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px) - } -} - .itemSelectionPanel { border: 1px solid #00a4dc }