????
Current Path : /home2/morganrand/backup.morganrand.com/coupon/testmenu/menu_assets/ |
Current File : /home2/morganrand/backup.morganrand.com/coupon/testmenu/menu_assets/styles.css |
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600); /* Menu CSS */ #cssmenu, #cssmenu > ul{ background: url(images/highlight-bg.png) repeat; padding-bottom: 3px; font-family: 'Open Sans', sans-serif; font-weight: 600; } #cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after { content: ''; display: table; } #cssmenu:after, #cssmenu > ul:after { clear: both; } #cssmenu { zoom:1; } #cssmenu > ul{ background: url(images/menu-bg.png) repeat; margin: 0; padding: 0; position: relative; } #cssmenu > ul li{ margin: 0; padding: 0; list-style: none; } #cssmenu > ul > li{ float: left; position: relative; } #cssmenu > ul > li > a{ padding: 23px 26px; display: block; color: white; font-size: 13px; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #9e3825; text-shadow: 0 -1px 0 rgba(116, 37, 2, .70); line-height: 18px; } #cssmenu > ul > li:hover > a{ background: url(images/hover.png) repeat; text-shadow: 0 -1px 0 #97321f; text-shadow: 0 -1px 0 rgba(122, 42, 26, .64); } #cssmenu > ul > li > a > span{ line-height: 18px; } #cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{ background: url(images/active.png) repeat; } /* Childs */ #cssmenu > ul ul{ opacity: 0; visibility: hidden; position: absolute; top: 120px; background: url(images/highlight-bg.png) repeat; margin: 0; padding: 0; z-index: -1; } #cssmenu > ul li:hover ul{ opacity: 1; visibility: visible; margin: 0; color: #000; z-index: 2; top:64px; left: 0; } #cssmenu > ul ul:before{ content: ''; position: absolute; top: -10px; width: 100%; height: 20px; background: transparent; } #cssmenu > ul ul li{ list-style: none; padding: 0; margin: 0; width: 100%; } #cssmenu > ul ul li a{ padding: 18px 26px; display: block; color: #393939; font-size: 13px; text-decoration: none; text-transform: uppercase; width: 150px; border-left: 4px solid transparent; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition: all .35s ease-in-out; text-shadow: 0 1px 0 white; } #cssmenu > ul ul li a:hover{ border-left: 4px solid #de553b; background: url(images/hover.png) repeat; color: white; text-shadow: 0 1px 0 black; } #cssmenu > ul ul li a:active{ background: url(images/menu-bg.png) repeat; }