Template:INSA-Lyon/menu
From 2010.igem.org
(Difference between revisions)
(26 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
float: left; | float: left; | ||
text-align: center; | text-align: center; | ||
- | + | padding: 0; | |
- | + | margin: auto; | |
} | } | ||
.bouton3D:hover{ | .bouton3D:hover{ | ||
- | + | ||
- | + | background-image: url('https://static.igem.org/mediawiki/2010/d/dd/Bouton_enfonce.png'); | |
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#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:0px;} | + | #menu li dl {position:absolute; top:0; left:0; padding-bottom:0px; width: 137px; height: 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; top:0; left:0; padding-bottom:0px; width: 137px; height: auto;} |
#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:40px;} | #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: 0px 0 0px 0; background: transparent;} |
#menu dt {margin:0px; 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:transparent; color: #000000; font-size: 0.91em; text-align:left;} | + | #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; color: #000000; text-align:center; border-width:0 1px 1px 1px; background:transparent; padding:0.4em 0 0.2em 0;} | + | #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; } | + | #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:# | + | |
+ | #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 dd a:hover {background:#11b60c; color:#000000;} | ||
- | #menu b {display:block; overflow:hidden; height:1px;} | + | |
+ | #menu b {display:block; overflow:hidden; height:1px;background:#1bef39;} | ||
#menu b.p5 {background:#1bef39; margin:0 5px; border:0px; border-width:0 0px;} | #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.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:1px;#1bef39; margin:0 1px; border-width:0 0px;} | + | #menu b.p8 {height:1px; background:#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;} | ||
Line 100: | Line 103: | ||
<dl> | <dl> | ||
<dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Project">Droppy Project</a></div></dt> | <dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Project">Droppy Project</a></div></dt> | ||
- | <dd><a href="/Team:INSA-Lyon/Project/ | + | <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><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> | <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> | </dl> | ||
Line 121: | Line 127: | ||
<!--[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="bouton3D"><a href="/Team:INSA-Lyon/ | + | <dt><div class="bouton3D"><a href="/Team:INSA-Lyon/Parts">Parts</a></div></dt> |
- | + | ||
- | + | ||
</dl> | </dl> | ||
Latest revision as of 04:18, 26 August 2010