1 /* default font and colors */
4 background-color: white
;
5 font-family: times
,serif
;
12 font-family: helvetica
,sans-serif
;
18 /* general link colors */
29 font-family: helvetica
,sans-serif
;
34 border: 1px solid black
;
36 background-color: #e0e0e0;
40 /* secondary titles */
42 font-family: helvetica
,sans-serif
;
49 /* Some titles are links too, but we don't want them to go blue */
54 /* Use the same table model everywhere */
56 border-collapse: collapse
59 /* tabular data **************************************************************/
61 /* playing, recent and new classes correspond to the tables in playing.html,
62 * recent.html and new.html */
63 table.playing
, table.recent
, table.new
, table.search
{
64 width: 100% /* use full screen width */
67 table.playing
th, table.recent
th, table.new
th, table.search
th {
68 text-align: left
/* titles should be left-aligned */
71 table.playing
td, table.recent
td, table.new
td, table.search
td {
72 vertical-align: middle
/* centre cell contents vertically */
75 table.playing
a, table.recent
a, table.new
a, table.search
a {
79 /* tr.headings is the row containing column headings */
81 background-color: black
; /* heading rows are white on black */
85 /* tr.nowplaying and tr.next are the section heading rows */
86 tr.nowplaying
td, tr.next
td {
87 background-color: #d0d0d0; /* table section headings are black on grey */
89 font-weight: bold
; /* table section headings are bold */
93 /* tr.playing is the row for the currently playing track */
95 background-color: #e0ffe0; /* playing track is black on pastel green */
99 /* tr.even and tr.odd are odd and even rows of the main body of the table */
101 background-color: #ffecec; /* even rows are black on red */
106 background-color: #ffffff; /* odd rows are black on white */
110 /* th/td.length are the length column */
112 text-align: right
/* track length column is right-aligned */
116 text-align: right
; /* track length column is right-aligned */
117 font-size: 10pt /* track length is slightly smaller */
120 /* p.mgmt is the bar of management buttons */
121 /* form.volume is the form for setting the volume */
122 /* This is needed to stop FF breaking the management button line in two */
123 p.mgmt
, form.volume
{
127 /* choose ********************************************************************/
129 /* p.choosealpha is the bar of first-letter links */
132 font-size: 17pt; /* links are one letter so make them big... */
133 font-weight: bold
; /* ...and bold */
134 border: 1px solid black
; /* border the link list */
138 /* p.directoryname contains the current directory when navigating */
141 background-color: #ffffe0; /* pastel yellow */
150 /* section headings */
151 div.filesdirectories
p.heading
{
153 background-color: #e0ffe0; /* heading are black on pastel green */
155 font-weight: bold
; /* ...and bold */
160 /* one file or directory */
161 div.filesdirectories
p.entry
{
162 margin-left: 2em /* indent files & directories two steps */
165 div.filesdirectories
a {
166 text-decoration: none
/* don't underline file/directory names */
169 div.filesdirectories
a {
173 div.filesdirectories
a:active
{
178 div.filesdirectories
p.all
{
179 margin-left: 1em /* indent play all button only one step */
182 /* buttons *******************************************************************/
188 /* Buttons and links that look like buttons share the same formatting */
192 border-color: #fefefe; /* Off-white */
194 background-color: #c0c0c0; /* Black on light grey */
196 text-decoration: none
; /* Don't underline links */
197 font-family: helvetica
,sans-serif
;
199 font-variant: normal
;
209 a.button:active
,button:active
{
210 background-color: #c0c0c0;
214 /* Images that act like buttons aren't styled in the same way, but do want
215 * to lose their border */
220 /* searching *****************************************************************/
223 font-weight: bold
/* Artist in bold */
227 margin-left: 1em /* Indent album one step */
231 margin-left: 1em /* Indent title two steps */
235 margin-top: 0; /* Titles are compressed relative to ... */
236 margin-bottom: 0 /* ...artists and albums */
243 div.search_title
a:active
{
248 border: 1px solid black
; /* Give the search box a border */
256 /* menu bar *******************************************************************/
259 background-color: #e0e0e0;
260 border: 1px solid black
269 /* p.menubar is the menu bar at the top */
276 /* Subelements are A for usable menus or SPAN for unusable ones */
277 p.menubar
a, p.menubar
span {
278 font-family: helvetica
,sans-serif
;
280 text-decoration: none
;
284 /* a.activemenu is the current menu item */
285 img.activemenu
, a.activemenu
{
286 background-color: #d0d0d0;
292 /* a.inactivemenu is a non-current but choosable menu item */
293 img.inactivemenu
, a.inactivemenu
{
299 /* span.invaliemenu is a non-choosable menu item */
304 /* track preferences *********************************************************/
306 /* p.prefs_head is the per-track heading */
308 background-color: #ffffe0; /* Pastel yellow on black */
314 /* table.prefs contains the prefs for one track */
317 margin-left: 1em /* Indent each track's details */
321 text-align: left
/* Titles should be left-aligned */
329 font-family: monospace
332 /* text with sectiosn *******************************************************/
334 /* h2.sectiontitle is used for subsection headings */
336 background-color: #e0ffe0; /* Black on pastel green */
341 /* There is a div.section for each subsection */
346 /* help **********************************************************************/
348 /* table.helpbuttons is used for various tables of buttons */
349 table.helpbuttons
td {
358 /* span.configuration marks configuration directives */
360 font-family: monospace
363 /* volume ********************************************************************/
369 /* login page ****************************************************************/
372 border: 1px solid black
;
373 background-color: #e0ffe0 /* pastel green */
377 border: 1px solid black
;
378 background-color: #e0e0ff /* pastel blue */
382 border: 1px solid black
;
383 background-color: #e0e0ff /* pastel blue */
387 border: 1px solid black
;
388 background-color: #ffffe0 /* pastel yellow */
391 form.login
table, form.reminder
table, form.register
table, form.edituser
table {
392 margin: 0.2em /* Space login boxes nicely */
400 border: 1px solid black
;
401 background-color: #ffff00 /* solid yellow */
405 color: #0000ff; /* solid blue */
411 /* errors ********************************************************************/
414 border: 1px solid black
;
415 background-color: #ff0000; /* White on solid red */
425 /* miscelleanous *************************************************************/
429 font-size: 10pt; /* because visually intrusive */
431 background-color: #e0e0e0;
436 This file is part of DisOrder.
437 Copyright (C) 2003-2008 Richard Kettlewell
439 This program is free software; you can redistribute it and/or modify
440 it under the terms of the GNU General Public License as published by
441 the Free Software Foundation; either version 2 of the License, or
442 (at your option) any later version.
444 This program is distributed in the hope that it will be useful, but
445 WITHOUT ANY WARRANTY; without even the implied warranty of
446 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
447 General Public License for more details.
449 You should have received a copy of the GNU General Public License
450 along with this program; if not, write to the Free Software
451 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307