Template:Imperial/09/Menu: Difference between revisions
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
* {margin:0; padding:0} | * {margin:0; padding:0} | ||
#accordion {width:97%} | #accordion {width:97%; align:top;} | ||
.accordion {width:97%; font:12px Verdana,Arial; color:#033} | .accordion {width:97%; font:12px Verdana,Arial; color:#033} | ||
.accordion dt {width:97%; border:2px solid #1e3f8b; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} | .accordion dt {width:97%; border:2px solid #1e3f8b; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} |
Revision as of 10:13, 16 August 2009
<html> <head>
<!-- CSS Style Sheet Imperial College iGEM team 2009 --> <style type="text/css">
- {margin:0; padding:0}
- accordion {width:97%; align:top;}
.accordion {width:97%; font:12px Verdana,Arial; color:#033} .accordion dt {width:97%; border:2px solid #1e3f8b; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} .accordion dt:hover {background:url(images/header_over.gif)}
.accordion dth {width:97%; border:2px solid #1e3f8b; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} .accordion dth:hover {background:url(images/header_over.gif)} .accordion dt3 {width:97%; padding:1px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} .accordion dt3:hover {background:url(images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff} .accordion span {display:block; width:97%; border:2px solid #9ac1c9; border-top:none; padding:15px}
- accordion2 {width:259px; margin:50px auto; border:1px solid #333; border-top:none}
.accordion2 {width:259px; font:12px Verdana,Arial; color:#333} .accordion2 dt {width:247px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:3px solid #333} .accordion2 dt:hover {background-color:#555} .accordion2 .open {background-color:#444; background-image:url(images/arrow_up.gif)} .accordion2 dd {overflow:hidden; background:#fff} .accordion2 span {display:block; width:229px; border-top:none; padding:15px}
- accordion3 {width:100%; margin:50px auto; border:1px solid #333; border-top:none}
.accordion3 {width:100%; font:12px Verdana,Arial; color:#333} .accordion3 dt {width:100%; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333} .accordion3 dt:hover {background-color:#555} .accordion3 .open {background-color:#444; background-image:url(images/arrow_up.gif)} .accordion3 dd {overflow:hidden; background:#fff} .accordion3 span {display:block; width:100%; border-top:none; padding:15px}
- slideMenu
.sm {list-style:none; width:459px; height:100px; display:block; overflow:hidden} .sm li {float:left; display:inline; overflow:hidden}
- Table {
border: 2px solid #1E3F8B; padding: 30px; }
- Footer{
background:url(http://openwetware.org/images/a/af/II09_HMenu_Footer.png); width:80%; }
- Title{
width:97%; font:24px Verdana,Arial; color:#FFFFFF; center; }
- Paragraph{
width:97%; font:12px Verdana,Arial; color:#FFFFFF; text-align:justify;
}
</style> <script type="text/javascript" src="http://openwetware.org/images/3/3f/II09_Menu.txt"></script>
</head> <body> <div id="accordion"> <dl class="accordion" id="slider">
<dt><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Main">Home</a></dt><br><br> <dt><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Calendar">Calendar & Progress</a></dt><br><br>
Modules:
<dt>M0 - Auto-induction media</dt> <dd>
<span>
<a href="./M0">Main Page</a><br>
<a href="./M0/Assays">Assays</a><br> <a href="./M0/Modelling">Modelling</a><br> <a href="./M0/Results">Results</a><br> </span>
</dd>
<dt>M1 - Protein Production</dt>
<dd>
<span>
<a href="./M1">Main Page</a><br>
<a href="./M1/Assays">Assays</a><br> <a href="./M1/Modelling">Modelling</a><br> <a href="./M1/Results">Results</a><br> </span>
</dd> <dt>M2 - Encapsulation</dt> <dd> <span> <a href="./M2">Main Page</a><br>
<a href="./M2/Assays">Assays</a><br> <a href="./M2/Modelling">Modelling</a><br> <a href="./M2/Results">Results</a><br> </span>
</dd> <dt>M3 - Genomic neutralisation</dt> <dd> <span> <a href="./M3">Main Page</a><br>
<a href="./M3/Assays">Assays</a><br> <a href="./M3/Modelling">Modelling</a><br> <a href="./M3/Results">Results</a><br> </span>
</dd>
<br><br>
<dt>Achievements</dt>
<br><br>
<dt>Information</dt> <dd>
<span>
<a href="./Team">Team</a><br>
<a href="./Contact">Contact us</a><br> <a href="./Sponsors">Sponsors</a><br> </span>
</dd> </dl> </div> <!-- END OF MENU -->
<script type="text/javascript"> var slider1=new accordion.slider("slider1"); slider1.init("slider"); var slider3=new accordion.slider("slider3"); slider3.init("slider3",0,"open"); </script>
</body> </html>