author | Dan |
Tue, 26 May 2009 15:26:22 -0400 | |
changeset 71 | 8663af0e27c7 |
parent 50 | 1b4288399b1f |
child 72 | b8730fcd64a9 |
permissions | -rw-r--r-- |
28 | 1 |
/** |
2 |
* Based upon the AmaroK WebControl interface by: |
|
3 |
* Jonas Christian Drewsen ( kde at xspect dot dk ) |
|
4 |
* André Kelpe ( fs111 at web dot de ) |
|
5 |
* Peter C. Ndikuwera ( pndiku at gmail dot com ) |
|
6 |
*/ |
|
7 |
||
8 |
body { |
|
9 |
font-family: sans-serif; |
|
10 |
background-color: #262626; |
|
11 |
color: #ffffff; |
|
12 |
padding: 0 8px; |
|
50
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
13 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
14 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
15 |
body.playlist { |
28 | 16 |
background-image: url(images/playbar-shadow.gif); |
17 |
background-repeat: repeat-x; |
|
18 |
} |
|
19 |
||
20 |
div.tblholder { |
|
21 |
padding: 1px; |
|
22 |
background-color: #b0b0b0; |
|
23 |
border: 1px solid #000000; |
|
50
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
24 |
color: #c6c6c6; |
28 | 25 |
} |
26 |
||
27 |
div.tblholder table { |
|
28 |
background-color: #606060; |
|
29 |
} |
|
30 |
||
31 |
tr th { |
|
32 |
background-color: #505050; |
|
33 |
} |
|
34 |
||
50
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
35 |
tr.row1 td, td.row1 { |
28 | 36 |
background-color: #383838; |
37 |
} |
|
38 |
||
50
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
39 |
tr.row2 td, td.row2 { |
28 | 40 |
background-color: #424242; |
41 |
} |
|
42 |
||
50
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
43 |
tr.row3 td, td.row3 { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
44 |
background-color: #3d3d3d; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
45 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
46 |
|
28 | 47 |
tr.current td { |
48 |
background-color: #303030; |
|
49 |
color: #ffff00; |
|
50 |
} |
|
51 |
||
52 |
div#playbar { |
|
53 |
position: fixed; |
|
54 |
top: 0; |
|
55 |
left: 0; |
|
56 |
width: 100%; |
|
57 |
height: 32px; |
|
58 |
padding: 0; |
|
59 |
margin: 0; |
|
60 |
background-image: url(images/playbar.gif); |
|
61 |
background-repeat: repeat-x; |
|
62 |
background-color: #383f61; |
|
63 |
border-bottom: 1px solid #000000; |
|
64 |
} |
|
65 |
||
66 |
div.playbar-inner { |
|
67 |
padding: 5px; |
|
68 |
line-height: 22px; |
|
69 |
} |
|
70 |
||
71 |
a img { |
|
72 |
border-width: 0; |
|
73 |
} |
|
74 |
||
75 |
div#playlist { |
|
76 |
margin-top: 48px; |
|
77 |
} |
|
78 |
||
79 |
a.tracklink { |
|
80 |
text-decoration: none; |
|
81 |
color: white; |
|
82 |
} |
|
83 |
||
84 |
div#playlist tr.current a.tracklink { |
|
85 |
color: #ffff00; |
|
86 |
} |
|
87 |
||
88 |
span#playmeter, span#volume_wrap { |
|
89 |
position: relative; |
|
90 |
top: -7px; |
|
91 |
} |
|
92 |
||
93 |
a.volume_button { |
|
94 |
padding-right: 10px; |
|
95 |
margin-right: 1px; |
|
96 |
background-color: #262626; |
|
97 |
border: 1px solid #909090; |
|
98 |
text-decoration: none; |
|
99 |
} |
|
100 |
||
101 |
a.volume_button_active { |
|
102 |
background-color: #404040; |
|
103 |
border-color: #d0d0d0; |
|
104 |
} |
|
105 |
||
106 |
/* Position slider (playhead) */ |
|
107 |
||
108 |
div#playhead { |
|
109 |
background-image: url(images/position-empty.png); |
|
110 |
width: 250px; |
|
111 |
background-repeat: no-repeat; |
|
112 |
background-position: center center; |
|
113 |
float: right; |
|
114 |
margin-left: 10px; |
|
115 |
} |
|
116 |
||
117 |
div#playhead-filler { |
|
118 |
background-image: url(images/position-full.png); |
|
119 |
width: 150px; |
|
120 |
background-repeat: no-repeat; |
|
121 |
background-position: left center; |
|
122 |
} |
|
123 |
||
124 |
div#playhead-button { |
|
125 |
background-image: url(images/playhead.png); |
|
126 |
width: 16px; |
|
127 |
height: 16px; |
|
128 |
font-size: 1px; |
|
129 |
position: absolute; |
|
130 |
background-repeat: no-repeat; |
|
131 |
background-position: center center; |
|
132 |
} |
|
133 |
||
134 |
/* The list of colors that will be cycled through as playback takes place */ |
|
135 |
tr.pulsar0 td { background-color: #303030; } |
|
136 |
tr.pulsar1 td { background-color: #333333; } |
|
137 |
tr.pulsar2 td { background-color: #363636; } |
|
138 |
tr.pulsar3 td { background-color: #393939; } |
|
139 |
tr.pulsar4 td { background-color: #3c3c3c; } |
|
140 |
tr.pulsar5 td { background-color: #3f3f3f; } |
|
141 |
tr.pulsar6 td { background-color: #424242; } |
|
142 |
tr.pulsar7 td { background-color: #454545; } |
|
143 |
tr.pulsar8 td { background-color: #484848; } |
|
144 |
tr.pulsar9 td { background-color: #4b4b4b; } |
|
145 |
||
146 |
div.poweredby { |
|
147 |
font-size: smaller; |
|
148 |
text-align: center; |
|
149 |
margin: 10px 0; |
|
150 |
} |
|
151 |
||
152 |
div.poweredby a { |
|
153 |
color: #57608a; |
|
154 |
} |
|
50
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
155 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
156 |
ul#userlist a { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
157 |
color: #ffff00; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
158 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
159 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
160 |
p.success, p.error { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
161 |
text-align: center; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
162 |
font-weight: bold; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
163 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
164 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
165 |
p.success { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
166 |
color: #23a600; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
167 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
168 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
169 |
p.error { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
170 |
color: #c71700; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
171 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
172 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
173 |
a.backlink { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
174 |
display: block; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
175 |
width: 150px; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
176 |
color: #a0a0a0; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
177 |
background-color: #404040; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
178 |
padding: 5px; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
179 |
margin: 10px 0 5px 0; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
180 |
text-decoration: none; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
181 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
182 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
183 |
a.backlink:hover { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
184 |
color: #c0c0c0; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
185 |
background-color: #505050; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
186 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
187 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
188 |
div.greylogo { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
189 |
width: 120px; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
190 |
height: 33px; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
191 |
background-image: url(images/greylogo.png); |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
192 |
background-repeat: no-repeat; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
193 |
float: right; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
194 |
margin: 5px 0; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
195 |
} |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
196 |
|
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
197 |
div.clearer { |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
198 |
clear: both; |
1b4288399b1f
Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
Dan
parents:
28
diff
changeset
|
199 |
} |