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