?
Path : /home/admin/public_html/old/promice/ |
Current File : /home/admin/public_html/old/promice/menu.css |
/** ********************************************* * Prototype of styles for horizontal CSS-menu * @data 25.01.2010 ********************************************* * (X)HTML-scheme: * <div id="menu"> * <ul class="menu"> * <li><a href="#" class="parent"><span>level 1</span></a> * <div><ul> * <li><a href="#" class="parent"><span>level 2</span></a> * <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div> * </li> * </ul></div> * </li> * <li class="last"><a href="#"><span>level 1</span></a></li> * </ul> * </div> ********************************************* */ /* menu::base */ #menu { position:relative; z-index:100; height:32px; } #menu .menu { position:absolute; } #menu * { list-style:none; border:0; padding:0; margin:0; } #menu a { display:block; padding:7px 14px 7px 14px; white-space:nowrap; } #menu li { float:left; background:#000; } #menu li li { float:none; _border:1px solid #239ac2; /** fix for ie6 */ } #menu div { visibility:hidden; position:absolute; background:url(images/pix.gif); } #menu div div { margin:-24px 0 0 -1px; left:100%; } #menu li:hover>div { visibility:visible; } /* menu::special styles */ /* menu::level 1 */ #menu a { text-decoration:none; color:#000; position:relative; z-index:77; } #menu a:hover { background:url(images/back.png); color:#f9de3e; } #menu a:hover span { color:#f7941d; } #menu>ul>li:hover>a { background:url(images/back.png); color:#f9de3e; } #menu>ul>li:hover>a span { color:#f7941d; } #menu span { text-transform:uppercase; font:12px/18px 'Trebuchet MS', Arial, Helvetica, Sans-serif; color:#000; } #menu li { background:none; } /* menu::level >= 2 */ #menu li li a { padding:0; position:static; } #menu li li a:hover { background:#f7941d; } #menu li li a span { color:#fff; } #menu li li a:hover span { color:#0c7ea3; } #menu li li a.parent span { background:url(images/pointer.gif) no-repeat right 9px; _background-position:right 10px; } *+html #menu li li a.parent span { background-position:right 10px; } #menu li li a.parent:hover span { background-position:right -49px; } *+html #menu li li a.parent:hover span { background-position:right -48px; } #menu li li span { display:block; text-transform:none; line-height:16px; padding:4px 25px 4px 14px; font-size:11px; } #menu li div { background:url(images/back.png); } /** <fix for ie6> */ #menu div div { _margin-top:-25px; _background:#0c7ea3; } #menu li li li { _border:1px solid #0c7ea3; } #menu div div div { _background:#0c7ea3; } #menu li li li li { _border:1px solid #0c7ea3; } /** </fix for ie6> */ /* lava lamp */ div#menu li.back { width:10px; height:32px; z-index:8; position:absolute; } div#menu li.back .left { width:auto; height:32px; float:none; position:relative; top:0; left:0; visibility:visible; }