css Contao中的下拉导航

Posted 2021-05-13

#navigation_top .level_2 .first {
padding-top:2px;
}
#navigation_top .level_2 .last {
padding-bottom:5px;
}
#navigation_top .level_2 span.active {
font-weight:bold;
}
#navigation_top .level_2 a, #navigation_top .level_2 span {
line-height:20px;
}
#navigation_top li:hover .level_2 {
width:auto;
height:auto;
min-height:78px;
left:auto;
top:auto;
overflow:auto;
display:block;
background-color:#299a0b;
z-index: 1000;
-webkit-transition: ease-in-out 2s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
#navigation_top .level_2 li {
clear:both;
}
#navigation_top .level_2 {
width:0;
height:0;
left:-32768px;
top:-32768px;
position:absolute;
overflow:hidden;
display:inline;
}
#navigation_top {
width:960px;
height:30px;
margin:4px 0 0;
padding:0;
background-color:#299A0B;
color:#fff;
}
#navigation_top ul {
width:auto;
float:left;
margin:0;
padding:0;
list-style-type:none;
}
#navigation_top li {
float:left;
margin:7px 15px 0;
}
#navigation_top a, #navigation_top span {
display:block;
text-decoration:none;
color:#fff;
}
#navigation_top .active, #navigation_top .trail {
}
#navigation_top a:hover, #navigation_top a:focus {
text-decoration:underline;
color:#fff;
}