github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-07 13:41:15 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add background colour to poster blur

Browse source
This commit is contained in:
JonnyWong16 2017-12-13 22:34:12 -08:00
parent 36e604dc91
commit 7c825f72aa
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
data/interfaces/default/css/plexpy.css
View file

@ -676,11 +676,12 @@ a .users-poster-face:hover {
z-index: -1; z-index: -1;
} }
.dashboard-activity-poster-container { .dashboard-activity-poster-container {
background-color: #282828;
height: 225px; height: 225px;
width: 150px; width: 150px;
margin-right: 5px; margin-right: 5px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
-webkit-flex-shrink: 0; -webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
@ -698,6 +699,7 @@ a .users-poster-face:hover {
z-index: 2; z-index: 2;
} }
.dashboard-activity-poster-blur { .dashboard-activity-poster-blur {
background-color: #282828;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
height: 225px; height: 225px;
@ -706,7 +708,7 @@ a .users-poster-face:hover {
transition: background .2s ease-in-out; transition: background .2s ease-in-out;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
opacity: 0.50; opacity: 0.60;
-webkit-filter: blur(3px); -webkit-filter: blur(3px);
-moz-filter: blur(3px); -moz-filter: blur(3px);
filter: blur(3px); filter: blur(3px);
@ -719,7 +721,7 @@ a .users-poster-face:hover {
width: 150px; width: 150px;
margin-top: 37.5px; margin-top: 37.5px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1);
-webkit-transition: background 1s linear; -webkit-transition: background 1s linear;
transition: background 1s linear; transition: background 1s linear;
@ -1074,6 +1076,7 @@ a .dashboard-activity-metadata-user-thumb:hover {
opacity: 1; opacity: 1;
} }
.dashboard-stats-poster-container { .dashboard-stats-poster-container {
background-color: #282828;
height: 150px; height: 150px;
width: 100px; width: 100px;
margin-right: 5px; margin-right: 5px;
@ -1098,6 +1101,7 @@ a .dashboard-activity-metadata-user-thumb:hover {
z-index: 2; z-index: 2;
} }
.dashboard-stats-poster-blur { .dashboard-stats-poster-blur {
background-color: #282828;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
height: 150px; height: 150px;
@ -1106,7 +1110,7 @@ a .dashboard-activity-metadata-user-thumb:hover {
transition: background .2s ease-in-out; transition: background .2s ease-in-out;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
opacity: 0.50; opacity: 0.60;
-webkit-filter: blur(3px); -webkit-filter: blur(3px);
-moz-filter: blur(3px); -moz-filter: blur(3px);
filter: blur(3px); filter: blur(3px);