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