Code:
.mod_navigation
{
left:14px;
position:absolute;
overflow:visible;
top:240px;
z-index:999;
}
.mod_navigation p
{
margin:0;
padding:0;
}
.mod_navigation ul
{
margin:0;
padding:0;
list-style-type:none;
}
.mod_navigation a
{
text-decoration:none;
color:#ffffff;
}
.mod_navigation li
{
width:226px;
position:relative;
float:left;
padding-left:5px;
border-right:1px solid #ffffff;
font-size:14px;
line-height:25px;
font-weight:bold;
color:#ffffff;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 3%, #6dbbbe 20%, #6dbbbe 90%, #dadada 97%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#dadada), color-stop(20%,#6dbbbe), color-stop(90%,#6dbbbe), color-stop(97%,#dadada), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 3%,#6dbbbe 20%,#6dbbbe 90%,#dadada 97%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dadada 3%,#6dbbbe 20%,#6dbbbe 90%,#dadada 97%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 3%,#6dbbbe 20%,#6dbbbe 90%,#dadada 97%,#ffffff 100%);
background: linear-gradient(top, #ffffff 0%,#dadada 3%,#6dbbbe 20%,#6dbbbe 90%,#dadada 97%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.mod_navigation li ul
{
bottom:0;
left:-1px;
position:absolute;
display:none;
top:26px;
}
.mod_navigation li ul ul
{
left:232px;
position:absolute;
top:0;
}
.mod_navigation li:hover
{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 3%, #999999 20%, #999999 90%, #dadada 97%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#dadada), color-stop(20%,#999999), color-stop(90%,#999999), color-stop(97%,#dadada), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 3%,#999999 20%,#999999 90%,#dadada 97%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dadada 3%,#999999 20%,#999999 90%,#dadada 97%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 3%,#999999 20%,#999999 90%,#dadada 97%,#ffffff 100%);
background: linear-gradient(top, #ffffff 0%,#dadada 3%,#999999 20%,#999999 90%,#dadada 97%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.mod_navigation li:hover ul,
.mod_navigation li.sfHover ul
{
display:block;
}
.mod_navigation ul li:hover ul ul,
.mod_navigation ul li.sfHover ul ul
{
display:none;
}
.mod_navigation ul ul li:hover ul,
.mod_navigation ul ul li.sfHover ul
{
display:block;
}
Javascript
Lesezeichen