Template:Team:IBB Pune/stylesheet

From 2009.igem.org

/* Nav Menu

*/

ul#nav {

 height: 43px;
 left: 0;
 list-style: none;
 margin: 0 0 0 20px;
 min-width: 750px;
 padding: 0;
 position: absolute;
 top: 190px;
 width: 96%;

} body.homepage ul#nav {

 top: 328px;

} ul#nav li {

 display: block;
 float: left;
 margin-right: 1%;
 padding: 0;
 position: relative;
 width: 19%;
 z-index: 5;

} ul#nav li:last-child {

 margin-right: 0;

} ul#nav li a {

 background-color: #393939;
 border: 1px solid #545353;
 display: block;
 font-size: 15px;
 line-height: 41px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;

} ul#nav li:hover a, ul#nav li.hover a, ul#nav li a:hover, body.homepage ul#nav li.homepage a, body.rational ul#nav li.rational a, body.singularity ul#nav li.singularity a, body.other ul#nav li.other a, body.contact ul#nav li.contact a {

 background-color: #fff;
 border-color: #fff;
 color: #000;

} /* ------------------------------ Dropdowns */ ul#nav li ul {

 background-color: #fff;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 display: none;
 left: -1px;
 margin: 0;
 padding: 0 5% 5px;
 position: absolute;
 top: 43px;
 width: 90%;
 z-index: 10;

} ul#nav li:hover ul, ul#nav li.hover ul {

 display: block;

} ul#nav li ul li {

 display: block;
 float: none;
 margin: 0;
 width: 100%;

} ul#nav li ul li a {

 background: url(/assets/images/nav-doc.gif) no-repeat 5px 7px;
 border-top: none !important;
 border-left: none !important;
 border-right: none !important;
 border-bottom: 1px solid #d8d8d8 !important;
 color: #000;
 font-size: 12px;
 line-height: 16px;
 padding: 7px 10px 7px 22px;
 text-align: left;
 text-transform: none;

} ul#nav li ul li:last-child a {

 border-bottom: none !important;

} ul#nav li ul li a:hover {

 background-color: #efefef !important;

}