diff --git a/src/components/themes/appletv/theme.css b/src/components/themes/appletv/theme.css index 5d475cea68..ff34435b78 100644 --- a/src/components/themes/appletv/theme.css +++ b/src/components/themes/appletv/theme.css @@ -423,13 +423,6 @@ html { color: #fff } -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#E4E2DC)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC); - background: linear-gradient(rgba(0, 0, 0, 0), #E4E2DC) -} - .infoBanner { color: #000; background: #fff3a5; diff --git a/src/components/themes/blueradiance/theme.css b/src/components/themes/blueradiance/theme.css index 1aac0583b9..e0b5c01f00 100644 --- a/src/components/themes/blueradiance/theme.css +++ b/src/components/themes/blueradiance/theme.css @@ -408,13 +408,6 @@ html { color: #fff } -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181818)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #181818); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #181818); - background: linear-gradient(rgba(0, 0, 0, 0), #181818) -} - .infoBanner { color: #ddd; background: #111; diff --git a/src/components/themes/dark/theme.css b/src/components/themes/dark/theme.css index e5f0e5a40e..4694771a54 100644 --- a/src/components/themes/dark/theme.css +++ b/src/components/themes/dark/theme.css @@ -385,13 +385,6 @@ html { color: #fff } -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#101010)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #101010); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #101010); - background: linear-gradient(rgba(0, 0, 0, 0), #101010) -} - .infoBanner { color: #ddd; background: #111; diff --git a/src/components/themes/emby/theme.css b/src/components/themes/emby/theme.css index d4ca52baaf..fa17998479 100644 --- a/src/components/themes/emby/theme.css +++ b/src/components/themes/emby/theme.css @@ -385,13 +385,6 @@ html { color: #fff } -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#1a1a1a)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a); - background: linear-gradient(rgba(0, 0, 0, 0), #1a1a1a) -} - .infoBanner { color: #ddd; background: #111; diff --git a/src/components/themes/light/theme.css b/src/components/themes/light/theme.css index 8cbe886650..8db245894c 100644 --- a/src/components/themes/light/theme.css +++ b/src/components/themes/light/theme.css @@ -404,13 +404,6 @@ html { color: #fff } -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2); - background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2) -} - .infoBanner { color: #000; background: #fff3a5; diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css index 398ad00af6..f45f94ee8d 100644 --- a/src/components/themes/purple-haze/theme.css +++ b/src/components/themes/purple-haze/theme.css @@ -501,13 +501,6 @@ a[data-role=button] { color: #fff } -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181818)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #181818); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #181818); - background: linear-gradient(rgba(0, 0, 0, 0), #181818) -} - .infoBanner { color: #0e0f2d; background: #dbe6ff; diff --git a/src/components/themes/wmc/theme.css b/src/components/themes/wmc/theme.css index e6404d3620..2b430a9221 100644 --- a/src/components/themes/wmc/theme.css +++ b/src/components/themes/wmc/theme.css @@ -407,13 +407,6 @@ html { color: #fff } -.itemBackdropFader { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#115E9E)); - background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #115E9E); - background: -o-linear-gradient(rgba(0, 0, 0, 0), #115E9E); - background: linear-gradient(rgba(0, 0, 0, 0), #115E9E) -} - .infoBanner { color: #000; background: #fff3a5; diff --git a/src/css/librarybrowser.css b/src/css/librarybrowser.css index e6ad6e12a0..0b8311bcd7 100644 --- a/src/css/librarybrowser.css +++ b/src/css/librarybrowser.css @@ -428,8 +428,8 @@ .itemBackdrop { -webkit-background-size: cover; background-size: cover; - background-position: center center; background-repeat: no-repeat; + background-position: center; height: 50vh; position: relative } @@ -441,14 +441,6 @@ right: 0 } -.itemBackdropFader { - position: absolute; - bottom: -1px; - left: 0; - right: 0; - height: 15vh -} - .desktopMiscInfoContainer { position: absolute; bottom: .75em diff --git a/src/itemdetails.html b/src/itemdetails.html index ab5a1cde97..48c437aeda 100644 --- a/src/itemdetails.html +++ b/src/itemdetails.html @@ -1,10 +1,9 @@