Template:INSA-Lyon/menu
From 2010.igem.org
(Difference between revisions)
m |
|||
Line 4: | Line 4: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | . | + | .bouton3D { |
- | width: | + | width: 100%; |
height: 30px; | height: 30px; | ||
- | background: url('https://static.igem.org/mediawiki/2010/ | + | 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: | ||
} | } | ||
- | |||
- | |||
- | |||
- | + | .bouton3D:hover{ | |
- | + | text-decoration: underline; | |
- | . | + | <!-- background-image:none; |
- | + | background-color:#1fe14d; --> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background-image:none; | + | |
- | background-color: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
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: | + | #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: | + | #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: | + | #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: | + | #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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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