/* ############################### MAIN LEVEL MARGINS, FONT FACE, COLOR, POSITION & PADDING ###################################### */ #nav-home-bar {position: absolute; margin:0; padding:0; width:308px;} #nav-home, #nav-home .logo-pic {height:80px} #nav-home ul {padding:0; white-space: nowrap; list-style: none; border:none; } #nav-home li {float: left; padding: 0; margin-left:6px; width: 300px;} #nav-home a {padding: 8px 0 0 10px;width: 308px; display: block; border-style:none; outline-style:none; cursor: pointer; } #nav-home li a:hover {height:100px; cursor: pointer; text-decoration: none; background: url("./themes/site_themes/win/images/mnu_highlight_home.png") no-repeat; z-index:20} #nav-home li:hover, #nav-home li.IEMhover {background-color:transparent; border: 0; } /* ############################ DROP MENU ##########################################*/ nav-menu{position:absolute; left:490px; top:34px; width:600px; height: 62px; margin:0; padding: 0; display: block; text-align: left;} .nav, .nav ul, .nav li {margin: 0; padding: 0; list-style: none; width:150px;} .nav li li{margin: 0; padding: 0; list-style: none; width:auto; min-width:150px;} .nav{position:relative; display: block; height:60px; line-height:60px; width: 600px; margin: 0 auto; padding: 0;font-family:"JosefinSans-Regular"; font-weight:100; font-size: 18px; text-shadow:2px 2px 2px rgba(0,0,0, 0.9);} /*clearfix */ .nav:before, .nav:after {content:""; display:table;} .nav:after {clear: both;} .nav {zoom: 1;} .nav li {display:block; float: left; position: relative; border-right: 0px solid #fff;} .nav > li:first-child{border-left: 0px solid #d2d2d2;} .nav li a {position:relative; display: block; height:24px; padding:26px 16px; margin-bottom:16px; color: #E9DC8E; text-decoration: none; font-size: 1.1em; z-index: 1;} /*prevent issues with links pseudo elements and the proximity detection */ .nav > li:first-child a {border-left: 0px solid #fff; } .nav li:hover{border:none; background: url("./themes/site_themes/win/images/mnu_highlight.png") repeat-x; z-index: 5;} .nav li a:hover {color:#fff; z-index: 5;} .nav li a:active {color:#fff;} .nav li li a {position:relative; display: block; padding-top:8px; margin-bottom:0px; text-decoration: none; font-size:.80em; color: #E9DC8E; z-index: 1;} .nav li li a:hover{position:relative; display: block; color:#fff;} /* Dropdown ========================================================================== */ /* Target menu item with dropdown inside */ .nav li a:nth-last-child(2){padding-right: 2.500em;} .nav li a:nth-last-child(2):after{content: ""; position: absolute; right: 1.250em;} /* \25BC add down-pointing triangle to dropdown parent */ .nav li li a:nth-last-child(2):after{content: "\25B6"; } /* add left down-pointing triangle to any deeper level sub menu parents */ /* dropdown funcionality*/ .nav li ul {display:none; margin-top:-3px; border:0px solid #353535; position: absolute; background: #252525; white-space: nowrap; width:auto } /* positioning for second and deeper level sub menus */ .nav ul ul {left: 100%; top: 0;} .nav li:hover > ul {display: block; z-index: 10;} /* show sub menus when hovering over a parent */ /*sub nav items*/ .nav li li {float:none;position:relative;border-right: 0 !important;} .nav li li a{border-right: 0 !important; } /*proximity detection for submenu*/ .nav li ul:before {display:block;content: "";width: 160%; height: 120%; background: none !important; position: absolute;left: -30%;} /* proximity detection for second and deeper level sub menus */ .nav ul ul:before {height: 150%;top: -20%;} /*=========================== SHAREHOLDER NAVIGATION MENU ============================*/ #user-navbar{background: url('{site-theme-folder}/images/share-menu-bg.png') no-repeat; font: 12px "Arial"; font-weight:bold; height:26px; width:300px; margin:0; padding:0; position:relative; } .usernav, .usernav ul { white-space: nowrap; width: 100%; list-style: none; margin: 0; padding:0; border: 0; z-index:10000; position:absolute; } .usernav a { color:#000; text-align: left; margin:0; padding: 0; width: 60px; height:12px; display: inline-block; cursor: pointer; z-index:10000; } .usernav li { float:left; border:0; padding: 0; z-index:10000; } .usernav li a:hover {color:#666; text-decoration: none; cursor: pointer; margin-left:0; z-index:10000 } .usernav li:hover, .usernav li.IEMhover {background-color:transparent; border: 0; border-width: 0; z-index:10000 } /* /* 1ST SUB LEVEL FONT & FONT COLOR & PADDING */ .usernav li ul a { font: 11px arial, sans-serif; font-weight: normal; color: #000; text-decoration: none; text-align: left; padding: 6px 0px 6px 0px; text-indent: 0px;cursor: pointer; z-index:10000 } /* SUB LEVEL FONT HOVER COLOR */ .usernav li ul a:hover {background-image: none; background-color:#CCCA61; color: #fff; text-decoration: none; cursor: pointer; z-index:10000 } /* SUB LEVEL OUTER BORDER */ .usernav li ul {position: absolute; left: -999em;height: auto;width: 200px; border: solid #000; border-width: 1px 1px 1px 1px;margin: 0px; z-index:10000 } /* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */ .usernav li ul li {background-image: none; background-color: #FFF; border: solid #C0C0C0; border-width: 1px 0px 0px 0px; z-index:10000 } /* SUB LEVEL HOVER BACKGROUND AND BORDERS */ .usernav li ul li:hover, .usernav li ul li.IEMhover {background-image: none; background-color:#777; border: solid #C0C0C0;border-width: 1px 0px 0px 0px; z-index:10000 } /* SUB MENU WIDTH - ALSO EDIT TWO BELOW AND ONE ABOVE TO MATCH */ .usernav li li {padding-right: 0px;width: 200px; z-index:10000 } /* SUB MENU LINK WIDTH */ .usernav li ul a {width: 200px; z-index:10000 } /* FOR 3rd LEVEL MENU LOCATION */ .usernav li ul ul {margin: -25px 0px 0px 200px; } .usernav li:hover ul ul, .usernav li:hover ul ul ul, .usernav li.IEMhover ul ul, .usernav li.IEMhover ul ul ul { left: -999em; } .usernav li:hover ul, .usernav li li:hover ul, .usernav li li li:hover ul, .usernav li.IEMhover ul, .usernav li li.IEMhover ul, .usernav li li li.IEMhover ul { left: auto; } /* FOR 3rd LEVEL ARROW .usernav a.parent { background: url('{site-theme-folder}/images/menu-arrow.gif') center right no-repeat; } */