/* $Id: nice_menus.css,v 1.14.2.3 2007/04/30 16:08:16 add1sun Exp $ *//* To help understand the CSS, the HTML looks like this (where x is a number; TYPE is down/left/right; PATH is the menu path such as node/343; MID is the menu id such as 33): <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'> <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li> <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a> <ul...><li...>...</li> </ul> </li> ... </ul> If you have more than one nice-menu and want to target a particular one, use its id (e.g. ul.#nice-menu-2) See README.txt for some CSS customization examples! First we're going to define CSS for all menus, then we'll define based on the type of menu*//* below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff */.block-nice_menus { line-height: normal; /*font-size: normal;*/ /*position: relative;*/ z-index: 10;}ul.nice-menu,ul.nice-menu ul{ list-style: none; float:left; z-index: 5;}ul.nice-menu li { position: relative; float: left;}ul.nice-menu a { padding: 0.3em 15px 0.3em 5px; display: block;}ul.nice-menu ul{ position: absolute; display: none;}ul.nice-menu li.over ul{ display: block;}ul.nice-menu ul li{ display: block;}ul.nice-menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* Show submenus when over their parents */ul.nice-menu li:hover ul,ul.nice-menu li.menuparent li:hover ul,ul.nice-menu li.menuparent li.menuparent li:hover ul,ul.nice-menu li.over ul,ul.nice-menu li.menuparent li.over ul,ul.nice-menu li.menuparent li.menuparent li.over ul { display: block;}/* Hide sub-menus initially */ul.nice-menu li:hover ul ul,ul.nice-menu li:hover ul ul ul,ul.nice-menu li.over ul ul,ul.nice-menu li.over ul ul ul { display: none;}/* Now stuff specific to the menu type (down, left or right menu pop) *//* All VERTICAL (left/right) menus *//* This is the default width of vertical menus. You can override these in your own stylesheet. */ul.nice-menu-right, ul.nice-menu-left,ul.nice-menu-right li, ul.nice-menu-left li{ width: 12.5em;}/* stuff for VERTICAL menus where submenus pop RIGHT (default) */ul.nice-menu-right ul { width: 12.5em; left: 12.5em; top: -1px;}ul.nice-menu-right ul ul { width: 12.5em; left: 12.5em; top: -1px;}ul.nice-menu-right li.menuparent,ul.nice-menu-right li li.menuparent{}ul.nice-menu-right li.menuparent:hover,ul.nice-menu-right li.over,ul.nice-menu-right li li.menuparent:hover,ul.nice-menu-right li li.over{}/* stuff for VERTICAL menus where submenus pop LEFT */ul.nice-menu-left li ul{ width: 12.5em; left: -12.65em; top: -1px;}ul.nice-menu-left li ul li ul { width: 12.5em; left: -12.65em; top: -1px;}ul.nice-menu-left li.menuparent,ul.nice-menu-left li li.menuparent{}ul.nice-menu-left li.menuparent:hover,ul.nice-menu-left li.over,ul.nice-menu-left li li.menuparent:hover,ul.nice-menu-left li li.over{}ul.nice-menu-left a, ul.nice-menu-left ul a { padding-left: 14px;}/* stuff for HORIZONTAL menus where submenus pop DOWN */ul.nice-menu-down { float: left; border: 0;}ul.nice-menu-down li {}ul.nice-menu-down li li {background: #dddddd;}ul.nice-menu-down ul { position:absolute; left: 20px; width:800px; height:17px; float:left;}ul.nice-menu-down li ul li ul { top: -1px;}ul.nice-menu-down .menuparent a{ padding-right: 15px;}ul.nice-menu-down li.menuparent{}ul.nice-menu-down li.menuparent:hover,ul.nice-menu-down li.over{ float:left;}ul.nice-menu-down li li.menuparent{}ul.nice-menu-down li li.menuparent:hover,ul.nice-menu-down li li.over{ float:left;}ul.nice-menu-down ul li { clear: none;}/* [IE6] Invisible iframe to fix z-index bug when menu hovers over <select> fields*/li.menuparent ul { overflow: visible !important; overflow: hidden;}li.menuparent ul iframe { display:none; display/**/:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:400px; height:400px;}