460b9539 |
1 | /* default colors */ |
2 | body { |
3 | color: black; |
4 | background-color: white |
5 | } |
6 | |
7 | /* general link colors */ |
8 | a:link { |
9 | color: blue |
10 | } |
11 | |
12 | a:visited { |
13 | color: blue |
14 | } |
15 | |
16 | a:active { |
17 | color: red |
18 | } |
19 | |
20 | h1.title { |
21 | font-family: sans-serif; |
22 | font-weight: bold; |
23 | text-align: center; |
24 | font-size: 18pt |
25 | } |
26 | |
27 | /* playing and recent *********************************************************/ |
28 | |
29 | /* table of current and future tracks */ |
30 | table.playing { |
31 | width: 100%; /* use the full available width */ |
32 | border-spacing: 0 /* no unsightly gaps between cells */ |
33 | } |
34 | |
35 | /* table of recently played tracks */ |
36 | table.recent { |
37 | width: 100%; /* use the full available width */ |
38 | border-spacing: 0 /* no unsightly gaps between cells */ |
39 | } |
40 | |
41 | /* titles in tables */ |
42 | th { |
43 | text-align: left |
44 | } |
45 | |
46 | /* ordinary cells in tables */ |
47 | td { |
6398b077 |
48 | vertical-align: middle |
460b9539 |
49 | } |
50 | |
51 | /* the headings <tr> of the table */ |
52 | tr.headings { |
53 | background-color: black; |
54 | color: white |
55 | } |
56 | |
57 | /* The 'now playing' heading */ |
58 | tr.nowplaying { |
59 | } |
60 | |
61 | td.nowplaying { |
62 | background-color: #d0d0d0; |
63 | font-weight: bold; |
64 | text-align: center |
65 | } |
66 | |
67 | /* the currently playing track */ |
68 | tr.playing { |
69 | background-color: #e0ffe0 /* pastel green */ |
70 | } |
71 | |
72 | /* the "next" heading */ |
73 | tr.next { |
74 | } |
75 | |
76 | td.next { |
77 | background-color: #d0d0d0; |
78 | font-weight: bold; |
79 | text-align: center |
80 | } |
81 | |
82 | /* even-numbered rows */ |
83 | tr.even { |
84 | background-color: #ffecec /* faint pastel red */ |
85 | } |
86 | |
87 | /* odd-numbered rows */ |
88 | tr.odd { |
89 | background-color: #ffffff /* white */ |
90 | } |
91 | |
92 | /* column titles */ |
93 | th.when { |
94 | } |
95 | |
96 | th.who { |
97 | } |
98 | |
99 | th.artist { |
100 | } |
101 | |
102 | th.album { |
103 | } |
104 | |
105 | th.title { |
106 | } |
107 | |
108 | th.length { |
109 | text-align: right |
110 | } |
111 | |
112 | th.button { |
113 | } |
114 | |
115 | /* individual cells */ |
116 | |
117 | td.when { |
118 | } |
119 | |
120 | td.who { |
121 | } |
122 | |
123 | td.artist { |
124 | } |
125 | |
126 | td.album { |
127 | } |
128 | |
129 | td.title { |
130 | } |
131 | |
132 | td.length { |
133 | text-align: right; |
134 | font-size: small /* because otherwise visually intrusive */ |
135 | } |
136 | |
137 | td.button { |
138 | text-align: center; |
139 | padding: 1px; |
140 | border-color: black; |
141 | border-width: 1px; |
142 | border-style: solid; |
143 | background-color: #c0c0c0; |
144 | color: #000000 |
145 | } |
146 | |
147 | p.mgmt,form.volume { |
148 | display: inline |
149 | } |
150 | |
151 | /* choose *********************************************************************/ |
152 | |
153 | /* first letter choice */ |
154 | p.choosealpha { |
155 | text-align: center |
156 | } |
157 | |
158 | /* containing directory */ |
159 | p.directoryname { |
160 | font-weight: bold |
161 | } |
162 | |
163 | /* directories */ |
164 | div.directories { |
165 | } |
166 | |
167 | /* heading for directories */ |
168 | p.directories { |
169 | font-weight: bold |
170 | } |
171 | |
172 | /* one directory */ |
173 | p.directory { |
174 | margin-left: 1em |
175 | } |
176 | |
177 | a.directory { |
178 | } |
179 | |
180 | a.directory:link { |
181 | color: black |
182 | } |
183 | |
184 | a.directory:visited { |
185 | color: black |
186 | } |
187 | |
188 | a.directory:active { |
189 | color: red |
190 | } |
191 | |
192 | /* files */ |
193 | div.files { |
194 | } |
195 | |
196 | /* heading for files */ |
197 | p.files { |
198 | font-weight: bold |
199 | } |
200 | |
201 | /* one file */ |
202 | p.file { |
203 | margin-left: 1em |
204 | } |
205 | |
206 | a.file { |
207 | text-decoration: none; |
208 | } |
209 | |
210 | a.file:link { |
211 | color: black |
212 | } |
213 | |
214 | a.file:visited { |
215 | color: black |
216 | } |
217 | |
218 | a.file:active { |
219 | color: red |
220 | } |
221 | |
222 | /* buttons ********************************************************************/ |
223 | |
224 | /* a.allfiles turns up in track choice |
225 | * button is used e.g. in searching |
226 | */ |
227 | a.allfiles,a.prefs,button,span.button { |
228 | padding: 1px; |
229 | border-color: #fefefe; |
230 | border-style: inset; |
231 | background-color: #c0c0c0; |
232 | color: #000000; |
233 | text-decoration: none; |
234 | font-family: sans-serif |
235 | } |
236 | |
237 | a.button { |
238 | text-decoration: none; |
239 | font-family: sans-serif |
240 | } |
241 | |
242 | a.button:link,a.button:visited,a.allfiles:link,a.allfiles:visited { |
243 | background-color: #c0c0c0; |
244 | color: #000000 |
245 | } |
246 | |
247 | a.button:active,a.allfiles:active,button:active { |
248 | background-color: #c0c0c0; |
249 | color: #ffffff |
250 | } |
251 | |
252 | img.button { |
253 | border-width: 0 |
254 | } |
255 | |
256 | /* searching ******************************************************************/ |
257 | |
258 | div.searchresults { |
259 | } |
260 | |
261 | div.search_artist { |
262 | } |
263 | |
264 | p.search_artist { |
265 | } |
266 | |
267 | span.search_artist { |
268 | font-weight: bold |
269 | } |
270 | |
271 | div.search_album { |
272 | margin-left: 1em |
273 | } |
274 | |
275 | p.search_album { |
276 | } |
277 | |
278 | span.search_album { |
279 | } |
280 | |
281 | div.search_title { |
282 | margin-left: 1em |
283 | } |
284 | |
285 | p.search_title { |
286 | margin-top: 0; |
287 | margin-bottom: 0 |
288 | } |
289 | |
290 | a.search_title { |
291 | text-decoration: underline |
292 | } |
293 | |
294 | a.search_title:link { |
295 | color: black |
296 | } |
297 | |
298 | a.search_title:visited { |
299 | color: black |
300 | } |
301 | |
302 | a.search_title:active { |
303 | color: red |
304 | } |
305 | |
306 | /* sidebar ********************************************************************/ |
307 | |
308 | div#sidebar { |
309 | margin: 1em; |
310 | position: absolute; |
311 | width: 10em; |
312 | top: 0; |
313 | right: auto; |
314 | left: 0; |
315 | } |
316 | |
317 | div#content { |
318 | position: absolute; |
319 | width: auto; |
320 | top: 0; |
321 | right: 1em; |
322 | left: 6em; |
323 | } |
324 | |
325 | .sidebarlink { |
326 | font-family: sans-serif |
327 | } |
328 | |
329 | a.sidebarlink { |
330 | text-decoration: none; |
331 | color: black |
332 | } |
333 | |
334 | a.sidebarlink:visited { |
335 | color: black |
336 | } |
337 | |
338 | a.sidebarlink:active { |
339 | color: red |
340 | } |
341 | |
342 | a.sidebarlink:visited { |
343 | color: black |
344 | } |
345 | |
346 | /* topbar *********************************************************************/ |
347 | |
348 | p.menubar { |
349 | word-spacing: 1em |
350 | } |
351 | |
352 | .activemenu { |
353 | font-family: sans-serif; |
354 | font-weight: bold; |
355 | font-size: 14pt |
356 | } |
357 | |
358 | .inactivemenu { |
359 | font-family: sans-serif; |
360 | font-weight: bold; |
361 | font-size: 14pt |
362 | } |
363 | |
364 | a.inactivemenu,a.inactivemenu:visited { |
365 | text-decoration: none; |
366 | color: black |
367 | } |
368 | |
369 | a.activemenu,a.activemenu:visited { |
370 | text-decoration: none; |
371 | color: red |
372 | } |
373 | |
374 | a.activemenu:active,a.inactivemenu:active { |
375 | text-decoration: none; |
376 | color: red |
377 | } |
378 | |
379 | /* prefs **********************************************************************/ |
380 | |
381 | p.prefs_new,p.prefs_head { |
382 | font-weight: bold |
383 | } |
384 | |
385 | table.prefs { |
386 | border-spacing: 0 |
387 | } |
388 | |
389 | tr.prefs_headings { |
390 | background-color: black; |
391 | color: white |
392 | } |
393 | |
394 | th.prefs_name { |
395 | } |
396 | |
397 | th.prefs_value { |
398 | } |
399 | |
400 | td.prefs_name { |
401 | vertical-align: top |
402 | } |
403 | |
404 | td.prefs_value { |
405 | vertical-align: top |
406 | } |
407 | |
408 | td.prefs_delete { |
409 | vertical-align: top |
410 | } |
411 | |
412 | input.prefs_name,input.prefs_value { |
413 | font-family: monospace |
414 | } |
415 | |
416 | /* help ***********************************************************************/ |
417 | |
418 | .helpbuttons,.helpprefs,.helpcontexts { |
419 | margin-left: 2em; |
420 | margin-right: 2em; |
421 | vertical-align: top |
422 | } |
423 | |
424 | .helpsection { |
425 | margin-left: 1em; |
426 | } |
427 | |
428 | .helppref { |
429 | font-family: monospace |
430 | } |
431 | |
432 | .helpprefbit { |
433 | font-family: monospace; |
434 | font-style: italic |
435 | } |
436 | |
437 | .helpcontext { |
438 | font-weight: bold |
439 | } |
440 | |
441 | /* volume *********************************************************************/ |
442 | |
443 | p.volume { |
444 | text-align: center |
445 | } |
446 | |
447 | /* miscelleanous **************************************************************/ |
448 | |
449 | /* credits */ |
450 | p.credits { |
451 | font-size: small; /* because visually intrusive */ |
452 | text-align: right |
453 | } |
454 | /* |
455 | This file is part of DisOrder. |
eb525fcd |
456 | Copyright (C) 2003, 2004, 2005, 2007 Richard Kettlewell |
460b9539 |
457 | |
458 | This program is free software; you can redistribute it and/or modify |
459 | it under the terms of the GNU General Public License as published by |
460 | the Free Software Foundation; either version 2 of the License, or |
461 | (at your option) any later version. |
462 | |
463 | This program is distributed in the hope that it will be useful, but |
464 | WITHOUT ANY WARRANTY; without even the implied warranty of |
465 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
466 | General Public License for more details. |
467 | |
468 | You should have received a copy of the GNU General Public License |
469 | along with this program; if not, write to the Free Software |
470 | Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 |
471 | USA |
472 | */ |