Template:Team:Paris Bettencourt/Menu

From 2014.igem.org

(Difference between revisions)
Line 99: Line 99:
   border: 1px solid rgb(30,39,43);*/
   border: 1px solid rgb(30,39,43);*/
}
}
 +
<!--
#nav {   
#nav {   
     display:block;
     display:block;
Line 200: Line 201:
     border:none;
     border:none;
}
}
 +
-->
 +
 +
#nav, #nav ul{
 +
padding:0;
 +
margin:0;
 +
list-style:none;
 +
text-align:center;
 +
}
 +
#nav li{
 +
display:inline-block;
 +
position:relative;
 +
border-radius:8px 8px 0 0;
 +
}
 +
#nav ul li{
 +
display:inherit;
 +
border-radius:0;
 +
}
 +
#nav ul li:hover{
 +
border-radius:0;
 +
}
 +
#nav ul li:last-child{
 +
border-radius:0 0 8px 8px;
 +
}
 +
#nav ul{
 +
position:absolute;
 +
max-height:0;
 +
left: 0;
 +
right: 0;
 +
overflow:hidden;
 +
-moz-transition: .8s all .3s;
 +
-webkit-transition: .8s all .3s;
 +
transition: .8s all .3s;
 +
}
 +
#nav li:hover ul{
 +
max-height:15em;
 +
}
 +
 +
#nav a{
 +
text-decoration:none;
 +
display:block;
 +
padding:8px 32px;
 +
color:#fff;
 +
font-family:arial;
 +
}
 +
#nav ul a{
 +
padding:8px 0;
 +
}
 +
#nav li:hover li a{
 +
text-transform:inherit;
 +
}
 +
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
 +
color:#000;
 +
}
 +
</style>
</style>

Revision as of 10:10, 28 August 2014

Retrieved from "http://2014.igem.org/Template:Team:Paris_Bettencourt/Menu"