X-Git-Url: https://git.distorted.org.uk/~mdw/disorder/blobdiff_plain/5d30e04bf637da39530a402d04ac833c89c764ea..7afb4870648a31d17a988ba4b46a35db5c2c5353:/templates/disorder.css

diff --git a/templates/disorder.css b/templates/disorder.css
index 8bd81c6..ab1616e 100644
--- a/templates/disorder.css
+++ b/templates/disorder.css
@@ -8,7 +8,7 @@ body {
   font-variant: normal
 }
 
-input {
+input,button {
   font-family: helvetica,sans-serif;
   font-weight: normal;
   font-size: 12pt;
@@ -181,9 +181,13 @@ div.filesdirectories p.all {
 
 /* buttons *******************************************************************/
 
+form.button {
+  display: inline
+}
+
 /* Buttons and links that look like buttons share the same formatting */
-button,a.button {
-  padding: 1px;
+a.button {
+  padding-top: 2px;
   border-width: 3px;
   border-color: #fefefe;	/* Off-white */
   border-style: inset;
@@ -193,7 +197,13 @@ button,a.button {
   font-family: helvetica,sans-serif;
   font-weight: normal;
   font-variant: normal;
-  font-size: 12pt
+  font-size: 12pt;
+  cursor: pointer
+}
+
+a.button {
+  padding-left: 4px;
+  padding-right: 4px;
 }
 
 a.button:active,button:active {
@@ -209,34 +219,13 @@ img.button {
 
 /* searching *****************************************************************/
 
-span.search_artist {
-  font-weight: bold             /* Artist in bold */
-}
-
-div.search_album {
-  margin-left: 1em		/* Indent album one step */
-}
-
-div.search_title {
-  margin-left: 1em		/* Indent title two steps */
-}
-
-div.search_title p {
-  margin-top: 0; 		/* Titles are compressed relative to ... */
-  margin-bottom: 0              /* ...artists and albums */
-}
-
-div.search_title a {
-  color: black
-}
-
-div.search_title a:active {
-  color: red
+div.search {
+  border: 1px solid black;	/* Give the search box a border */
+  padding: 0.2em;
 }
 
-form.search {
-  border: 1px solid black;	/* Give the search box a border */
-  padding: 0.2em
+form.search, form.search p {
+  display: inline
 }
 
 /* menu bar *******************************************************************/
@@ -256,25 +245,30 @@ div.logo {
 p.menubar {
   float:left;
   margin-left: 4px;
-  word-spacing: 1em		/* Space out menu items */
+  word-spacing: 0px
 }
 
 /* Subelements are A for usable menus or SPAN for unusable ones */
 p.menubar a, p.menubar span {
   font-family: helvetica,sans-serif;
-  font-weight: bold;
-  font-size: 14pt;
-  text-decoration: none
+  font-size: 24px;
+  text-decoration: none;
+  padding: 4px
 }
 
 /* a.activemenu is the current menu item */
-a.activemenu {
-  color: red;
+img.activemenu, a.activemenu {
+  background-color: #d0d0d0;
+  color: black;
+  padding: 4px;
+  border: none
 }
 
 /* a.inactivemenu is a non-current but choosable menu item */
-a.inactivemenu {
-  color: black
+img.inactivemenu, a.inactivemenu {
+  color: black;
+  padding:4px;
+  border:none 
 }
 
 /* span.invaliemenu is a non-choosable menu item */