Update menu

trying to get mobile mune in

diff --git a/Toolkit/Page.php b/Toolkit/Page.php
index e75339f..5e6d9a8 100755 (executable)
--- a/Toolkit/Page.php
+++ b/Toolkit/Page.php
@@ -151,7 +151,7 @@ class Toolkit_Page
         // Resources needed for every page.
         $GLOBALS['topScripts'][] = JQUERY_CDN_JS;
         $GLOBALS['bottomScripts'][] = $this->mediaBaseURL . 'fancybox/jquery.fancybox.js';
-        //$GLOBALS['bottomScripts'][] = $this->mediaBaseURL . 'libjs/arrowMenu.js';
+        $GLOBALS['bottomScripts'][] = $this->mediaBaseURL . 'libjs/arrowMenu.js';
     }
 
     private function _video()

diff --git a/css/arrows.css b/css/arrows.css
index 5a4c680..62f6a4d 100644 (file)
--- a/css/arrows.css
+++ b/css/arrows.css
@@ -1,3 +1,43 @@
+/* Mobilenav */
+#mobilenav {
+    display: block;
+    display: none;
+    background: #2A3940;
+    color: #FFF;
+    border-top: 1px solid #43555D;
+    padding-left: 0;
+    padding-right: 0;
+}
+#mobilenav ul {
+    dipslay: block;
+    width: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+#mobilenav ul li {
+    dipslay: block;
+    width: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+    position: relative;
+}
+#mobilenav ul li a.link {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 9px 50px 9px 10px;
+    font-size: 20px;
+    color: #E0E0E0;
+    border-bottom: 1px solid #43555D;
+    text-decoration: none;
+}
+#mobilenav ul li a:hover {
+    color: #FFF;
+}
 #mobilenav ul li a.dropper {
     position: absolute;
     z-index: 80;
@@ -8,4 +48,60 @@
     background: url(../assets/dropper.gif) 0 0 no-repeat;
     cursor: pointer;
     border-radius: 8px 8px 0 0;
+}
+#mobilenav ul lh {
+    display: none;
+}
+#mobilenav ul li ul {
+    display: none;
+}
+#mobilenav ul li ul.open {
+    display: block;
+    height: auto;
+    background: #43555D;
+
+    /*-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
+    box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.6);*/
+}
+#mobilenav ul li ul li a.link {
+    padding-left: 30px;
+    border-bottom: 1px solid #526872;
+}
+#mobilenav ul li ul li a.dropper {
+    position: absolute;
+    z-index: 80;
+    right: 4px;
+    top: 6px;
+    width: 60px;
+    height: 40px;
+    background: url(../assets/dropper_3.gif) 0 0 no-repeat;
+    cursor: pointer;
+    border-radius: 8px 8px 0 0;
+}
+#mobilenav ul li ul li ul.open {
+    display: block;
+    height: auto;
+    background: #526872;
+}
+#mobilenav ul li ul li ul li a.link {
+    padding-left: 50px;
+    border-bottom: 1px solid #43555D;
+}
+#mobilenav ul li ul li ul li a.dropper {
+    position: absolute;
+    z-index: 80;
+    right: 4px;
+    top: 6px;
+    width: 60px;
+    height: 40px;
+    background: url(../assets/dropper_3.gif) 0 0 no-repeat;
+    cursor: pointer;
+    border-radius: 8px 8px 0 0;
+}
+#mobilenav ul li ul li ul li ul {
+    display: none;
+}
+#mobilenav .nav_img {
+    display: none;
 }
\ No newline at end of file