-/* default colors */
+/* default font and colors */
body {
color: black;
background-color: white
+ font-family: serif;
+ font-weight: normal;
+ font-size: 12pt;
+ font-variant: normal
}
/* general link colors */
color: red
}
+/* title bars */
h1.title {
font-family: sans-serif;
font-weight: bold;
+ font-size: 18pt;
+ font-variant: normal;
text-align: center;
- font-size: 18pt
+ border: 1px solid black;
+ padding: 0.2em;
+ background-color: #e0e0e0;
+ display: block
}
-/* playing and recent *********************************************************/
+/* secondary titles */
+h2 {
+ font-family: sans-serif;
+ font-weight: bold;
+ font-size: 16pt;
+ font-variant: normal;
+ display: block
+}
+
+/* playing, recent and new ***************************************************/
/* table of current and future tracks */
table.playing {
+ border-collapse: collapse;
width: 100%; /* use the full available width */
border-spacing: 0 /* no unsightly gaps between cells */
}
/* table of recently played tracks */
table.recent {
+ border-collapse: collapse;
+ width: 100%; /* use the full available width */
+ border-spacing: 0 /* no unsightly gaps between cells */
+}
+
+/* table of newly added played tracks */
+table.new {
+ border-collapse: collapse;
width: 100%; /* use the full available width */
border-spacing: 0 /* no unsightly gaps between cells */
}
/* ordinary cells in tables */
td {
- vertical-align: center
+ vertical-align: middle
}
/* the headings <tr> of the table */
td.button {
text-align: center;
padding: 1px;
- border-color: black;
- border-width: 1px;
- border-style: solid;
+ border: 1px solid black;
background-color: #c0c0c0;
color: #000000
}
display: inline
}
-/* choose *********************************************************************/
+/* choose ********************************************************************/
/* first letter choice */
p.choosealpha {
- text-align: center
+ text-align: center;
+ font-size: 140%;
+ font-weight: bold;
+ border: 1px solid black;
+ padding: 0.2em
}
/* containing directory */
p.directoryname {
- font-weight: bold
+ font-weight: bold;
+ background-color: #ffffe0; /* pastel yellow */
+ padding: 0.2em
+}
+
+a.thisdirectory:link {
+ color: black
+}
+
+a.thisdirectory:visited {
+ color: black
+}
+
+a.thisdirectory:active {
+ color: red
}
/* directories */
/* heading for directories */
p.directories {
- font-weight: bold
+ font-weight: bold;
+ display: block;
+ background-color: #e0ffe0; /* pastel green */
+ padding: 0.2em;
+ padding-left: 1.2em
}
/* one directory */
p.directory {
- margin-left: 1em
+ margin-left: 2em
}
a.directory {
+ text-decoration: none;
}
a.directory:link {
/* heading for files */
p.files {
- font-weight: bold
+ font-weight: bold;
+ display: block;
+ background-color: #e0ffe0; /* pastel green */
+ padding: 0.2em;
+ padding-left: 1.2em
}
/* one file */
p.file {
- margin-left: 1em
+ margin-left: 2em
}
a.file {
color: red
}
-/* buttons ********************************************************************/
+/* all files */
+p.allfiles {
+ margin-left: 1.2em
+}
+
+/* buttons *******************************************************************/
/* a.allfiles turns up in track choice
* button is used e.g. in searching
border-width: 0
}
-/* searching ******************************************************************/
+/* searching *****************************************************************/
div.searchresults {
}
color: red
}
-/* sidebar ********************************************************************/
+form.search {
+ border: 1px solid black;
+ padding: 0.2em
+}
+
+/* sidebar *******************************************************************/
div#sidebar {
margin: 1em;
color: black
}
-/* topbar *********************************************************************/
+/* topbar ********************************************************************/
p.menubar {
word-spacing: 1em
color: red
}
-/* prefs **********************************************************************/
+span.invalidmenu {
+ text-decoration: none;
+ color: #808080; /* grey */
+ font-family: sans-serif;
+ font-weight: bold;
+ font-size: 14pt
+}
+
+/* prefs *********************************************************************/
p.prefs_new,p.prefs_head {
font-weight: bold
}
table.prefs {
+ border-collapse: collapse;
border-spacing: 0
}
font-family: monospace
}
-/* help ***********************************************************************/
+/* help **********************************************************************/
.helpbuttons,.helpprefs,.helpcontexts {
margin-left: 2em;
font-weight: bold
}
-/* volume *********************************************************************/
+span.configuration {
+ font-family: monospace
+}
+
+h2.helptitle {
+ background-color: #e0ffe0; /* pastel green */
+ padding: 0.2em
+}
+
+/* volume ********************************************************************/
p.volume {
text-align: center
}
-/* miscelleanous **************************************************************/
+/* login page ****************************************************************/
+
+form.login {
+ border: 1px solid black;
+ background-color: #e0ffe0 /* pastel green */
+}
+
+form.reminder {
+ border: 1px solid black;
+ background-color: #e0e0ff /* pastel blue */
+}
+
+form.register {
+ border: 1px solid black;
+ background-color: #e0e0ff /* pastel blue */
+}
+
+form.edituser {
+ border: 1px solid black;
+ background-color: #ffffe0 /* pastel yellow */
+}
+
+form.logout {
+ border-style: none;
+}
+
+div.loginstatus {
+ border: 1px solid black;
+ background-color: #ffff00 /* solid yellow */
+}
+
+div.loginstatus > p {
+ margin: 0.2em
+}
+
+p.loginstatus {
+ color: #0000ff; /* solid blue */
+ font-size: 150%;
+ font-weight: bold
+}
+
+/* errors ********************************************************************/
+
+div.error {
+ border: 1px solid black;
+ background-color: #ff0000; /* solid red */
+ color: white;
+ font-size: 150%;
+ font-weight: bold
+}
+
+div.error > p {
+ margin: 0.2em
+}
+
+p.error {
+}
+
+/* miscelleanous *************************************************************/
/* credits */
p.credits {
font-size: small; /* because visually intrusive */
- text-align: right
+ text-align: right;
+ background-color: #e0e0e0;
+ padding: 0.2em
}
/*
This file is part of DisOrder.
-Copyright (C) 2003, 2004, 2005 Richard Kettlewell
+Copyright (C) 2003-2007 Richard Kettlewell
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by