Template:Imperial/09/Menu/Reduced



/**/ /* Menu headers                                                              */ /**/

width: 200px; height: 15px; margin: 0px auto; border: none; position:relative; float: left; }
 * 1) II09_Menu_Header_Wrapper{

/* prepares the background image to full capacity of the viewing area */ position: absolute; z-index: 0; width: 200px; height: 15px; }
 * 1) II09_Menu_Header_Background {

/* Places the content on top of the background image */ position: relative; z-index: 1; padding: 2px 4px; height: 15px; font: calibri; }
 * 1) II09_Menu_Header_Content {

/**/ /* Menu                                                                      */ /**/

width: 200px; margin: 25px 15px 45px 0px; position: relative; float: left; font: 11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif; z-index: 4; }
 * 1) menu {

padding: 0; margin: 0 0 10px 0; list-style: none; }
 * 1) menu ul {


 * 1) menu li {margin:0;}


 * 1) menu a {margin:0;}

display: block; width: 185px; height: 19px; margin-top: 1px; margin-left: 15px; background: url(http://openwetware.org/images/4/46/II09_Menu_ItemHover.png) no-repeat right bottom; padding: 2px 4px; text-decoration: none; color: #fff; font: calibri; }
 * 1) menu .sa {

display: block; width: 185px; height: 19px; margin-top: 1px; margin-left: 15px; background: url(http://openwetware.org/images/b/bf/II09_Menu_Item.png) no-repeat right bottom; padding: 2px 4px; font: calibri; }
 * 1) menu .sa:hover {

margin: 0; padding: 0; width: 156px; }
 * 1) menu sa.external {

display: block; width: 200px; height: 45px; border: 1px #bbb; padding: 2px 4px; text-align: left; font: calibri; z-index: -2; }
 * 1) menu .sb {

font-weight: bold; width: 200px; height: 45px; border: 1px #000; padding: 2px 4px; text-align: left; font: calibri; z-index: -2; }
 * 1) menu .sb:hover {

/**/ /* Menu headers for each title                                               */ /**/

.menu_header_1 { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/5/51/II09_Menu_Header_Purple.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_1_disabled { font-weight:bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_1_disabled:hover { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/5/51/II09_Menu_Header_Purple.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; }

.menu_header_2 { font-weight:bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/2/29/II09_Menu_Header_Blue.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_2_disabled { font-weight:bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_2_disabled:hover { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/2/29/II09_Menu_Header_Blue.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; }

.menu_header_3 { font-weight:bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/6/67/II09_Menu_Header_Turquoise.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_3_disabled { font-weight:bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_3_disabled:hover { font-weight: bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/6/67/II09_Menu_Header_Turquoise.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_4 { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/1/14/II09_Menu_Header_Green.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_4_disabled { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_4_disabled:hover { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/1/14/II09_Menu_Header_Green.png) repeat-x top; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_5 { font-weight: bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/b/b1/II09_Menu_Header_GrnYellow.png) repeat-x top; color: #111; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_5_disabled { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_5_disabled:hover { font-weight: bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/b/b1/II09_Menu_Header_GrnYellow.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; }

.menu_header_6 { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/0/09/II09_Menu_Header_Yellow.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_6_disabled { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_6_disabled:hover { font-weight: bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/0/09/II09_Menu_Header_Yellow.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; }

.menu_header_7 { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/c/c5/II09_Menu_Header_YelOrange.png) repeat-x top; color: #111; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_7_disabled { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_7_disabled:hover { font-weight: bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/c/c5/II09_Menu_Header_YelOrange.png) repeat-x top; color: #111; padding: 2px 4px; text-align: left; font: calibri; }

.menu_header_8 { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/0/05/II09_Menu_Header_Orange.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_8_disabled { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri } .menu_header_8_disabled:hover { font-weight: bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/0/05/II09_Menu_Header_Orange.png) repeat-x top; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_9{ font-weight: bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/8/86/II09_Menu_Header_Red.png) repeat-x top; color: #111; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_9_disabled { font-weight: bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align: left; font: calibri; } .menu_header_9_disabled:hover { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/8/86/II09_Menu_Header_Red.png) repeat-x top; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_10 { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/b/b0/II09_Menu_Header_Maroon.png) repeat-x top; color: #111; padding: 2px 4px; text-align:left; font: calibri; } .menu_header_10_disabled { font-weight:bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align:left; font: calibri; } .menu_header_10_disabled:hover { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/b/b0/II09_Menu_Header_Maroon.png) repeat-x top; padding: 2px 4px; text-align:left; font: calibri; }

.menu_header_11 { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/1/1a/II09_Menu_Header_Purple2.png) repeat-x top; color: #111; padding: 2px 4px; text-align:left; font: calibri; } .menu_header_11_disabled { font-weight:bold; width: 200px; height: 45px; border: 1px solid #bbb; background: url(http://2009.igem.org/wiki/images/9/94/II09_Menu_Header_Gray.png) repeat-x bottom; padding: 2px 4px; text-align:left; font: calibri; } .menu_header_11_disabled:hover { font-weight:bold; width: 200px; height: 45px; border: 1px solid #000; background: url(http://2009.igem.org/wiki/images/1/1a/II09_Menu_Header_Purple2.png) repeat-x top; padding: 2px 4px; text-align:left; font: calibri; }

  if (addressSplit[3]=='Team:Imperial_College_London'){ if (typeof(addressSplit[4])=='undefined' || addressSplit[4]=='Major_results' || addressSplit[4]=='Biobricks' || addressSplit[4]=='Achievements' || addressSplit[4]=='Pill_Manufacture'){ document.write(' Home'); }else{ document.write(' Home'); } }else{ document.write(' Home</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='M1'){ document.write('<li class="menu_header_2"><img src="http://2009.igem.org/wiki/images/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</a></li>'); }else{ document.write('<li class="menu_header_2_disabled"><img src="http://2009.igem.org/wiki/images/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='M2'){ document.write('<li class="menu_header_3"><img src="http://2009.igem.org/wiki/images/d/df/II09_Thumb_m2.png" width="15%" align="left"> Module 2: Encapsulation</a></li>'); }else{ document.write('<li class="menu_header_3_disabled"><img src="http://2009.igem.org/wiki/images/d/df/II09_Thumb_m2.png" width="15%" align="left"> Module 2: Encapsulation</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='M3'){ document.write('<li class="menu_header_4"><img src="http://2009.igem.org/wiki/images/2/25/II09_Thumb_m3.png" width="15%" align="left"> Module 3: Genome Deletion</a></li>'); }else{ document.write('<li class="menu_header_4_disabled"><img src="http://2009.igem.org/wiki/images/2/25/II09_Thumb_m3.png" width="15%" align="left"> Module 3: Genome Deletion</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='Temporal_Control'){ document.write('<li class="menu_header_5"><img src="http://2009.igem.org/wiki/images/3/3c/II09_Temporal_control.png" width="18%" align="left"> Module integration</a></li>'); }else{ document.write('<li class="menu_header_5_disabled"><img src="http://2009.igem.org/wiki/images/3/3c/II09_Temporal_control.png" width="18%" align="left"> Module integration</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='Wetlab'){ document.write('<li class="menu_header_6"><img src="http://2009.igem.org/wiki/images/0/02/II09_Flasks.png" width="20%" align="left"> Wet Lab</a></li>'); }else{ document.write('<li class="menu_header_6_disabled"><img src="http://2009.igem.org/wiki/images/0/02/II09_Flasks.png" width="20%" align="left"> Wet Lab</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='Drylab'){ document.write('<li class="menu_header_7"><img src="http://2009.igem.org/wiki/images/c/ce/II09_DryLabThumb.png" width="20%" align="left"> Dry Lab</a></li>'); }else{ document.write('<li class="menu_header_7_disabled"><img src="http://2009.igem.org/wiki/images/c/ce/II09_DryLabThumb.png" width="20%" align="left"> Dry Lab</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='HumanPractices'){ document.write('<li class="menu_header_8"><img src="http://2009.igem.org/wiki/images/8/80/II09_EthicsThumb.png" width="20%" align="left"> Human Practices Project</a></li>'); }else{ document.write('<li class="menu_header_8_disabled"><img src="http://2009.igem.org/wiki/images/8/80/II09_EthicsThumb.png" width="20%" align="left"> Human Practices Project</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='Resources'){ document.write('<li class="menu_header_9"><img src="http://2009.igem.org/wiki/images/7/76/II09_Resources.png" width="20%" align="left"> Notebook</a></li>'); }else{ document.write('<li class="menu_header_9_disabled"><img src="http://2009.igem.org/wiki/images/7/76/II09_Resources.png" width="20%" align="left"> Notebook</a></li>'); } </ul>

<ul> <script type="text/javascript"> if (addressSplit[4]=='Team' || addressSplit[4]=='Contact' || addressSplit[4]=='Friends' || addressSplit[4]=='Gallery'){ document.write('<li class="menu_header_10"><a class="sb" href="http://2009.igem.org/Team:Imperial_College_London/Team"> Team</a></li>'); document.write('<li><a class="sa" href="http://2009.igem.org/Team:Imperial_College_London/Contact"> Contact</a></li>'); document.write('<li><a class="sa" href="http://2009.igem.org/Team:Imperial_College_London/Friends"> Our friends</a></li>'); }else{ document.write('<li class="menu_header_10_disabled"><a class="sb" href="http://2009.igem.org/Team:Imperial_College_London/Team"> Team</a></li>'); } </ul>