replace the ajax expand system by a navigation menu

Signed-off-by: Pim van den Berg <pim@nethuis.nl>

1 files changed, 38 insertions, 4 deletions

diff --git a/layout/style.css b/layout/style.css
index e478203..f61b0ad 100644
--- a/layout/style.css
+++ b/layout/style.css
@@ -25,8 +25,8 @@ h1 {
 }
 
 h2 {
-        font-size: 1.5em;
-        margin: 0.5em 0;
+        font-size: 1.3em;
+        margin: 1em 0 0 0;
 }
 
 h3 {
@@ -43,7 +43,7 @@ a:hover {
 }
 
 table.summary th {
-        width: 150px;
+        width: 300px;
         font-weight: normal;
         text-align: left;
 }
@@ -68,10 +68,10 @@ img {
 ul {
         margin: 0;
         padding: 0;
+        list-style-type: none;
 }
 
 li {
-        display: inline;
         margin-left: 10px;
 }
 
@@ -94,3 +94,37 @@ hr {
         font-weight: bold;
         color: #D50100;
 }
+
+.graphs {
+        display: inline-block;
+        margin: 0 0 0 20px;
+        width: 83%;
+        vertical-align: top;
+}
+
+.graphs img {
+        margin: 0 5px 12px 0;
+        vertical-align: top;
+}
+
+.plugins {
+        display: inline-block;
+        width: 12%;
+}
+
+.plugins ul > li:first-of-type {
+        display: block;
+        margin-bottom: 0.5em;
+        padding-bottom: 0.5em;
+        border-bottom: 1px dotted #ddd;
+}
+
+.selected:link, .selected:visited, .selected:active {
+        font-style: italic;
+        color: #4D79B5;
+}
+
+.time-range li {
+        display: inline-block;
+        margin-bottom: 0.3em;
+}