Further web interface visuals: choose directories now have an icon,

[disorder] / templates / disorder.css

diff --git a/templates/disorder.css b/templates/disorder.css
index b62819b..0bb6cd3 100644 (file)
--- a/templates/disorder.css
+++ b/templates/disorder.css
@@ -30,7 +30,8 @@ h1.title {
   text-align: center;
   border: 1px solid black;
   padding: 0.2em;
-  background-color: #e0e0e0
+  background-color: #e0e0e0;
+  display: block
 }
 
 /* secondary titles */
@@ -39,6 +40,7 @@ h2 {
   font-weight: bold;
   font-size: 16pt;
   font-variant: normal;
+  display: block
 }
 
 /* playing, recent and new ***************************************************/
@@ -177,12 +179,26 @@ p.choosealpha {
   font-size: 140%;
   font-weight: bold;
   border: 1px solid black;
-  padding: 1em
+  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 */
@@ -191,15 +207,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 {
@@ -220,12 +241,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 {
@@ -244,6 +269,11 @@ a.file:active {
   color: red
 }
 
+/* all files */
+p.allfiles {
+  margin-left: 1.2em
+}
+
 /* buttons *******************************************************************/
 
 /* a.allfiles turns up in track choice
@@ -330,7 +360,7 @@ a.search_title:active {
 
 form.search {
   border: 1px solid black;
-  padding: 1em
+  padding: 0.2em
 }
 
 /* sidebar *******************************************************************/
@@ -476,6 +506,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 {
@@ -508,6 +547,10 @@ div.loginstatus {
   background-color: #ffff00    /* solid yellow */
 }
 
+div.loginstatus > p {
+  margin: 0.2em
+}
+
 p.loginstatus {
   color: #0000ff;              /* solid blue */
   font-size: 150%;
@@ -524,6 +567,10 @@ div.error {
   font-weight: bold
 }
 
+div.error > p {
+  margin: 0.2em
+}
+
 p.error {
 }
 
@@ -532,7 +579,9 @@ 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.