-
Notifications
You must be signed in to change notification settings - Fork 1
/
plexbgartwork.css
62 lines (54 loc) · 1.35 KB
/
plexbgartwork.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/* Image Container */
[class^="PrePlayArtwork-imageContainer-"],
._3dXG6V {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: -1 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
background: #1f1f1f !important;
-webkit-animation: 0.6s ease-in plexbgfadein;
-moz-animation: 0.6s ease-in plexbgfadein;
-o-animation: 0.6s ease-in plexbgfadein;
animation: 0.6s ease-in plexbgfadein;
}
/* Image */
[class^="PrePlayArtwork-imageContainer-"] > div:first-child,
._3dXG6V > div:first-child {
width: 100% !important;
height: 100% !important;
opacity: 0.08 !important;
}
/* Resizing adds extra divs */
[class^="PrePlayArtwork-imageContainer-"] > div + div,
._3dXG6V > div + div {
display: none !important;
}
/* Item Thumbnail */
[class^="PrePlayArtwork-imageContainer-"] + div,
._3dXG6V + div {
position: fixed !important;
top: 180px !important;
background-position: center !important;
}
/* Keyframes */
@-webkit-keyframes plexbgfadein {
from {opacity:0;}
to {opacity:1;}
}
@-moz-keyframes plexbgfadein {
from {opacity:0;}
to {opacity:1;}
}
@-o-keyframes plexbgfadein {
from {opacity:0;}
to {opacity: 1;}
}
@keyframes plexbgfadein {
from {opacity:0;}
to {opacity:1;}
}