author | Dan |
Fri, 12 Jun 2009 11:38:43 -0400 | |
changeset 73 | 1f55c324efcf |
parent 72 | b8730fcd64a9 |
child 78 | 08f8a72b1f7b |
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; |
|
72
b8730fcd64a9
Some UI changes I don't feel like auditing over and over until I understand (commiting some very old changes here)
Dan
parents:
50
diff
changeset
|
13 |
font-size: 87.5%; |
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
|
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 |
|
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
|
16 |
body.playlist { |
28 | 17 |
background-image: url(images/playbar-shadow.gif); |
18 |
background-repeat: repeat-x; |
|
19 |
} |
|
20 |
||
21 |
div.tblholder { |
|
22 |
padding: 1px; |
|
23 |
background-color: #b0b0b0; |
|
24 |
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
|
25 |
color: #c6c6c6; |
28 | 26 |
} |
27 |
||
28 |
div.tblholder table { |
|
29 |
background-color: #606060; |
|
30 |
} |
|
31 |
||
32 |
tr th { |
|
33 |
background-color: #505050; |
|
34 |
} |
|
35 |
||
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
|
36 |
tr.row1 td, td.row1 { |
28 | 37 |
background-color: #383838; |
38 |
} |
|
39 |
||
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
|
40 |
tr.row2 td, td.row2 { |
28 | 41 |
background-color: #424242; |
42 |
} |
|
43 |
||
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
|
44 |
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
|
45 |
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
|
46 |
} |
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
|
47 |
|
28 | 48 |
tr.current td { |
49 |
background-color: #303030; |
|
50 |
color: #ffff00; |
|
51 |
} |
|
52 |
||
53 |
div#playbar { |
|
54 |
position: fixed; |
|
55 |
top: 0; |
|
56 |
left: 0; |
|
57 |
width: 100%; |
|
58 |
height: 32px; |
|
59 |
padding: 0; |
|
60 |
margin: 0; |
|
61 |
background-image: url(images/playbar.gif); |
|
62 |
background-repeat: repeat-x; |
|
63 |
background-color: #383f61; |
|
64 |
border-bottom: 1px solid #000000; |
|
65 |
} |
|
66 |
||
67 |
div.playbar-inner { |
|
68 |
padding: 5px; |
|
69 |
line-height: 22px; |
|
70 |
} |
|
71 |
||
72 |
a img { |
|
73 |
border-width: 0; |
|
74 |
} |
|
75 |
||
76 |
div#playlist { |
|
77 |
margin-top: 48px; |
|
78 |
} |
|
79 |
||
80 |
a.tracklink { |
|
81 |
text-decoration: none; |
|
82 |
color: white; |
|
83 |
} |
|
84 |
||
85 |
div#playlist tr.current a.tracklink { |
|
86 |
color: #ffff00; |
|
87 |
} |
|
88 |
||
89 |
span#playmeter, span#volume_wrap { |
|
90 |
position: relative; |
|
91 |
top: -7px; |
|
92 |
} |
|
93 |
||
94 |
a.volume_button { |
|
95 |
padding-right: 10px; |
|
96 |
margin-right: 1px; |
|
97 |
background-color: #262626; |
|
98 |
border: 1px solid #909090; |
|
99 |
text-decoration: none; |
|
100 |
} |
|
101 |
||
102 |
a.volume_button_active { |
|
103 |
background-color: #404040; |
|
104 |
border-color: #d0d0d0; |
|
105 |
} |
|
106 |
||
107 |
/* Position slider (playhead) */ |
|
108 |
||
109 |
div#playhead { |
|
110 |
background-image: url(images/position-empty.png); |
|
111 |
width: 250px; |
|
112 |
background-repeat: no-repeat; |
|
113 |
background-position: center center; |
|
114 |
float: right; |
|
115 |
margin-left: 10px; |
|
116 |
} |
|
117 |
||
118 |
div#playhead-filler { |
|
119 |
background-image: url(images/position-full.png); |
|
120 |
width: 150px; |
|
121 |
background-repeat: no-repeat; |
|
122 |
background-position: left center; |
|
123 |
} |
|
124 |
||
125 |
div#playhead-button { |
|
126 |
background-image: url(images/playhead.png); |
|
127 |
width: 16px; |
|
128 |
height: 16px; |
|
129 |
font-size: 1px; |
|
130 |
position: absolute; |
|
131 |
background-repeat: no-repeat; |
|
132 |
background-position: center center; |
|
133 |
} |
|
134 |
||
135 |
/* The list of colors that will be cycled through as playback takes place */ |
|
136 |
tr.pulsar0 td { background-color: #303030; } |
|
137 |
tr.pulsar1 td { background-color: #333333; } |
|
138 |
tr.pulsar2 td { background-color: #363636; } |
|
139 |
tr.pulsar3 td { background-color: #393939; } |
|
140 |
tr.pulsar4 td { background-color: #3c3c3c; } |
|
141 |
tr.pulsar5 td { background-color: #3f3f3f; } |
|
142 |
tr.pulsar6 td { background-color: #424242; } |
|
143 |
tr.pulsar7 td { background-color: #454545; } |
|
144 |
tr.pulsar8 td { background-color: #484848; } |
|
145 |
tr.pulsar9 td { background-color: #4b4b4b; } |
|
146 |
||
147 |
div.poweredby { |
|
148 |
font-size: smaller; |
|
149 |
text-align: center; |
|
150 |
margin: 10px 0; |
|
151 |
} |
|
152 |
||
153 |
div.poweredby a { |
|
154 |
color: #57608a; |
|
155 |
} |
|
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
|
156 |
|
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 |
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
|
158 |
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
|
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 |
|
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 |
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
|
162 |
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
|
163 |
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
|
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 |
|
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 |
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
|
167 |
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
|
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 |
|
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 |
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
|
171 |
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
|
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 |
|
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 |
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
|
175 |
display: block; |
72
b8730fcd64a9
Some UI changes I don't feel like auditing over and over until I understand (commiting some very old changes here)
Dan
parents:
50
diff
changeset
|
176 |
max-width: 135px; |
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
|
177 |
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
|
178 |
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
|
179 |
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
|
180 |
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
|
181 |
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
|
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 |
|
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 |
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
|
185 |
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
|
186 |
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
|
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 |
|
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 |
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
|
190 |
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
|
191 |
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
|
192 |
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
|
193 |
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
|
194 |
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
|
195 |
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
|
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 |
|
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 |
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
|
199 |
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
|
200 |
} |