HTML-Code:
#mainmenu {
width:100%;
height:34px;
top:76px;
position:absolute;
overflow:visible;
background:-moz-linear-gradient(top,#787875 0%,#787875 50%,#6a6966 50%,#474744 100%);
background:-webkit-linear-gradient(top,#787875 0%,#787875 50%,#6a6966 50%,#474744 100%);
background:-o-linear-gradient(top,#787875 0%,#787875 50%,#6a6966 50%,#474744 100%);
background:-ms-linear-gradient(top,#787875 0%,#787875 50%,#6a6966 50%,#474744 100%);
background:linear-gradient(to bottom,#787875 0%,#787875 50%,#6a6966 50%,#474744 100%);
-pie-background:linear-gradient(top,#787875 0%,#787875 50%,#6a6966 50%,#474744 100%);
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
border-radius:4px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
z-index:1000;
}
#mainmenu li {
position:relative;
float:left;
padding:0;
z-index:1000;
}
#mainmenu li a,
#mainmenu span {
display:block;
padding-right:46px;
padding-left:46px;
border-right:1px solid #696969;
font-size:11px;
line-height:34px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
letter-spacing:0.5px;
text-shadow: 0 0 2px #3e3d39;
box-shadow: 0 0 1px 0 #dcdcdc inset;
}
#mainmenu li.active,
#mainmenu li.trail,
#mainmenu li:hover {
background:-moz-linear-gradient(top,#61615f 0%,#61615f 50%,#52514f 50%,#31312f 100%);
background:-webkit-linear-gradient(top,#61615f 0%,#61615f 50%,#52514f 50%,#31312f 100%);
background:-o-linear-gradient(top,#61615f 0%,#61615f 50%,#52514f 50%,#31312f 100%);
background:-ms-linear-gradient(top,#61615f 0%,#61615f 50%,#52514f 50%,#31312f 100%);
background:linear-gradient(to bottom,#61615f 0%,#61615f 50%,#52514f 50%,#31312f 100%);
-pie-background:linear-gradient(top,#61615f 0%,#61615f 50%,#52514f 50%,#31312f 100%);
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
HTML-Code:
.mod_megamenu ul ul {
display: none;
left: 0;
position: absolute;
top: 36px;
width: auto;
}
.mod_megamenu ul ul li {
float: none;
width: 120px;
}
.mod_megamenu ul ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
display: block;
float: none;
height: 22px;
padding-top: 5px;
}
.mod_megamenu ul ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
color: #222;
}
.mod_megamenu ul ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
display: block;
float: none;
height: 22px;
padding-top: 5px;
}
.mod_megamenu ul ul ul {
left: 120px;
top: 0;
}
.mod_megamenu ul li.submenu {
font-weight: bold;
}
.mod_megamenu ul li.noborder {
border-top: medium none;
}
li.menuhover a, li.menuhover li.menuhover a {
color: #222;
}
li.menuhover span, li.menuhover li.menuhover span {
color: #222;
}
.mod_megamenu ul.megamenu, .mod_megamenu ul.megamenu li, .mod_megamenu div {
height: 150px;
width: 200px;
}
.mod_megamenu ul ul span {
width: 100%;
}
Zitieren
Zitat von lomex
Lesezeichen