Template:Imperial/09/Menu
From 2009.igem.org
(Difference between revisions)
(73 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* Menu headers */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #II09_Menu_Header_Wrapper{ | ||
+ | width: 200px; | ||
+ | height: 15px; | ||
+ | margin: 0px auto; | ||
+ | border: none; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | /* prepares the background image to full capacity of the viewing area */ | ||
+ | #II09_Menu_Header_Background { | ||
+ | position:absolute; | ||
+ | z-index:0; | ||
+ | width:200px; | ||
+ | height: 15px; | ||
+ | } | ||
+ | |||
+ | /* Places the content on top of the background image */ | ||
+ | #II09_Menu_Header_Content { | ||
+ | position:relative; | ||
+ | z-index:1; | ||
+ | padding: 2px 4px; | ||
+ | height: 15px; | ||
+ | font: calibri; | ||
+ | } | ||
+ | |||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
/* Menu */ | /* Menu */ | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
#menu { | #menu { | ||
width: 200px; | width: 200px; | ||
Line 9: | Line 40: | ||
position: relative; | position: relative; | ||
float: left; | float: left; | ||
+ | font: Calibri; | ||
} | } | ||
+ | |||
#menu ul { | #menu ul { | ||
Line 23: | Line 56: | ||
#menu a { | #menu a { | ||
display: block; | display: block; | ||
- | width: | + | width: 185px; |
height: 19px; | height: 19px; | ||
margin-top: 1px; | margin-top: 1px; | ||
margin-left:15px; | margin-left:15px; | ||
- | background: url(http://openwetware.org/images/4/46/II09_Menu_ItemHover.png) no-repeat right | + | background: url(http://openwetware.org/images/4/46/II09_Menu_ItemHover.png) no-repeat right bottom; |
padding: 2px 4px; | padding: 2px 4px; | ||
text-decoration: none; | text-decoration: none; | ||
color: #fff; | color: #fff; | ||
+ | font: calibri; | ||
} | } | ||
#menu a:hover { | #menu a:hover { | ||
display: block; | display: block; | ||
- | width: | + | width: 185px; |
height: 19px; | height: 19px; | ||
margin-top: 1px; | margin-top: 1px; | ||
margin-left:15px; | margin-left:15px; | ||
- | background: url(http://openwetware.org/images/b/bf/II09_Menu_Item.png) no-repeat right | + | background: url(http://openwetware.org/images/b/bf/II09_Menu_Item.png) no-repeat right bottom; |
padding: 2px 4px; | padding: 2px 4px; | ||
color: #000; | color: #000; | ||
+ | font: calibri; | ||
} | } | ||
#menu .selflink { | #menu .selflink { | ||
/*font-weight:bold; | /*font-weight:bold; | ||
- | width: | + | width: 200px; |
border: 1px solid #bbb; | border: 1px solid #bbb; | ||
background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom; | background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom; | ||
Line 54: | Line 89: | ||
display: block; | display: block; | ||
width: 200px; | width: 200px; | ||
- | height: | + | height: 30px; |
margin-top: 1px; | margin-top: 1px; | ||
border: 1px solid #bbb; | border: 1px solid #bbb; | ||
- | background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x left | + | background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x left bottom; |
padding: 2px 4px; | padding: 2px 4px; | ||
color: #000; | color: #000; | ||
+ | font: calibri; | ||
} | } | ||
Line 68: | Line 104: | ||
} | } | ||
- | . | + | /*----------------------------------------------------------------------------*/ |
+ | /* Menu headers for each title */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | .menu_header_Home { | ||
font-weight:bold; | font-weight:bold; | ||
+ | border: 5px solid #fff; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/5/51/II09_Menu_Header_Purple.png) repeat-x bottom; | ||
+ | color: #111; | ||
+ | padding: 2px 4px; | ||
+ | text-align:left; | ||
+ | |||
+ | display: block; | ||
width: 200px; | width: 200px; | ||
+ | height: 35px; | ||
+ | margin-top: 1px; | ||
+ | font: calibri; | ||
+ | padding: 2px 4px; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | |||
+ | .menu_header_M1 { | ||
+ | font-weight:bold; | ||
+ | width: 200px; | ||
+ | height: 35px; | ||
border: 1px solid #bbb; | border: 1px solid #bbb; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | background: url(https://static.igem.org/mediawiki/2009/2/29/II09_Menu_Header_Blue.png) repeat-x bottom; |
color: #111; | color: #111; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
+ | text-align:left; | ||
+ | font: calibri; | ||
+ | } | ||
+ | |||
+ | |||
+ | .menu_header_M2 { | ||
+ | font-weight:bold; | ||
+ | width: 200px; | ||
+ | height: 35px; | ||
+ | border: 1px solid #bbb; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/1/14/II09_Menu_Header_Green.png) repeat-x top; | ||
+ | color: #111; | ||
+ | padding: 2px 4px; | ||
+ | text-align:left; | ||
+ | font: calibri; | ||
+ | } | ||
+ | |||
+ | .menu_header_M3 { | ||
+ | font-weight:bold; | ||
+ | width: 200px; | ||
+ | height: 35px; | ||
+ | border: 1px solid #bbb; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/0/09/II09_Menu_Header_Yellow.png) repeat-x top; | ||
+ | color: #111; | ||
+ | padding: 2px 4px; | ||
+ | text-align:left; | ||
+ | font: calibri; | ||
+ | } | ||
+ | |||
+ | .menu_header_Resources { | ||
+ | font-weight:bold; | ||
+ | width: 200px; | ||
+ | height: 35px; | ||
+ | border: 1px solid #bbb; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/0/05/II09_Menu_Header_Orange.png) repeat-x top; | ||
+ | color: #111; | ||
+ | padding: 2px 4px; | ||
+ | text-align:left; | ||
+ | font: calibri; | ||
+ | } | ||
+ | |||
+ | .menu_header_Ethics { | ||
+ | font-weight:bold; | ||
+ | width: 200px; | ||
+ | height: 35px; | ||
+ | border: 1px solid #bbb; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/8/86/II09_Menu_Header_Red.png) repeat-x top; | ||
+ | color: #111; | ||
+ | padding: 2px 4px; | ||
+ | text-align:left; | ||
+ | font: calibri; | ||
+ | } | ||
+ | |||
+ | .menu_header_Team { | ||
+ | font-weight:bold; | ||
+ | width: 200px; | ||
+ | height: 35px; | ||
+ | border: 1px solid #bbb; | ||
+ | background: url(https://static.igem.org/mediawiki/2009/b/b0/II09_Menu_Header_Maroon.png) repeat-x top; | ||
+ | color: #111; | ||
+ | padding: 2px 4px; | ||
+ | text-align:left; | ||
+ | font: calibri; | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <!--[if IE 6]> | ||
+ | <style type="text/css"> | ||
+ | html {overflow-y:hidden;} | ||
+ | body {overflow-y:auto;} | ||
+ | #bg {position:absolute; z-index:-1;} | ||
+ | #content {position:static;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
<div id="menu"> | <div id="menu"> | ||
<ul> | <ul> | ||
- | <li><strong class=" | + | <li><strong class="menu_header_Home"><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left"> Home</strong></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Home"> Home</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Project"> Project Description</a></li> |
+ | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Major_results"> Major results</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Biobricks"> Submitted parts</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Achievements"> Achievements</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Manufacturing"> Manufacturing considerations</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Genealogy"> Genealogy</a></li> | ||
</ul> | </ul> | ||
<ul> | <ul> | ||
- | <li class=" | + | <li class="menu_header_M1"><img src="https://static.igem.org/mediawiki/2009/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M1"> Overview</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Genetic"> Genetic circuit</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Results"> Results</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Modelling"> Modelling</a></li> |
</ul> | </ul> | ||
<ul> | <ul> | ||
- | <li class=" | + | <li class="menu_header_M2"><img src="https://static.igem.org/mediawiki/2009/d/df/II09_Thumb_m2.png" width="15%" align="left">Module 2: Encapsulation </li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M2"> Overview</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Genetic"> Genetic circuit</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Results"> Results</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Modelling"> Modelling</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Pictures"> Picture gallery</a></li> |
</ul> | </ul> | ||
<ul> | <ul> | ||
- | <li class=" | + | <li class="menu_header_M3"><img src="https://static.igem.org/mediawiki/2009/2/25/II09_Thumb_m3.png" width="15%" align="left">Module 3: Genome Deletion</li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M3"> Overview</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Genetic"> Genetic circuit</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Results"> Results</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Modelling"> Modelling</a></li> |
</ul> | </ul> | ||
<ul> | <ul> | ||
- | <li class=" | + | <li class="menu_header_Resources"> Resources</li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"> Wetlab</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Drylab"> Drylab</a></li> |
</ul> | </ul> | ||
<ul> | <ul> | ||
- | <li class=" | + | <li class="menu_header_Ethics"> Ethics Project</li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics"> Overview</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics/Videos"> Video gallery</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics/Contribute"> Contribute!</a></li> |
</ul> | </ul> | ||
<ul> | <ul> | ||
- | <li class=" | + | <li class="menu_header_Team"> Team</li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Team"> Who are we?</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Contact"> Contact</a></li> |
- | <li><a href=" | + | <li><a href="https://2009.igem.org/Team:Imperial_College_London/Friends"> Our friends</a></li> |
</ul> | </ul> | ||
Latest revision as of 11:08, 11 September 2009