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