186 lines
4.3 KiB
CSS
186 lines
4.3 KiB
CSS
/* ================================================================
|
|
This copyright notice must be kept untouched in the stylesheet at
|
|
all times.
|
|
|
|
The original version of this stylesheet and the associated (x)html
|
|
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
|
|
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
|
|
This stylesheet and the associated (x)html may be modified in any
|
|
way to fit your requirements.
|
|
=================================================================== */
|
|
|
|
#nav {
|
|
padding:7px 0 0 6px;
|
|
margin:0;
|
|
list-style:none;
|
|
height:28px;
|
|
background:#353535;
|
|
position:relative;
|
|
z-index:500;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
border-top:1px solid #7e7e7e;
|
|
border-bottom:1px solid #242424;
|
|
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.35);
|
|
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35);
|
|
box-shadow: 0 2px 5px rgba(0,0,0,.35);
|
|
}
|
|
#nav li.top {
|
|
display:block;
|
|
float:left;
|
|
margin:0 5px 0 0;
|
|
}
|
|
#nav li a.top_link {
|
|
display:block;
|
|
float:left;
|
|
height:18px;
|
|
color:#ccc;
|
|
text-decoration:none;
|
|
font-size:11px;
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
padding:4px 0 0 14px;
|
|
cursor:pointer;
|
|
}
|
|
#nav li a.top_link span {
|
|
float:left;
|
|
display:block;
|
|
padding:0 14px 0 0;
|
|
}
|
|
#nav li a.top_link span.down {
|
|
float:left;
|
|
display:block;
|
|
padding:0 28px 0 0px;
|
|
background:url(images/down_arrow.png) no-repeat right 50%;
|
|
|
|
}
|
|
#nav li:hover a.top_link, #nav li.active a.top_link, #nav li.active:hover a.top_link {
|
|
color:#fff;
|
|
background:#000;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
#nav li:hover a.top_link span {
|
|
|
|
}
|
|
#nav li:hover a.top_link span.down {
|
|
background:url(images/down_arrow.png) no-repeat right 50%;
|
|
}
|
|
/* Default list styling */
|
|
|
|
#nav li:hover {
|
|
position:relative;
|
|
z-index:200;
|
|
}
|
|
#nav li:hover ul.sub {
|
|
left:1px;
|
|
top:22px;
|
|
background: #202020;
|
|
padding:3px;
|
|
border:1px solid #161616;
|
|
white-space:nowrap;
|
|
width:200px;
|
|
height:auto;
|
|
z-index:300;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
|
|
}
|
|
#nav li:hover ul.sub li {
|
|
display:block;
|
|
height:22px;
|
|
position:relative;
|
|
float:left;
|
|
width:200px;
|
|
font-weight:normal;
|
|
}
|
|
#nav li:hover ul.sub li a {
|
|
display:block;
|
|
font-size:12px;
|
|
height:20px;
|
|
width:198px;
|
|
line-height:20px;
|
|
text-indent:5px;
|
|
color:#fff;
|
|
text-decoration:none;
|
|
border:1px solid #202020;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
#nav li ul.sub li a.fly {
|
|
background:#202020 url(images/arrow.png) 190px 6px no-repeat;
|
|
}
|
|
#nav li:hover ul.sub li a:hover {
|
|
background:#3d3d3d;
|
|
color:#fff;
|
|
border-color:#4e4e4e;
|
|
}
|
|
#nav li:hover ul.sub li a.fly:hover {
|
|
background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat;
|
|
color:#fff;
|
|
}
|
|
#nav li strong {
|
|
display:block;
|
|
font-size:12px;
|
|
height:20px;
|
|
width:198px;
|
|
line-height:20px;
|
|
margin-bottom:3px;
|
|
text-indent:6px;
|
|
color:#ff5d1a;
|
|
border-bottom:1px solid #414141;
|
|
cursor:default;
|
|
font-weight:bold;
|
|
}
|
|
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
|
|
left:200px;
|
|
top:-4px;
|
|
background: #202020;
|
|
padding:3px;
|
|
border:1px solid #161616;
|
|
white-space:nowrap;
|
|
width:200px;
|
|
z-index:400;
|
|
height:auto;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
|
|
position:absolute;
|
|
left:-9999px;
|
|
top:-9999px;
|
|
width:0;
|
|
height:0;
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none;
|
|
}
|
|
#nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {
|
|
background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat;
|
|
color:#fff;
|
|
border-color:#4e4e4e;
|
|
}
|
|
|
|
|
|
#nav li:hover li:hover li:hover a.fly {
|
|
background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat;
|
|
color:#fff;
|
|
border-color:#4e4e4e;
|
|
}
|
|
#nav li:hover li:hover li:hover li:hover li:hover a.fly {
|
|
background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat;
|
|
color:#fff;
|
|
border-color:#4e4e4e;
|
|
}
|
|
#nav li:hover li:hover li a.fly,
|
|
#nav li:hover li:hover li:hover li a.fly,
|
|
#nav li:hover li:hover li:hover li:hover li a.fly {
|
|
background:#202020 url(images/arrow.png) 190px 6px no-repeat;
|
|
color:#fff;
|
|
border-color:#202020;
|
|
}
|
|
|