#nav-menu ul { list-style: none; padding: 0; margin: 0; } /*allowed all browser*/ /*! normalize.css v2.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ /*IE 7/8/9.*/ #nav-menu ul { list-style: none; padding: 0; margin: 0; } .element { margin-bottom: 20px; } .ie7 .element { margin-bottom: 10px; } .ie8 .element { margin-bottom: 10px; } .element { margin-bottom: 20px; *margin-bottom: 10px; } .element { margin-bottom: 20px; margin-bottom: 10px\9; } .ie6 .sidebar { margin-left: 20px; /* dang float bug! */ } /* Menu CSS */ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{ padding: 0; margin: 2; line-height: 0; font-family: 'Source Sans Pro', sans-serif; font-weight:140; font-size: 15px; color: white; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } #cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after { content: ''; display: table; } #cssmenu:after, #cssmenu > ul:after { clear: both; } #cssmenu a{ text-shadow: 0 1px 1px rgba(0, 0, 0, .2); } #cssmenu ul{ background: #3b5998; border-radius: 2px; border: 1px solid #2b4479; -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); -o-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); box-shadow: 0 1px 2px rgba(2, 2, 2, .25), inset 0 1px 1px rgba(255, 255, 255, .15); } #cssmenu ul > li{ float: left; list-style:fixed; } #cssmenu ul > li > a{ display: block; text-decoration: none; padding: 13px 30px; position: relative; } #cssmenu ul > li > a:hover{ background: #F2BE42; -webkit-box-shadow: inset 0 0 1px #1f325d; -o-box-shadow: inset 0 0 1px #1f325d; -moz-box-shadow: inset 0 0 1px #1f325d; -ms-box-shadow: inset 0 0 1px #1f325d; box-shadow: inset 0 0 1px #1f325d; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } #cssmenu ul > li > a:hover:before{ content: ''; z-index: 2; position: absolute; border: 0px solid white; border-top: 0; border-bottom: 0; border-right: 0; width: 100%; height: 100%; top: 0; left: -1px; opacity: .2; } #cssmenu ul > li > a:hover:after{ content: ''; z-index: 2; position: absolute; border: 0px; border-top: 0; border-bottom: 0; border-left: 0; width: 100%; height: 100%; top: 0; right: -1px; opacity: .2; } #cssmenu > ul > li > ul{ opacity: 0; visibility: hidden; position: absolute; } #cssmenu > ul > li:hover > ul{ opacity: 1; visibility: visible; position: absolute; border-radius: 0 0 3px 3px; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow:none; -ms-box-shadow: none; box-shadow: none; } #cssmenu > ul > li > ul{ width: 280px; position: absolute; } #cssmenu > ul > li > ul > li{ float: none; position: relative; } #cssmenu > ul > li > ul > li > ul{ opacity: 0; visibility: hidden; position: absolute; } #cssmenu > ul > li > ul > li:hover > ul{ opacity: 1; visibility: visible; position: absolute; } #cssmenu > ul > li > ul > li > ul{ left:270px; top: 3px; width:270px; } #cssmenu > ul > li > ul > li > ul > li{ float: none; }