Ticket #2691: 2691-2.patch

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

@@ -120 +120 @@
                         text-decoration: none;
                 }
 
-/* > Navigation
--------------------------------------------------------------- */
-
-ul#nav {
-        margin: 0;
-        padding: 0;
-        position: absolute;
-        right: 15px;
-        list-style: none;
-        bottom: 0;
-        max-width: 65%;
-}
-        ul#nav li {
-                float: left;
-                margin: 0 5px 0 0;
-        }
-                ul#nav li a {
-                        display: block;
-                        color: #fff;
-                        text-decoration: none;
-                        padding: 5px 15px;
-                        background: url( ../images/60pc_black.png );
-                        -moz-border-radius-topleft: 3px;
-                        -webkit-border-top-left-radius: 3px;
-                        -moz-border-radius-topright: 3px;
-                        -webkit-border-top-right-radius: 3px;
-                }
-                        ul#nav li.selected a, ul#nav li.current_page_item a {
-                                background: #f5f5f5;
-                                color: #555;
-                        }
-                        ul#nav a:focus { outline: none; }
-
 /* > Container
 -------------------------------------------------------------- */
 
@@ -1769 +1736 @@
                 color: #bbb;
         }
 
-/* Menu
+
+/* > Navigation
 -------------------------------------------------------------- */
 
-#nav ul {
-        display: none;
+ul#nav {
+        margin: 0;
+        padding: 0;
         position: absolute;
-        z-index: 99999;
-        right: 0;
+        right: 15px;
+        list-style: none;
+        bottom: 0;
+        max-width: 65%;
 }
-        #nav li:hover > ul {
-                display: block;
+        ul#nav li {
+                float: left;
+                margin: 0 5px 0 0;
         }
+                ul#nav li a {
+                        display: block;
+                        color: #fff;
+                        text-decoration: none;
+                        padding: 5px 15px;
+                        background: url( ../images/60pc_black.png );
+                        -moz-border-radius-topleft: 3px;
+                        -webkit-border-top-left-radius: 3px;
+                        -moz-border-radius-topright: 3px;
+                        -webkit-border-top-right-radius: 3px;
+                }
+                        ul#nav li.selected a, ul#nav li.current_page_item a {
+                                background: #f5f5f5;
+                                color: #555;
+                        }
+                        ul#nav a:focus { outline: none; }
 
-        #nav ul li {
-                margin-right: 0;
-                min-width: 186px;
-        }
- No newline at end of file
+                        #nav li.selected:hover > a,
+                        #nav li.current_page_item:hover > a,
+                        #nav li.current_menu_item:hover > a {
+                                background: #333;
+                                color: #fff;
+                        }
+
+        #nav ul {
+                box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+                -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+                -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+                display: none;
+                position: absolute;
+                top: 30px;
+                float: left;
+                right: 0;
+                width: 180px;
+                z-index: 99999;
+                border: 1px solid #222;
+                border-top: 0 none;
+                -moz-border-radius-bottomleft: 0px;
+                -webkit-border-bottom-left-radius: 3px;
+                -moz-border-radius-bottomright: 0px;
+                -webkit-border-bottom-right-radius: 3px;
+        }
+
+                #nav ul a {
+                        background: #333;
+                        padding: 10px;
+                        width: 160px;
+                        height: auto;
+                }
+
+                        #nav ul li {
+                                min-width: 180px;
+                                position: relative;
+                        }
+
+                        #nav ul li a {
+                                -moz-border-radius-topleft: 0px;
+                                -webkit-border-top-left-radius: 0px;
+                                -moz-border-radius-topright: 0px;
+                                -webkit-border-top-right-radius: 0px;
+                                padding-right: 5px;
+                        }
+
+                        #nav ul.sub-menu li a {
+                                background: #333;
+                                color: #fff;
+                        }
+
+                        #nav li.current_page_item a:hover,
+                        #nav li.current_menu_item a:hover,
+                        #nav ul.sub-menu li a:hover {
+                                background: #222;
+                        }
+
+                #nav li:hover > ul {
+                        display: block;
+                }
+
+                #nav li:hover > a,
+                #nav ul ul :hover > a {
+                        background: #333;
+                        color: #fff;
+                }
+
+                #nav ul ul {
+                        position: absolute;
+                        top: 0;
+                        right: 100%;
+                        width: 100%;
+                }
+ No newline at end of file