/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-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. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ #nav { padding:0 20px; font-size:1.1em; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav li { float:left; } #nav li.active a { color:#d96708; } #nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; } #nav li.over a, #nav a:hover { color:#d96708; } /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; } /*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/ #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 #899ba5; } /* 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:#d5e4eb; } #nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /************ VERTICAL NAV ************/ .accordion_toggle { display: block; height: 12px; width: 183px; background-color: #a9d06a; padding: 0 0 0 10px; line-height: 12px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 8px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; } .accordion_toggle_active { background-color: #e0542f; color: #ffffff; border-bottom: 1px solid #f68263; } .accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; } .accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; } .accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; } .vertical_accordion_toggle { display: block; height: 12px; width: 193px; background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; padding: 0 10px 0 10px; line-height: 12px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; } .vertical_accordion_toggle_active { background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; color: #ffffff; border-bottom: 1px solid #f68263; } .vertical_accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; } .vertical_accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; } .vertical_accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; } /*Horizontal Accordion*/ .horizontal_accordion_toggle { /* REQUIRED */ float: left; /* This make sure it stays horizontal */ /* REQUIRED */ display: block; height: 100px; width: 30px; background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a; color: #ffffff; text-decoration: none; outline: none; border-right: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; } .horizontal_accordion_toggle_active { background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f; border-right: 1px solid #f68263; } .horizontal_accordion_content { /* REQUIRED */ height: 100px; /* We need to define a height for the accordion as it stretches the width */ float: left; /* This make sure it stays horizontal */ /* REQUIRED */ overflow: hidden; background-color: #ffffff; color: #444444; } .horizontal_accordion_content p { width: 450px; line-height: 150%; padding: 5px 10px 15px 10px; } #vertical_nav { margin: 20px 0 0 0; } #navigation { margin:0px; padding:0px; text-indent:0px; background-color:#FFF; width:194px; } #navigation a.head { cursor:pointer; border:0px solid #CCCCCC; background:#fc608f url(collapsed.gif) no-repeat scroll 3px 4px; color:#FFFFFF; display:block; font-weight:bold; margin:0px; padding:3px 0 0 3px; text-indent:14px; text-decoration: none; height:15px; } #navigation a.head:hover { color:#FFFF99; } #navigation a.selected { background-image: url(expanded.gif); } #navigation a.current { background-color:#FFFF99; } #navigation ul { border-width:0px; margin:0px; padding:0px; text-indent:0px; } /*#navigation li { list-style:none outside none; display:inline; }*/ #navigation li li a { padding:3px 0 0 3px; color:#1A1A1A; display:block; text-indent:10px; text-decoration: none; } #navigation li li a:hover { color:#FF0000; }