Code:
#nav
{
height:37px;
left:-20px;
top:200px;
position:absolute;
overflow:hidden;
list-style-type:none;
}
#nav li
{
width:229px;
float:left;
border:1px solid #fff;
background: #94b7b6;
background: -moz-linear-gradient(top, #94b7b6 0%, #6dbbba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94b7b6), color-stop(100%,#6dbbba));
background: -webkit-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: -o-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: -ms-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b7b6', endColorstr='#6dbbba',GradientType=0 );
}
#nav li a,
#nav li span
{
display:block;
padding:12px 5px 12px 10px;
font-size:14px;
line-height:14px;
font-weight:bold;
text-decoration:none;
color:#fff;
}
#nav li span
{
font-weight:bold;
color:#ffffff;
}
#nav li a:hover,
#nav li a.mainMenuParentBtnFocused,
#nav li a.trail
{
font-weight:bold;
color:#ffffff;
background: #b2b2b2;
background: -moz-linear-gradient(top, #b2b2b2 0%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#999999));
background: -webkit-linear-gradient(top, #b2b2b2 0%,#999999 100%);
background: -o-linear-gradient(top, #b2b2b2 0%,#999999 100%);
background: -ms-linear-gradient(top, #b2b2b2 0%,#999999 100%);
background: linear-gradient(top, #b2b2b2 0%,#999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#999999',GradientType=0 );
}
#nav li.first a
{
border: none;
}
.smOW
{
position:absolute;
overflow:hidden;
display:none;
padding:0 0 20px;
}
#subMenusContainer a
{
min-width:225px;
display:block;
padding:7px 10px 7px 15px;
font-weight:bold;
color:#fff;
}
#subMenusContainer a:hover,
#subMenusContainer a:focus,
.subMenuParentBtnFocused
{
font-weight:bold;
text-decoration:none;
color:#fff;
background: #b2b2b2;
background: -moz-linear-gradient(top, #b2b2b2 0%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#999999));
background: -webkit-linear-gradient(top, #b2b2b2 0%,#999999 100%);
background: -o-linear-gradient(top, #b2b2b2 0%,#999999 100%);
background: -ms-linear-gradient(top, #b2b2b2 0%,#999999 100%);
background: linear-gradient(top, #b2b2b2 0%,#999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#999999',GradientType=0 );
}
#subMenusContainer a.trail,
#subMenusContainer li.active a
{
font-weight:bold;
text-decoration:none;
color:#fff;
}
#subMenusContainer ul.level_2
{
list-style-type:none;
background: #94b7b6;
background: -moz-linear-gradient(top, #94b7b6 0%, #6dbbba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94b7b6), color-stop(100%,#6dbbba));
background: -webkit-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: -o-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: -ms-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b7b6', endColorstr='#6dbbba',GradientType=0 );
}
#subMenusContainer ul.level_3
{
list-style-type:none;
background: #94b7b6;
background: -moz-linear-gradient(top, #94b7b6 0%, #6dbbba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94b7b6), color-stop(100%,#6dbbba));
background: -webkit-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: -o-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: -ms-linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
background: linear-gradient(top, #94b7b6 0%,#6dbbba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b7b6', endColorstr='#6dbbba',GradientType=0 );
}
#subMenusContainer
{
width:100%;
left:1px;
top:-31px;
position:absolute;
overflow:visible;
display:block;
z-index:1000000000;
}
#nav li ul
{
display:none;
}
* + html .smOW
{
margin-top:-2px;
margin-left:-2px;
}
* + html #subMenusContainer ul.level_3
{
margin-top:2px;
}
jemand ne idee was schief läuft?
Lesezeichen