/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * @copyright Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /**********************************************Vertical Nav ****************************************/ /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #list_nav { background-color: #9d0a0e; padding: 6px; margin-bottom: 10px; } #list_nav li { list-style:none; position:relative; text-align:left; margin: 0; padding: 0; } #list_nav li.over { z-index:999; } #list_nav li.active { z-index:999; } /* to prevent the li separator from showing through on mouseover on li */ #list_nav a { line-height:1.2em; } #list_nav a, #list_nav a:hover { display:block; text-decoration:none; } #list_nav span { display:block; cursor:pointer; } /************ 1ST LEVEL ***************/ #list_nav li { border: 1px solid #024f83; text-decoration: none; color: #fff; margin: 0; padding: 0; } #list_nav li.active a { color:#fff; } #list_nav a { float:left; padding:3px 12px 4px 8px; color:#fff; font-weight:normal; font-family:Trebuchet MS; font-size:14px;} #list_nav li.over a, #list_nav a:hover { color:#CCCCCC; } /************ 1ST LEVEL RESET ************/ #list_nav ul li, #list_nav ul li.active { float:none; height:auto; background:none; margin: 0; padding: 0; } #list_nav ul a, #list_nav ul a:hover { float:none; margin: 0; padding: 0; background:none; } #list_nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ***********/ #list_nav ul { position: absolute; width:15em; margin:0 0 0 145px; left:-10000px; border:1px solid #666666; background:#d7e4ed; } /* Show menu */ #list_nav li.over ul { left:0;top: 2px; } #list_nav li.over ul ul { left:-10000px; } #list_nav li.over ul ul ul { left:-10000px; } #list_nav li.over ul li.over ul { left:10px; } #list_nav ul li a { background:#d7e4ed; } #list_nav ul li a:hover { color: #fff; background: #ffffff; } #list_nav ul li a span { } #list_nav ul li a, #list_nav ul li a:hover { color:#9d0a0e !important; } #list_nav ul span, #list_nav ul li.last li span { padding:2px 15px 2px 15px;} #list_nav ul li.last span { background:none; } /* Fix for the IE bug */ #list_nav iframe { position: absolute; left: -1px; top: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } /*******************************************************************/ /********************** SIDE NAVIGATION START ****************************/ /*******************************************************************/ #nav { padding:0 20px 0 0; font-size:12px; width: 900px; margin: 0 auto; text-align: center; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { list-style:none; position:relative; text-align:left; border-right: 1px solid #9d0a0e; } #nav li.over { z-index:99; } #nav li.active { z-index:98; } /* to prevent the li separator from showing through on mouseover on li */ #nav a { line-height:1.3em; } #nav a, #nav a:hover { display:block; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 1ST LEVEL ***************/ #nav li { float:left; } #nav li.active a { color:#fff; } #nav a { float:left; padding:5px 12px 6px 8px; color:#fff; font-weight:bold; } #nav a:hover { background-color: #9d0a0e; color:#fff; } #nav li.over a { color:#fff; background-color: #9d0a0e; } #nav li.over a:hover { } /************ 1ST LEVEL RESET ************/ #nav ul li, #nav ul li.active { float:none; color: #fff; margin:0; padding-bottom:1px; background:#ecf3f6; } #nav ul li.over {color: #fff; background:#9d0a0e;} #nav ul li.last { background:#ecf3f6; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position: absolute; width:15em; top:25px; left:-10000px; border:1px solid #9d0a0e; } /* Show menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#ecf3f6; } #nav ul li a:hover { background:#0072bc; } #nav ul li a, #nav ul li a:hover { color:#fff !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /* #nav ul ul ul { left:-10000px; } #nav li.over ul li.over ul ul { left:-10000px; } #nav li.over ul li.over ul li.over ul { left:100px; } */ /* Fix for the IE bug */ #nav iframe { position: absolute; left: -1px; top: 0; z-index: -1; background:transparent; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } .debug {border:1px solid red!important;} } /* - - - ADxMenu: BASIC styles - - - */ .menu { width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */ } .menu, .menu ul { /* remove all list stylings */ margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .menu li { margin: 0; padding: 0; border: 0; display: block; position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10000; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ left: 100%; /* and move them to the right of the item */ } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { /* IE7 float clear: */ min-height: 0; } /* -- float.clear.END -- */ /* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } /* - - - ADxMenu: DESIGN styles - - - */ .menu, .menu ul li { color: #eee; background: #620003; width: 180px; } .menu { width: 190px; } .menu ul { } .menu a { text-decoration: none; color: #eee; padding: 4px 3px 4px 15px; display: block; border: 1px solid #380002; } .menu a:hover, .menu li:hover>a { color: #fff; background-color: #9d0a0e; } .menu li { /* create borders around each item */ } .menu>li + li, .menu ul>li + li { /* and remove the top border on all but first item in the list */ } .menu li:hover>ul { /* inset submenus, to show off overlapping */ top: 5px; left: 90%; } /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts .menu>li:first-child>a, .menu li + li + li li:first-child>a { color: #eee; } */ /*]]>*/