Template:INSA-Lyon/menu

From 2010.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> .bgauche { width: 2%; height: 30px; background: url('https://static.igem.org/mediawiki/2010/d/d0/Bouton_gauche.png'); float: left; } .bmil...)
 
(86 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
.bgauche {
+
 
-
     width: 2%;
+
.bouton3D {
 +
     width: 100%;
     height: 30px;
     height: 30px;
-
     background: url('https://static.igem.org/mediawiki/2010/d/d0/Bouton_gauche.png');
+
     background: url('https://static.igem.org/mediawiki/2010/6/6b/Bouton_137.png');
     float: left;
     float: left;
-
      
+
     text-align: center;
 +
padding: 0;
 +
margin: auto;
}
}
-
.bmilieu {
+
 
-
    width: 96%%;
+
.bouton3D:hover{
-
    height: 30px;
+
-
    background: url('https://static.igem.org/mediawiki/2010/5/59/Bouton_milieu.png');
+
background-image: url('https://static.igem.org/mediawiki/2010/d/dd/Bouton_enfonce.png');
-
    float: left;
+
-
    text-align: center
+
-
    font-size: 12px:
+
-
    padding: 7px;
+
}
}
-
.bdroit {
+
#menu {list-style-type:none; margin:-30px 0 20px 0; padding:0; width:900px center;list-style: none;}
-
    width: 2%;
+
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:137px; margin-top:-0.3cm; height:3em; z-index:100;}
-
    height: 30px;
+
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0px; width: 137px; height: 0px;}
-
    background: url('https://static.igem.org/mediawiki/2010/1/16/Bouton_droite.png');
+
#menu li a, #menu li a:visited {text-decoration:none;}
-
    float: left;
+
#menu li dd {display:none; top:0; left:0; padding-bottom:0px; width: 137px; height: auto;}
 +
#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:40px;}
 +
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
 +
#menu dl {width: 137px; margin: 0; padding: 0px 0 0px 0; background: transparent;}
 +
#menu dt {margin:0px; padding: 8px 0 8px 0;border:0px;}
 +
 
 +
#menu dd {margin:0; padding:0; background: transparent; color: #000000; font-size: 0.91em; text-align:left; }
 +
 
 +
#menu dt a, #menu dt a:visited {display:block; font-size: 12px; font-family: Verdana, serif; font-weight: bold; text-align: center; 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;*/
 +
background-image: url('https://static.igem.org/mediawiki/2010/d/dd/Bouton_enfonce.png');
 +
width: 100%;
 +
height: 80%;
 +
font-family: Verdana, serif;
 +
font-size: 11px;
 +
text-align: auto;
 +
font-weight: bold;
 +
vertical-align: auto;
}
}
 +
#menu dd a, #menu dd a:visited {background:#b3e5b7; 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;background:#1bef39;}
-
#menu {list-style-type:none; margin:-5px auto 0px auto; padding:0; width:900px;list-style: none;}
+
#menu b.p5 {background:#1bef39; margin:0 5px; border:0px; border-width:0 0px;}
-
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:120px; margin-top:-0.3cm; height:3em; z-index:100;}
+
#menu b.p6 {background:#1bef39; margin:0 3px; border:0px; border-width:0 0px;}
-
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
+
#menu b.p7 {background:#1bef39; margin:0 2px; border:0px; border-width:0 0px;}
-
#menu li a, #menu li a:visited {text-decoration:none;}
+
#menu b.p8 {height:1px; background:#1bef39; margin:0 1px; border-width:0 0px;}
-
#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:10px;}
+
-
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
+
-
#menu dl {width: 120px; margin: 0; padding: 0; background: transparent;}
+
-
#menu dt {margin:0; padding: 0;border:0px;}
+
-
#menu dd {margin:0; padding:0; color: #000000; font-size: 0.91em; text-align:left;}
+
#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;}
-
#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.25em 0 0.2em 0;}
 
-
#menu li:hover dt a, #menu a:hover dt a {color:#000000;  background:transparent; }
+
</style>
-
#menu dd a, #menu dd a:visited {background:transparent; color:#000000; padding:0.3em 0; text-decoration:none; display:block;  text-align:center;}
 
-
#menu dd a:hover {background:transparent; color:#000000;}
 
-
#menu b {display:block; overflow:hidden; height:1px;}
 
-
#menu b.p5 {background:transparent; margin:0 5px; border:0px; border-width:0 0px;}
 
-
#menu b.p6 {background:transparent; margin:0 3px; border:0px; border-width:0 0px;}
 
-
#menu b.p7 {background:transparent; margin:0 2px; border:0px; border-width:0 0px;}
 
-
#menu b.p8 {height:2px; transparent:#cee0c8; margin:0 1px; border-width:0 0px;}
 
-
#menu li:hover b.p2, #menu a:hover b.p2 {background:transparent;}
+
 
-
#menu li:hover b.p3, #menu a:hover b.p3 {background:transparent;}
+
<ul id="menu">
-
#menu li:hover b.p4, #menu a:hover b.p4 {background:transparent;}
+
 
-
</style>
+
<li>
 +
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
 +
<dl>
 +
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon">Home</a></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="bouton3D"><a href="/Team:INSA-Lyon/Team">About us</a></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="bouton3D"><a href="/Team:INSA-Lyon/Project">Droppy Project</a></div></dt>
 +
<dd><a href="/Team:INSA-Lyon/Project/Theory">Theory</a></dd>
 +
<dd><a href="/Team:INSA-Lyon/Project/Strategy">Strategy</a></dd>
 +
<dd><a href="/Team:INSA-Lyon/Project/Results">Results</a></dd>
 +
<dd><a href="/Team:INSA-Lyon/Project/Future_direction">Future Direction</a></dd>
 +
<dd><a href="/Team:INSA-Lyon/Project/Notebook">Notebook</a></dd>
 +
<dd><a href="/Team:INSA-Lyon/Project/Modeling">Modeling</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="bouton3D"><a href="/Team:INSA-Lyon/Safety">Human Practice</a></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="bouton3D"><a href="/Team:INSA-Lyon/Parts">Parts</a></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="bouton3D"><a href="/Team:INSA-Lyon/Sponsors">Sponsors</a></div></dt>
 +
</dl>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
 
 +
<li style="margin-right:0">
 +
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
 +
<dl>
 +
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Contact">Contact Us</a></div></dt>
 +
 +
</dl>
 +
</li>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
 
 +
</ul>
 +
 
 +
 
 +
 
 +
 
 +
</html>

Latest revision as of 04:18, 26 August 2010

Retrieved from "http://2010.igem.org/Template:INSA-Lyon/menu"