Template:INSA-Lyon/menu

<html>


<style type="text/css">

.bgauche {
    width: 2%;
    height: 30px;
    background: url('https://static.igem.org/mediawiki/2010/5/56/Bouton_gauche_fonce.png');
    float: left;
    
}

.bmilieu {
    width: 96%;
    height: 30px;
    background: url('https://static.igem.org/mediawiki/2010/7/7f/Bouton_milieu_fonce.png');
    float: left;
    text-align: center;
    font-size: 12px:
    padding: 7px;
}

.bmilieu:hover{
background-image:none;
background-color:rgb(255, 22, 129);

}

.bdroit:hover{
background-image:none;
background-color:rgb(255, 22, 129);
}

.bgauche:hover{
background-image:none;
background-color:rgb(255, 22, 129);
}

.bdroit {
    width: 2%;
    height: 30px;
    background: url('https://static.igem.org/mediawiki/2010/e/ef/Bouton_droite_fonce.png');
    float: left;
}


.mfin {
   -moz-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
}



#menu {list-style-type:none; margin:-30px 0 20px 0; padding:0; width:900px center;list-style: none;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:135.45px; margin-top:-0.3cm; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:8px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 135.5px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 8px 0 8px 0;border:0px;}

#menu dd {margin:0; padding:0; background:#1bef39; color: #000000; font-size: 0.91em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-size: 12px; color: #000000; text-align:center; border-width:0 1px 1px 1px;  background:transparent; padding:0.4em 0 0.2em 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#000000;  background:transparent; }

#menu dd a, #menu dd a:visited {background:#1bef39; color:#000000; padding:0.3em 0; text-decoration:none; display:block;  text-align:center;}

#menu dd a:hover {background:#11b60c; color:#000000;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p5 {background:#1bef39; margin:0 5px; border:0px; border-width:0 0px;}
#menu b.p6 {background:#1bef39; margin:0 3px; border:0px; border-width:0 0px;}
#menu b.p7 {background:#1bef39; margin:0 2px; border:0px; border-width:0 0px;}
#menu b.p8 {height:2px; #1bef39; margin:0 1px; border-width:0 0px;}

#menu li:hover b.p2, #menu a:hover b.p2 {background:#1bef39;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#1bef39;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#1bef39;}
</style>






<ul id="menu">

<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
	<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon">Home</a></div><div class="bdroit"></div></dt>
</dl>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
	<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Team">About us</a></div><div class="bdroit"></div></dt>
	<dd><a href="/Team:INSA-Lyon/Team/Students">Students</a></dd>
	<dd><a href="/Team:INSA-Lyon/Team/Supervisors">Supervisors</a></dd>
	<dd><a href="/Team:INSA-Lyon/Team/Insa">The INSA</a></dd>
	<dd><a href="/Team:INSA-Lyon/Team/Lyon">Discover Lyon</a></dd>
        <dd><div class="mfin"><a href="/Team:INSA-Lyon/Team/Gallery">Gallery</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></div></dd>
</dl>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
	<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Project">Droppy Project</a></div><div class="bdroit"></div></dt>
	<dd><a href="/Team:INSA-Lyon/Project/Overview">Overview</a></dd>
	<dd><a href="/Team:INSA-Lyon/Project/Modeling">Modeling</a></dd>
	<dd><a href="/Team:INSA-Lyon/Project/Parts">Parts</a></dd>
	<dd><div class="mfin"><a href="/Team:INSA-Lyon/Project/References">References</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></div></dd>
</dl>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
	<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Safety">Human Practice</a></div><div class="bdroit"></div></dt>
	<dd><a href="/Team:INSA-Lyon/Safety/Ethics">Ethics</a></dd>
	<dd><div class="mfin"><a href="/Team:INSA-Lyon/Safety/Safety">Safety</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></div></dd>
</dl>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
	<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Notebook">Notebook</a></div><div class="bdroit"></div></dt>
	<dd><a href="/Team:INSA-Lyon/Notebook/Calendar">Calendar</a></dd>
	<dd><div class="mfin"><a href="/Team:INSA-Lyon/Notebook/Protocols">Protocols</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></div></dd>
</dl>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
	<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Sponsors">Sponsors</a></div><div class="bdroit"></div></dt>
	</dl>
</li>

<li>
<dl>
	<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Contact">Contact Us</a></div><div class="bdroit"></div></dt>
	
</dl>
</li>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

</ul>




</html>