forked from horejsek/groovesharkControl
/
liteNotification.css
118 lines (99 loc) · 2.23 KB
/
liteNotification.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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
body {
color: #CCC;
background: url('../images/background_nowPlaying.png') repeat-x -50px;
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
height: 35px;
cursor: default;
}
#countDown {
background: #444;
width: 100%;
height: 5px;
margin: 0px -7px;
position: absolute;
bottom: 0px;
}
#switchToFullNotification {
width: 16px;
height: 16px;
background: url('../images/pin.png'); /*#555*/
position: absolute;
bottom: -5px;
left: -6px;
cursor: pointer;
z-index: 10;
}
#switchToFullNotification:hover {
bottom: -2px;
left: -2px;
}
/* PLAYER OPTIONS */
.player {
position: absolute;
bottom: -2px;
right: 10px;
}
.player button {
width: 20px;
height: 35px;
background: url('../images/controls.png') no-repeat;
border: none;
cursor: pointer;
}
#playpause.play { background-position: -50px 0px !important; }
#playpause.pause { background-position: -50px -40px !important; }
#previous { background-position: -50px -80px !important; }
#next { background-position: -50px -120px !important; }
#playpause:hover,
#previous:hover,
#next:hover {
background-position-x: -130px !important;
}
/* NOW PLAYING */
.nowPlaying .song {
color: #FFF;
font-weight: bold;
font-size: 1.1em;
}
div.scrollingtext{
position: absolute;
white-space: nowrap;
}
/* PROGRESS BAR */
.progressbar {
background: url('../images/progressBar/background.png') repeat-x;
height: 9px;
width: 200px; /* 285 */
position: absolute;
bottom: 7px;
}
.progressbar .left {
background: url('../images/progressBar/left.png') no-repeat;
height: 9px;
width: 4px;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
}
.progressbar .right {
background: url('../images/progressBar/right.png') no-repeat;
height: 9px;
width: 4px;
position: absolute;
z-index: 1;
right: 0px;
top: 0px;
}
.progressbar .elapsed {
background: url('../images/progressBar/foreground.png') repeat-x;
width: 0%;
height: 9px;
}
.progressbar a {
background: url('../images/progressBar/scrubber.png') no-repeat !important;
width: 15px !important;
height: 16px !important;
cursor: pointer !important;
}