X-Git-Url: https://git.distorted.org.uk/~mdw/disorder/blobdiff_plain/f230d1d6c9b2f3a402f9af28e4336107d12a9a3a..121f51ac44276ce2744e91bc589e9dc78d3ffd3b:/templates/disorder.css

diff --git a/templates/disorder.css b/templates/disorder.css
index 6062da8..84b306b 100644
--- a/templates/disorder.css
+++ b/templates/disorder.css
@@ -1,7 +1,11 @@
-/* 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 */
@@ -17,29 +21,47 @@ a:active {
   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
+}
+
+/* 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 */
 }
@@ -143,9 +165,7 @@ td.length {
 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
 }
@@ -158,12 +178,30 @@ p.mgmt,form.volume {
 
 /* 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 */
@@ -172,15 +210,20 @@ div.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 {
@@ -201,12 +244,16 @@ div.files {
 
 /* 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 {
@@ -225,6 +272,11 @@ a.file:active {
   color: red
 }
 
+/* all files */
+p.allfiles {
+  margin-left: 1.2em
+}
+
 /* buttons *******************************************************************/
 
 /* a.allfiles turns up in track choice
@@ -309,6 +361,11 @@ a.search_title:active {
   color: red
 }
 
+form.search {
+  border: 1px solid black;
+  padding: 0.2em
+}
+
 /* sidebar *******************************************************************/
 
 div#sidebar {
@@ -384,7 +441,7 @@ a.activemenu:active,a.inactivemenu:active {
 
 span.invalidmenu {
   text-decoration: none;
-  color: grey;
+  color: #808080;		/* grey */
   font-family: sans-serif;
   font-weight: bold;
   font-size: 14pt
@@ -397,6 +454,7 @@ p.prefs_new,p.prefs_head {
 }
 
 table.prefs {
+  border-collapse: collapse;
   border-spacing: 0
 }
 
@@ -452,6 +510,15 @@ input.prefs_name,input.prefs_value {
   font-weight: bold
 }
 
+span.configuration {
+  font-family: monospace
+}
+
+h2.helptitle {
+  background-color: #e0ffe0;	/* pastel green */
+  padding: 0.2em
+}
+
 /* volume ********************************************************************/
 
 p.volume {
@@ -460,24 +527,60 @@ p.volume {
 
 /* login page ****************************************************************/
 
-form.login,form.register,form.edituser {
-  border-style: solid;
-  border-width: 1px;
-  border-color: black
+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: green
+  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 {
-  color: red
 }
 
 /* miscelleanous *************************************************************/
@@ -485,11 +588,13 @@ p.error {
 /* 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, 2007 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