chiark / gitweb /
copyright dates
[disorder] / templates / disorder.css
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 {
48   vertical-align: middle
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.
456 Copyright (C) 2003, 2004, 2005, 2007 Richard Kettlewell
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 */