Template:Imperial/09/Menu

From 2009.igem.org

(Difference between revisions)
 
(72 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: 200px;
+
     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 top;
+
     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: 200px;
+
     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 top;
+
     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;
}
}
Line 54: Line 89:
     display: block;
     display: block;
     width: 200px;
     width: 200px;
-
     height: 19px;
+
     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 top;
+
     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_header {
+
/*----------------------------------------------------------------------------*/
 +
/* 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/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom;
+
     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="selflink"> Home</strong></li>
+
<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="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Project"> Project Description</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Home"> Home</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Major_results"> Major results</a></li>
+
<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="menu_header"> Module 1: Protein production</li>
+
<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="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M1"> Overview</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1"> Overview</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M1/Genetic"> Genetic circuit</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Genetic"> Genetic circuit</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M1/Results"> Results</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Results"> Results</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M1/Modelling"> Modelling</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Modelling"> Modelling</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="menu_header"> Module 2: Encapsulation</li>
+
<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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M2"> Overview</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2"> Overview</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M2/Genetic"> Genetic circuit</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Genetic"> Genetic circuit</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M2/Results"> Results</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Results"> Results</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M2/Modelling"> Modelling</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Modelling"> Modelling</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M2/Pictures"> Picture gallery</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Pictures"> Picture gallery</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="menu_header"> Module 3: Genomic neutralisation</li>
+
<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="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M3"> Overview</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M3"> Overview</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M3/Genetic"> Genetic circuit</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Genetic"> Genetic circuit</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M3/Results"> Results</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Results"> Results</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/M3/Modelling"> Modelling</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Modelling"> Modelling</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="menu_header"> Resources</li>
+
<li class="menu_header_Resources"> Resources</li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Wetlab"> Wetlab</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"> Wetlab</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Drylab"> Drylab</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Drylab"> Drylab</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="menu_header"> Ethics project</li>
+
<li class="menu_header_Ethics"> Ethics Project</li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Ethics"> Overview</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics"> Overview</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Ethics/Videos"> Video gallery</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics/Videos"> Video gallery</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Ethics/Contribute"> Contribute!</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics/Contribute"> Contribute!</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="menu_header"> Team</li>
+
<li class="menu_header_Team"> Team</li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Contact"> Contact</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Team"> Who are we?</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Team"> Who are we?</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Contact"> Contact</a></li>
-
<li><a href="http://openwetware.org/wiki/IGEM:IMPERIAL/2009/Friends"> Our friends</a></li>
+
<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