sintonia/legacy/public/css/pro_dropdown_3.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;
}