improved l&f of the nav

[radio.git] / html / style.css

diff --git a/html/style.css b/html/style.css
index 5b9d125..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 {
@@ -19,3 +24,35 @@ footer {
 audio {
         margin: 20pt 20pt 20pt 20pt;
 }
+
+nav ul {
+        background-color: #444;
+        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: #eee;
+        text-decoration: none;
+}
+
+li.selected {
+        border-bottom-color: #eee;
+        border-bottom-style: solid;
+        border-bottom-width: medium;
+        padding-bottom: 1em;
+        font-weight: bold;
+}