Permalink
Browse files

first file commit

  • Loading branch information...
1 parent c3c700d commit ea3b30e3868b2aa3ec1cb2b898a0d5a35cc318ae @mrforbes committed Dec 4, 2011
Showing with 721 additions and 0 deletions.
  1. +214 −0 css/dynomenu.css
  2. +275 −0 index.html
  3. BIN js/.DS_Store
  4. +6 −0 js/jquery.dynoMenu.js
  5. +226 −0 js/src/jquery.dynoMenu.js
View
@@ -0,0 +1,214 @@
+
+.dynomenu
+{
+ width: 100%;
+ margin: 0;
+ padding: 10px 0 0 0;
+ list-style: none;
+ background: #111;
+ background: -moz-linear-gradient(#444, #111);
+ background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
+ background: -webkit-linear-gradient(#444, #111);
+ background: -o-linear-gradient(#444, #111);
+ background: -ms-linear-gradient(#444, #111);
+ background: linear-gradient(#444, #111);
+ -moz-border-radius: 50px;
+ border-radius: 50px;
+ -moz-box-shadow: 0 2px 1px #9c9c9c;
+ -webkit-box-shadow: 0 2px 1px #9c9c9c;
+ box-shadow: 0 2px 1px #9c9c9c;
+}
+
+.dynomenu li
+{
+ float: left;
+ padding: 0 0 10px 0;
+ position: relative;
+ line-height: 0;
+}
+
+.dynomenu a
+{
+ float: left;
+ height: 25px;
+ padding: 0 25px;
+ color: #999;
+ text-transform: uppercase;
+ font: bold 12px/25px Arial, Helvetica;
+ text-decoration: none;
+ text-shadow: 0 1px 0 #000;
+}
+
+.dynomenu > li > a{
+ white-space: nowrap;
+}
+
+.dynomenu li:hover > a
+{
+ color: #fafafa;
+}
+
+*html .dynomenu li a:hover /* IE6 */
+{
+ color: #fafafa;
+}
+
+.dynomenu li:hover > ul
+{
+ display: block;
+}
+
+/* Sub-menu */
+
+.dynomenu ul
+{
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: none;
+ position: absolute;
+ top: 35px;
+ left: 0;
+ z-index: 99999;
+ background: #444;
+ background: -moz-linear-gradient(#444, #111);
+ background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
+ background: -webkit-linear-gradient(#444, #111);
+ background: -o-linear-gradient(#444, #111);
+ background: -ms-linear-gradient(#444, #111);
+ background: linear-gradient(#444, #111);
+ -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
+ -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
+ box-shadow: 0 0 2px rgba(255,255,255,.5);
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+
+.dynomenu ul ul
+{
+ top: 0;
+ left: 150px;
+}
+
+.dynomenu ul li
+{
+ float: none;
+ margin: 0;
+ padding: 0;
+ display: block;
+ -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
+ -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
+ box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
+}
+
+.dynomenu ul li:last-child
+{
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.dynomenu ul a
+{
+ padding: 10px;
+ height: 10px;
+
+ height: auto;
+ line-height: 1;
+ display: block;
+ white-space: nowrap;
+ float: none;
+ text-transform: none;
+}
+
+*html .dynomenu ul a /* IE6 */
+{
+ height: 10px;
+}
+
+*:first-child+html .dynomenu ul a /* IE7 */
+{
+ height: 10px;
+}
+
+.dynomenu ul a:hover
+{
+ background: #0186ba;
+ background: -moz-linear-gradient(#04acec, #0186ba);
+ background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
+ background: -webkit-linear-gradient(#04acec, #0186ba);
+ background: -o-linear-gradient(#04acec, #0186ba);
+ background: -ms-linear-gradient(#04acec, #0186ba);
+ background: linear-gradient(#04acec, #0186ba);
+}
+
+.dynomenu ul li:first-child > a
+{
+ -moz-border-radius: 5px 5px 0 0;
+ border-radius: 5px 5px 0 0;
+}
+
+.dynomenu ul li:first-child > a:after
+{
+ content: '';
+ position: absolute;
+ left: 30px;
+ top: -8px;
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: 8px solid #444;
+}
+
+.dynomenu ul ul li:first-child a:after
+{
+ left: -8px;
+ top: 12px;
+ width: 0;
+ height: 0;
+ border-left: 0;
+ border-bottom: 5px solid transparent;
+ border-top: 5px solid transparent;
+ border-right: 8px solid #444;
+}
+
+.dynomenu ul.shifted li:first-child a:after{
+ border:0;
+}
+
+.dynomenu ul li:first-child a:hover:after
+{
+ border-bottom-color: #04acec;
+}
+
+.dynomenu ul ul li:first-child a:hover:after
+{
+ border-right-color: #04acec;
+ border-bottom-color: transparent;
+}
+
+
+.dynomenu ul li:last-child > a
+{
+ -moz-border-radius: 0 0 5px 5px;
+ border-radius: 0 0 5px 5px;
+}
+
+/* Clear floated elements */
+.dynomenu:after
+{
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+}
+
+.dynomenu-auto-width{
+ width:auto!important;
+}
+
+* html .dynomenu { zoom: 1; } /* IE6 */
+*:first-child+html .dynomenu { zoom: 1; } /* IE7 */
Oops, something went wrong.

0 comments on commit ea3b30e

Please sign in to comment.