/**************************************************************************************/ /* /* Web: http://www.asdesigning.com /* Web: http://www.astemplates.com /* License: GNU/GPL /* /**************************************************************************************/ .as-menu { min-height: 40px; background-image: none; background-color: transparent; } .as-menu ul.as-menu > li a, .as-menu ul.as-menu > li > span { margin: 0px; padding: 10px 0px; display: block; font-weight: normal; line-height: 20px; text-transform: capitalize; letter-spacing: -1px; color: #333333 !important; } .as-menu ul.as-menu > li a:hover { background: none !important; } .as-menu ul.as-menu > li { } .as-menu ul.as-menu > li, .as-menu ul.as-menu > li:hover { background: none; width: auto; margin: 15px 1px 15px 5px;; padding: 0 24px; } .as-menu ul.as-menu > li.lastItem { border-right: none !important; } .as-menu ul.as-menu > li:first-child { margin-left: 0px; } .as-menu ul.as-menu > li.active > a, .as-menu ul.as-menu > li.asHover > a, .as-menu ul.as-menu > li.current > a, .as-menu ul.as-menu > li > a:hover, .as-menu ul.as-menu > li > span:hover { color: #ffffff !important; } .as-menu ul.as-menu > li.deeper > a:after { top: -2px; } .as-menu ul.as-menu > li:hover, .as-menu ul.as-menu > li.active, .as-menu ul.as-menu > li.asHover, .as-menu ul.as-menu > li.current, .as-menu ul.as-menu > li.active > span, .as-menu ul.as-menu > li.asHover > span, .as-menu ul.as-menu > li.current > span { color: #ffffff !important; background-color: #99ab32 !important; border-radius: 20px; -moz-box-shadow: 1px 2px 2px 0px #666; -webkit-box-shadow: 1px 2px 2px 0px #666; box-shadow: 1px 2px 2px 0px #666; text-decoration: none; } .as-menu ul.as-menu li:hover ul, .as-menu ul.as-menu li.asHover ul { left: 0; top: 45px; z-index: 100; border-radius: 20px; } .as-menu ul.as-menu ul { background-color: #a5b862 !important; background-image: -moz-linear-gradient(top, #a5b862, #a5b862) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a5b862), to(#a5b862)) !important; background-image: -webkit-linear-gradient(top, #a5b862, #a5b862) !important; background-image: -o-linear-gradient(top, #a5b862, #a5b862) !important; background-image: linear-gradient(to bottom, #a5b862, #a5b862) !important; padding: 9px 0px 12px 20px; box-shadow: 1px 2px 2px 0px #666; } .as-menu ul.as-menu ul li a, .as-menu ul.as-menu ul li span { color: #FFF !important; background-image: none !important; margin: 0px; text-transform: lowercase; text-align: left !important; } .as-menu ul.as-menu ul li a:hover, .as-menu ul.as-menu ul li span:hover, .as-menu ul.as-menu ul li.active > a, .as-menu ul.as-menu ul li.asHover > a, .as-menu ul.as-menu ul li.active > span, .as-menu ul.as-menu ul li.asHover > span { color: #333333 !important; } .as-menu ul.as-menu ul ul { top: -8px !important; left: 185px !important; background-color: #bcc77b !important; background-image: -moz-linear-gradient(top, #bcc77b, #bcc77b) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcc77b), to(#bcc77b)) !important; background-image: -webkit-linear-gradient(top, #bcc77b, #bcc77b) !important; background-image: -o-linear-gradient(top, #bcc77b, #bcc77b) !important; background-image: linear-gradient(to bottom, #bcc77b, #bcc77b) !important; padding: 9px 0px 12px 25px; box-shadow: 1px 2px 2px 0px #666; }