/*menu in header*/ .builder-module-1 .widgetnavmenu h4.widget-title { display: none !important; } .builder-module-1 .right ul.menu { float: right; } .builder-module-1 ul.menu { display: inline-block; /*TODO Test the margin for all sorts of bugs.*/ margin: 4.5% 0 0 0 !important; background: #EEEEEE; background: -webkit-linear-gradient(#F6F6F6, #E3E3E3); background: -moz-linear-gradient(#F6F6F6, #E3E3E3); background: -ms-linear-gradient(#F6F6F6, #E3E3E3); background: -o-linear-gradient(#F6F6F6, #E3E3E3); background: linear-gradient(#F6F6F6, #E3E3E3); border-width: 1px; border-style: solid; border-color: #999 #777 #777 #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: #000 1px 1px 2px; -webkit-box-shadow: #000 1px 1px 2px; box-shadow: rgba(0,0,0,.5) 1px 1px 4px; } .builder-module-1 ul.menu li { float: left; position: relative; list-style: none; } .builder-module-1 ul.menu li a { color: #717171; text-shadow: #FFFFFF 1px 1px; } .builder-module-1 ul.menu > li { border-right: 1px solid #FFFFFF; } .builder-module-1 ul.menu > li > a { display: block; padding: 10px 12px; background: transparent; border-right: 1px solid #C1C1C1; color: #717171; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .builder-module-1 ul.menu > li:last-child, .builder-module-1 ul.menu > li:last-child > a { margin-right: 0; border-right: 0; } .builder-module-1 ul.menu > li:first-child > a { -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .builder-module-1 ul.menu > li:last-child > a { -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px; } .builder-module-1 ul.menu > li > a:hover, .builder-module-1 ul.menu > li.currentpageitem > a { background: #F6F6F6; background: -webkit-linear-gradient(#E3E3E3, #F6F6F6); background: -moz-linear-gradient(#E3E3E3, #F6F6F6); background: -ms-linear-gradient(#E3E3E3, #F6F6F6); background: -o-linear-gradient(#E3E3E3, #F6F6F6); background: linear-gradient(#E3E3E3, #F6F6F6); color: #515151 !important; -webkit-box-shadow: inset #DDD 0 0 4px; -moz-box-shadow: inset #DDD 0 0 4px; box-shadow: inset #BBB 0 0 6px; } /*child or second level*/ .builder-module-1 ul.menu li:hover > ul { opacity: 1; z-index: 1001; left: -18px; } .builder-module-1 li ul { position: absolute; z-index: 1000; left: -9999px; display: block; width: 160px; opacity: 0; background: #A1A1A1; border: 1px solid #919191; -moz-box-shadow: rgba(0,0,0,.5) 0 0 8px; -webkit-box-shadow: rgba(0,0,0,.5) 0 0 8px; box-shadow: rgba(0,0,0,.5) 0 0 8px; -webkit-transition: opacity .4s ease; -moz-transition: opacity .2s ease; transition: opacity .2s ease; } .builder-module-1 li ul li { float: none; display: block; border-bottom: 1px solid #818181; } .builder-module-1 ul.menu li ul a { display: block; color: #212121; text-shadow: #B1B1B1 1px 1px; padding: 8px 10px; width: 140px; border-bottom: 1px solid #B1B1B1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .builder-module-1 li ul li:last-child, .builder-module-1 li ul li:last-child a { border-bottom: 0; } .builder-module-1 ul.menu li ul a:hover { background: #313131; color: #E1E1E1; text-shadow: #313131 1px 1px; } .builder-module-1 li ul ul { margin-left: 178px; margin-top: -38px; } #ie6 .builder-module-1 ul.menu li a { display: block; padding: 8px; }