204 lines
4.7 KiB
CSS
204 lines
4.7 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);*/
|
|
-webkit-flex: 1 0 auto;
|
|
-moz-flex: 1 0 auto;
|
|
-ms-flex: 1 0 auto;
|
|
-o-flex: 1 0 auto;
|
|
flex: 1 0 auto;
|
|
}
|
|
#nav li.top {
|
|
/*margin:0 5px 0 0;*/
|
|
}
|
|
#nav li a.top_link {
|
|
padding: 0px;
|
|
height:18px;
|
|
color:#ccc;
|
|
text-decoration:none;
|
|
font-size:16px;
|
|
/*text-transform:uppercase;*/
|
|
/*font-weight:bold;*/
|
|
/*padding:4px 0 0 10px;*/
|
|
cursor:pointer;
|
|
display: block;
|
|
padding: 10px;
|
|
white-space: nowrap;
|
|
}
|
|
#nav li a.top_link span {
|
|
padding: 0 14px 0 0;
|
|
}
|
|
#nav li a.top_link span.down {
|
|
padding:0 28px 0 0px;
|
|
/* Hide the drop down sub menu
|
|
background:url(images/down_arrow.png) no-repeat right 50%;
|
|
*/
|
|
|
|
}
|
|
|
|
#nav li.active
|
|
{
|
|
color: #fff;
|
|
background-color: #444;
|
|
border-right: 2px solid #FF5D1A;
|
|
}
|
|
|
|
#nav li:hover {
|
|
background-color: #3a3a3a;
|
|
}
|
|
|
|
#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 {
|
|
|
|
}
|
|
/* Hide the drop down sub menu
|
|
#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;
|
|
/* Hide the drop down sub menu */
|
|
display:none;
|
|
|
|
}
|
|
#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;
|
|
}
|