improved l&f of the nav

[radio.git] / html / style.css

diff --git a/html/style.css b/html/style.css
index 7f61856..01b8e48 100644 (file)
--- a/html/style.css
+++ b/html/style.css
@@ -2,8 +2,13 @@ body {
         font-family: sans-serif;
         font-size: 100%;
         padding: 0;
-        margin: 8pt 0 0 8pt;
+        margin: 0;
         background-color: #eee;
+        color: #444;
+}
+
+section {
+        margin: 8pt 0 0 8pt;
 }
 
 h1 {
@@ -22,21 +27,32 @@ audio {
 
 nav ul {
         background-color: #444;
-        color: white;
+        color: #eee;
         padding: 1em 0 1em 1em;
         margin: 0;
+        text-transform: uppercase;
+        font-size: 100%;
+        border-bottom-color: #444;
+        border-bottom-width: medium;
+        border-bottom-style: solid;
 }
 
 nav ul li {
         display: inline;
+        margin: 0 1.5em 0 0;
         padding: 0;
+        letter-spacing: 1px;
 }
 
 nav a {
-        color: white;
+        color: #eee;
         text-decoration: none;
 }
 
-nav li::after {
-        content: "|";
+li.selected {
+        border-bottom-color: #eee;
+        border-bottom-style: solid;
+        border-bottom-width: medium;
+        padding-bottom: 1em;
+        font-weight: bold;
 }