/** * 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:0.9em;} /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:100; } #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; } /************ 0 LEVEL **************/ #nav li { float:left; background-color: #632184; height: 24px; } #nav li.active a { color:#732699; font-weight: bold; background-color: #ffffff; text-transform: uppercase; height: 19px; } #nav a { float:left; padding:5px 15px 0px 15px; color:#d1a3e8; text-transform: uppercase; } #nav li.over a, #nav a:hover { color:#ffffff; background-color: #d30058; text-transform: uppercase; height: 19px; } /* #nav li { margin-top:4px; float:left; background-color: #632184; height: 16px; color: #732699; } #nav li a{ color: #632184; padding:1px 15px 1px 15px; background-color: #f4d31a; text-transform: uppercase; font-weight: bold; height: 13px; } #nav li.over a { color:#632184; background-color: #f4d31a; text-transform: uppercase; height: 13px; } #nav li a:hover { color:#632184; background-color: #f4d31a; text-transform: uppercase; height: 13px; } #nav li.active a { color:#732699; font-weight: bold; background-color: #f4d31a; text-transform: uppercase; height: 13px; } */ /*#nav li.nav-sale { float:left; background-color: #632184; height: 24px; }*/ #nav li.nav-zomer { margin-top:4px; float:left; background-color: #632184; height: 16px; color: #732699; } #nav li.nav-zomer a{ color: #632184; padding:1px 15px 1px 15px; background-color: #f4d31a; text-transform: uppercase; font-weight: bold; height: 13px; } #nav li.nav-zomer.over a { color:#632184; background-color: #f4d31a; text-transform: uppercase; height: 13px; } #nav li.nav-zomer a:hover { color:#632184; background-color: #f4d31a; text-transform: uppercase; height: 13px; } #nav li.nav-zomer.active a { color:#732699; font-weight: bold; background-color: #f4d31a; text-transform: uppercase; height: 13px; } #nav li.nav-kerstgeschenken { margin-top:4px; float:left; background-color: #632184; height: 16px; color: #ffffff; } #nav li.nav-kerstgeschenken a{ color: #ffffff; padding:1px 15px 1px 15px; background-color: #c41515; text-transform: uppercase; height: 13px; } #nav li.nav-kerstgeschenken.over a { color:#ffffff; background-color: #c41515; text-transform: uppercase; height: 13px; } #nav li.nav-kerstgeschenken a:hover { color:#ffffff; background-color: #c41515; text-transform: uppercase; height: 13px; } #nav li.nav-kerstgeschenken.active a { color:#ffffff; background-color: #c41515; text-transform: uppercase; height: 13px; } #nav li.nav-topaanbiedingen { margin-top:4px; float:left; background-color: #632184; height: 16px; color: #ffffff; } #nav li.nav-topaanbiedingen a{ color: #ffffff; padding:1px 15px 1px 15px; background-color: #c41515; text-transform: uppercase; height: 13px; } #nav li.nav-topaanbiedingen.over a { color:#ffffff; background-color: #c41515; text-transform: uppercase; height: 13px; } #nav li.nav-topaanbiedingen a:hover { color:#ffffff; background-color: #c41515; text-transform: uppercase; height: 13px; } #nav li.nav-topaanbiedingen.active a { color:#ffffff; background-color: #c41515; text-transform: uppercase; height: 13px; } /************ 0 LEVEL DIFFERENT ***************/ #nav li.dif { float:left; background-color: #632184; height: 24px; } #nav li.dif.active a.dif { color:#732699; font-weight: bold; background-color: #ffffff; text-transform: uppercase; height: 24px;} #nav a.dif { float:left; padding:5px 15px 0px 15px; color:#d1a3e8; text-transform: uppercase; } #nav li.dif.over a.dif, #nav a.dif:hover { color:#ffffff; background-color: #d30058; text-transform: uppercase; height: 19px;} /************ 1ST LEVEL ************/ #nav ul li { float:none; margin:0; padding:0px 0px 0px 0px; border:0px solid #00ffff; background-color:#ffffff; height: 15px; } #nav ul li.active { float:none; margin:0; padding:0px 0px 0px 0px; border:0px solid #00ffff; background-color:#ffffff; height: 15px; } /*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/ #nav ul li.last { background:#d30058; padding:0px 0px 0px 0px; border:0px solid #00ffff; height: 19px; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; height: 15px; } #nav ul li a { font-weight:normal !important; height: 15px;} /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:20em; top:24px; padding-top: 8px; background:#d30058; left:-10000px; } /* Show menu */ #nav li.over > ul { left:0; height: 15px; } #nav li.over > ul li.over > ul { left:100px; height: 15px; } #nav li.over ul ul { left:-10000px; height: 15px; } #nav ul li a { background: url(../images/iparfumerie/homepage/uitklapdriehoekje.jpg) 15px 3px no-repeat #d30058; padding:0px 0px 0px 12px; height: 15px; } #nav ul li a:hover { background: url(../images/iparfumerie/homepage/uitklapdriehoekje.jpg) 15px 3px no-repeat #d30058; padding:0px 0px 0px 12px; height: 15px; text-decoration: underline; } #nav ul li a, #nav ul li a:hover { color:#ffffff !important; height: 15px; } #nav ul span, #nav ul li.last li span { padding:0px 15px 0px 15px; } /************ 3RD+ LEVEL ************/ #nav ul ul { top:0px; background-color:#dc3379; height: 15px;} #nav ul ul li { background:#dc3379; padding:0px 0px 0px 0px; border:0px solid #00ffff; height: 15px; } #nav ul ul li.last { background:#dc3379; padding:0px 0px 0px 0px; border:0px solid #00ffff; height: 19px; } #nav ul ul li a:link { background: url(../images/iparfumerie/homepage/uitklapdriehoekje2.jpg) 15px 3px no-repeat #dc3379; padding:0px 0px 0px 12px; height: 15px; } #nav ul ul li a:hover { background: url(../images/iparfumerie/homepage/uitklapdriehoekje2.jpg) 15px 3px no-repeat #dc3379; padding:0px 0px 0px 12px; height: 15px; text-decoration: underline; } #nav ul ul li a:visited { background: url(../images/iparfumerie/homepage/uitklapdriehoekje2.jpg) 15px 3px no-repeat #dc3379; padding:0px 0px 0px 12px; height: 15px;} #nav ul ul li a, #nav ul ul li a:hover { color:#ffffff !important; height: 15px; } #nav ul ul span, #nav ul ul li.last li span { padding:0px 15px 0px 15px;}