From: Steve Sutton Date: Mon, 16 Jun 2014 13:01:08 +0000 (-0400) Subject: Update menu X-Git-Tag: v1.0^2~29^2~1^2~2 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=refs%2Fheads%2Ffeature%2Fmenu;p=web%2FSooLocks.git Update menu trying to get mobile mune in --- diff --git a/Toolkit/Page.php b/Toolkit/Page.php index e75339f..5e6d9a8 100755 --- 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 --- 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