X-Git-Url: https://git.distorted.org.uk/~mdw/disorder/blobdiff_plain/d7ce365eca55a962425e2f4cbaee241ef5c90f96..ebd702769ecf4a5d9bf2b75c82a473f597a65a73:/templates/disorder.css

diff --git a/templates/disorder.css b/templates/disorder.css
index 809947c..2f143bb 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,11 +21,24 @@ 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
+}
+
+/* secondary titles */
+h2 {
+  font-family: sans-serif;
+  font-weight: bold;
+  font-size: 16pt;
+  font-variant: normal;
 }
 
 /* playing, recent and new ***************************************************/
@@ -143,9 +160,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
 }
@@ -154,11 +169,15 @@ p.mgmt,form.volume {
   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 */
@@ -225,7 +244,7 @@ a.file:active {
   color: red
 }
 
-/* buttons ********************************************************************/
+/* buttons *******************************************************************/
 
 /* a.allfiles turns up in track choice
  * button is used e.g. in searching
@@ -259,7 +278,7 @@ img.button {
   border-width: 0
 }
 
-/* searching ******************************************************************/
+/* searching *****************************************************************/
 
 div.searchresults {
 }
@@ -309,7 +328,12 @@ a.search_title:active {
   color: red
 }
 
-/* sidebar ********************************************************************/
+form.search {
+  border: 1px solid black;
+  padding: 0.2em
+}
+
+/* sidebar *******************************************************************/
 
 div#sidebar {
   margin: 1em;
@@ -349,7 +373,7 @@ a.sidebarlink:visited {
   color: black
 }
 
-/* topbar *********************************************************************/
+/* topbar ********************************************************************/
 
 p.menubar {
   word-spacing: 1em
@@ -390,7 +414,7 @@ span.invalidmenu {
   font-size: 14pt
 }
 
-/* prefs **********************************************************************/
+/* prefs *********************************************************************/
 
 p.prefs_new,p.prefs_head {
   font-weight: bold
@@ -427,7 +451,7 @@ input.prefs_name,input.prefs_value {
   font-family: monospace
 }
 
-/* help ***********************************************************************/
+/* help **********************************************************************/
 
 .helpbuttons,.helpprefs,.helpcontexts {
   margin-left: 2em;
@@ -452,13 +476,66 @@ input.prefs_name,input.prefs_value {
   font-weight: bold
 }
 
-/* volume *********************************************************************/
+/* volume ********************************************************************/
 
 p.volume {
   text-align: center
 }
 
-/* miscelleanous **************************************************************/
+/* login page ****************************************************************/
+
+form.login {
+  border: 1px solid black;
+  background-color: #e0ffe0	/* pastel green */
+}
+
+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 {
@@ -467,7 +544,7 @@ p.credits {
 }
 /*
 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