changeset 3:e741fbf78fba

Another rework of the nav -- still not good

--- a/layout.css	Tue Dec 06 17:06:58 2011 +0000
+++ b/layout.css	Wed Dec 07 09:25:51 2011 +0000
@@ -162,7 +162,8 @@
     margin-left: 0;
     margin-right: -100%; /* Negative value of #navbar's width + left margin. */
     padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
-    height: 3.6em; /* The navbar can have any arbritrary height. We picked one
+    height: 110px;
+/* height: 3.6em;*/ /* The navbar can have any arbritrary height. We picked one
                       that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                       Set this to the same value as the margin-top below. */
   }
@@ -171,7 +172,9 @@
   .with-navbar #sidebar-left,
   .with-navbar #sidebar-right
   {
-    margin-top: 3.6em; /* Set this to the same value as the navbar height above. */
+    margin-top: 110px;
+/*
+    margin-top: 3.6em;*/ /* Set this to the same value as the navbar height above. */
   }
 
   #navbar-inner

--- a/soundsoftware.css	Tue Dec 06 17:06:58 2011 +0000
+++ b/soundsoftware.css	Wed Dec 07 09:25:51 2011 +0000
@@ -175,7 +175,12 @@
     padding-bottom: 1em;
   }
 
-  h1.title, /* The title of the page */
+  h1.title /* The title of the page */
+  { 
+    margin: 0;
+   margin-top: 0.8em;
+  }
+
   h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
   h3.title /* Comment title */
   {
@@ -280,14 +285,12 @@
 
   #primary /* Primary links */
   {
-      float: right;
-      margin-left: 20%;
-      margin-right: 20%;
-    margin-top: 0;
     padding-top: 0;
-    margin-bottom: 0.5em;
+    margin-bottom: 4em;
     font-weight: normal;
     font-size: 0.9em;
+    position: absolute;
+    width: 60%;
   }
 
   #primary li
@@ -295,63 +298,88 @@
     list-style-type: none;
     list-style-image: none;
     margin: 0px; 
-    border-left: 1px solid #a9b680;
+    margin-bottom: -1px;
+    margin-right: 1px;
     padding-left: 13px;
     padding-right: 13px;
+    padding-top: 4px;
     color: #800; 
   }
 
-  #primary li.first
-  {
-    margin: 0px; 
-    border-left: 0;
-    padding-left: 0;
-    padding-right: 13px;
-    color: #800; 
+  #primary > ul > li > a {
+    display: block;
+    margin-bottom: 4px;
   }
 
-  #primary li.last
-  {
-    margin: 0px; 
-    border-left: 1px solid #a9b680;
-    padding-left: 13px;
-    padding-right: 0;
-    color: #800; 
-  }
-
-  #primary li li, #primary li li.first, #primary li li.last {
-    border-left: 0;
-    padding-left: 0;
+  #primary li li {
+    float: none;
   }
 
   #primary li ul {
     display: none;
   }
 
-  #primary li:hover ul {
+  #primary > ul > li.expanded > a, #primary > ul > li:hover > a {
+    height: 20px;
+  }
+
+  #primary > ul > li.active-trail, #primary > ul > li:hover {
+    background: #a9b680;
+  }
+
+  #primary > ul > li.active-trail > a, #primary > ul > li:hover > a {
+    color: #fdfbf5;
+  }
+
+  #primary > ul > li > a:hover
+  {
+    text-decoration: none;
+  }
+
+#primary li.active-trail ul, 
+#primary li:hover ul {
     display: block; 
-    background: #fdfbf5; 
+    background: #fdfbf5;  
     clear: both;
     float: left;
     margin-left: 0;
-    width: 30%;
     position: absolute;
+    left: 0%;
+    width: 100%;
+    margin: 0;
     padding-top: 0.8em;
-    margin-top: 0;
-    padding-bottom: 0.5em;
-    margin-bottom: 0.5em;
-    padding-left: 13px;
-    margin-left: -14px;
-    border-left: 1px solid #a9b680;
+    padding-bottom: 0.8em;
+    padding-left: 0px;
+    border: 1px solid #a9b680;
+    border-top: 2px solid #a9b680;
+    z-index: 10;
+    height: 64px;
+  }
+
+  #primary li:hover ul {
+    z-index: 20;
   }
 
   #primary li li {
-    float: none;
-    padding: 0 10px 0 0;
+    padding: 0.3em 10px 0em 18px;
     list-style: disc;
     list-style-position: inside;
   }
 
+  #ssamr-summary {
+    display: block;
+    position: absolute;
+    left: 20%;
+    top: 26px;
+    width: 57%;
+    padding-top: 1em;
+    padding-bottom: 1.1em;
+    padding-right: 10px;
+    padding-left: 18px;
+    z-index: 5;
+    margin-bottom: 6em;
+    }
+
   #secondary /* Secondary links */
   {
   }