-
Menu accordéon
Utilisé (mais à adapter)
#menu-accordeon {
padding:0;
margin:0;
background:#E9E7E7;
text-align: center;
width: 360px;
}
#menu-accordeon ul {
padding:0;
margin:0;
font-size:1.2em;
text-align: left;
margin-left=12px
}
#menu-accordeon li {
border-radius: 6px;
margin-bottom:2px;
box-shadow: 3px 3px 3px #999;
border:solid 1px #333A40
font-size:1.2em
}
#menu-accordeon li li {
max-height:0;
overflow: hidden;
transition: all .5s;
border-radius:0;
box-shadow: none;
border:none;
background:#E9E7E7;
list-style-type:circle;
margin:0
}
#menu-accordeon a {
display:block;
text-decoration: none;
padding: 8px 0;
font-family: verdana;
font-size:1.2em
}
#menu-accordeon a:hover {
color:red;
text-decoration:underline;
font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
font-size:1.2em
}
#menu-accordeon li:hover {
background: white
}
#menu-accordeon li li:hover {
background: white;
}
#menu-accordeon ul li:last-child {
border-radius: 0 0 6px 6px;
border:none;
}
#menu-accordeon li:hover li {
max-height: 15em;
}
-
Commentaires