Code:
.mod_navigation
{
left:14px;
position:absolute;
overflow:visible;
top:240px;
z-index:999;
}
.mod_navigation ul
{
margin:0;
padding:0;
list-style-type:none;
}
.mod_navigation a
{
text-decoration:none;
color:#ffffff;
}
.mod_navigation li
{
width:222px;
position:relative;
float:left;
padding-left:10px;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
font-size:14px;
line-height:25px;
font-weight:bold;
color:#ffffff;
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 );
}
.mod_navigation li ul
{
bottom:0;
left:-1px;
position:absolute;
display:none;
top:26px;
}
.mod_navigation li ul ul
{
left:232px;
top:0;
position:absolute;
}
.mod_navigation li:hover
{
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 );
}
.mod_navigation li:active
{
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 );
}
.mod_navigation li:hover ul
{
display:block;
}
.mod_navigation ul li:hover ul ul
{
display:none;
}
.mod_navigation ul ul li:hover ul
{
display:block;
}
die website:
Lesezeichen