Ticket #2691: nav-styles-flyout.patch

bp-themes/bp-default/_inc/css/default.css

@@ -152 +152 @@
         margin-bottom: 20px;
         height: 100px;
         padding-top: 25px;
+ z-index:1000;
 }
         
 #header #search-bar {
@@ -187 +188 @@
 
 #header h1 {
         position: absolute;
-        bottom: 0;
+        bottom: 30px;
         left: 20px;
+ margin-bottom:0;
         width: 44%;
-        margin: 0 0 -5px 0;
 }
                 
 #header h1 a {
@@ -203 +204 @@
 /* > Navigation
 -------------------------------------------------------------- */
 
-ul#nav {
+#nav {
         margin: 0;
         padding: 0;
         position: absolute;
         right: 15px;
         list-style: none;
         bottom: 0;
-        max-width: 65%;
+        max-width: 95%; 
 }
         
-ul#nav li {
+#nav li {
         float: left;
         margin: 0 5px 0 0;
+ position:relative;
 }
                 
-ul#nav li a {
+#nav li a {
         display: block;
-        color: #fff;
         text-decoration: none;
         padding: 5px 15px;
-        background: url( ../images/60pc_black.png );
+}
+
+#nav > li > a { 
         -moz-border-radius-topleft: 3px;
         -webkit-border-top-left-radius: 3px;
         -moz-border-radius-topright: 3px;
         -webkit-border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
 }
-                        
-ul#nav li.selected a, 
-ul#nav li.current_page_item a {
+
+#nav li.selected  a, 
+#nav li.current_page_item  a {
         background: #f5f5f5;
         color: #555;
 }
-                        
-ul#nav a:focus { 
+
+#nav li a,
+#nav ul.sub-menu a,
+#nav ul.children a {
+ color: #fff;
+        background: url( ../images/60pc_black.png );
+}               
+
+#nav li li:hover,
+#nav li li.sfhover {background: #cfcfcf;}
+
+#nav a:focus { 
         outline: none; 
 }
 
+/* dropdown / flyout rules */
+
+#nav ul {
+        position: absolute;
+        left:-999em;
+ width:150px;
+}
+
+#nav ul ul {width:auto;min-width:100px;}
+
+#nav ul li {width:100%;}        
+
+#nav ul li a {color: #dfdfdf;}
+
+#nav li:hover ul,
+#nav li.sfhover ul {
+        left:0;
+}
+
+#nav li.sfhover > a,
+#nav li ul li.sfhover:hover > a  {
+        color:#efdf95;
+}
+/* border ul decoration */
+#nav ul li.sfhover ul,
+#nav ul li ul li.sfhover ul { 
+  top:0;
+  border-left:1px solid #7f7f7f;
+}
+
+#nav ul ul li {border-left:1px solid #5f5f5f;}
+
+#nav li:hover ul ul,
+#nav li li:hover ul ul,
+#nav li li li:hover ul ul,
+#nav li li li li:hover ul ul,
+#nav li.sfhover ul ul,
+#nav li li.sfhover ul ul,
+#nav li li li.sfhover ul ul,
+#nav li li li li.sfhover ul ul {left: -999em;}
+
+#nav li li:hover ul,
+#nav li li li:hover ul,
+#nav li li li li:hover ul,
+#nav li li li li li:hover ul,
+#nav li li.sfhover ul,
+#nav li li li.sfhover ul,
+#nav li li li li.sfhover ul,
+#nav li li li li li.sfhover ul {left: 100%;}
+
 /* > Container
 -------------------------------------------------------------- */
 div#container {
@@ -2177 +2242 @@
 
 /* Menu
 -------------------------------------------------------------- */
-
-#nav ul {
-        display: none;
-        position: absolute;
-        z-index: 99999;
-        right: 0;
-}
-        
-#nav li:hover > ul {
-        display: block;
-}
-
-#nav ul li {
-        margin-right: 0;
-        min-width: 186px;
-}
- No newline at end of file