• 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

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :