Template:INSA-Lyon/menu

From 2010.igem.org

(Difference between revisions)
m
Line 4: Line 4:
<style type="text/css">
<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 {
+
.bouton3D {
-
     width: 96%;
+
     width: 100%;
     height: 30px;
     height: 30px;
-
     background: url('https://static.igem.org/mediawiki/2010/7/7f/Bouton_milieu_fonce.png');
+
     background: url('https://static.igem.org/mediawiki/2010/6/6b/Bouton_137.png');
     float: left;
     float: left;
     text-align: center;
     text-align: center;
Line 22: Line 15:
}
}
-
.bmilieu:hover{
 
-
background-image:none;
 
-
background-color:rgb(255, 22, 129);
 
-
}
+
.bouton3D:hover{
-
 
+
text-decoration: underline;
-
.bdroit:hover{
+
<!-- background-image:none;
-
background-image:none;
+
background-color:#1fe14d; -->
-
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;
+
}
}
Line 55: Line 32:
#menu {list-style-type:none; margin:-30px 0 20px 0; padding:0; width:900px center;list-style: none;}
#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:137px; margin-top:-0.3cm; height:3em; z-index:100;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:137px; margin-top:-0.3cm; height:3em; z-index:100;}
-
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
+
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0px;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
-
#menu li:hover dl, #menu li a:hover dl {padding-bottom:8px;}
+
#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 table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 137px; margin: 0; padding: 0; background: transparent;}
#menu dl {width: 137px; margin: 0; padding: 0; background: transparent;}
-
#menu dt {margin:0; padding: 8px 0 8px 0;border:0px;}
+
#menu dt {margin:0px; 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 dd {margin:0; padding:0; background:#1bef39; color: #000000; font-size: 0.91em; text-align:left;}
Line 80: Line 57:
#menu b.p6 {background:#1bef39; margin:0 3px; 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.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 b.p8 {height:1px;#1bef39; margin:0 1px; border-width:0 0px;}
#menu li:hover b.p2, #menu a:hover b.p2 {background:#1bef39;}
#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.p3, #menu a:hover b.p3 {background:#1bef39;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#1bef39;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#1bef39;}
 +
 +
</style>
</style>
Line 97: Line 76:
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dl>
-
<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon">Home</a></div><div class="bdroit"></div></dt>
+
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon">Home</a></div></dt>
</dl>
</dl>
Line 105: Line 84:
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dl>
-
<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Team">About us</a></div><div class="bdroit"></div></dt>
+
<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/Students">Students</a></dd>
<dd><a href="/Team:INSA-Lyon/Team/Supervisors">Supervisors</a></dd>
<dd><a href="/Team:INSA-Lyon/Team/Supervisors">Supervisors</a></dd>
Line 111: Line 90:
<dd><a href="/Team:INSA-Lyon/Team/Lyon">Discover Lyon</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>
         <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>
</dl>
Line 118: Line 99:
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dl>
-
<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Project">Droppy Project</a></div><div class="bdroit"></div></dt>
+
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Project">Droppy Project</a></div></dt>
<dd><a href="/Team:INSA-Lyon/Project/Overview">Overview</a></dd>
<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/Modeling">Modeling</a></dd>
Line 130: Line 111:
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dl>
-
<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Safety">Human Practice</a></div><div class="bdroit"></div></dt>
+
<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><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>
<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>
Line 140: Line 121:
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dl>
-
<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Notebook">Notebook</a></div><div class="bdroit"></div></dt>
+
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Notebook">Notebook</a></div></dt>
<dd><a href="/Team:INSA-Lyon/Notebook/Calendar">Calendar</a></dd>
<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>
<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>
Line 150: Line 131:
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dl>
-
<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Sponsors">Sponsors</a></div><div class="bdroit"></div></dt>
+
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Sponsors">Sponsors</a></div></dt>
</dl>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
Line 158: Line 139:
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dl>
-
<dt><div class="bgauche"></div><div class="bmilieu"><a href="/Team:INSA-Lyon/Contact">Contact Us</a></div><div class="bdroit"></div></dt>
+
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Contact">Contact Us</a></div></dt>
</dl>
</dl>

Revision as of 09:46, 21 August 2010