Template:Imperial/09/Menu

From 2009.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 8: Line 8:
#II09_Menu_Header_Wrapper{
#II09_Menu_Header_Wrapper{
   width: 200px;
   width: 200px;
-
 
+
  height: 15px;
 +
  margin: 0px auto;
   border: none;
   border: none;
-
   float: right;
+
   float: left;
}
}
/* prepares the background image to full capacity of the viewing area */
/* prepares the background image to full capacity of the viewing area */
#II09_Menu_Header_Background {
#II09_Menu_Header_Background {
-
  position:absolute;
+
    position:absolute;
-
  z-index:0;
+
    z-index:0;
-
  width:200px;
+
    width:200px;
 +
  height: 15px;
}
}
/* Places the content on top of the background image */
/* Places the content on top of the background image */
#II09_Menu_Header_Content {
#II09_Menu_Header_Content {
-
position:relative;  
+
    position:relative;  
-
z-index:1;
+
    z-index:1;
-
padding: 2px 4px;
+
    padding: 2px 4px;
 +
  height: 15px;
 +
    font: calibri;
}
}
Line 36: Line 40:
     position: relative;
     position: relative;
     float: left;
     float: left;
 +
    font: Calibri;
}
}
Line 55: Line 60:
     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;
}
}
Line 67: Line 73:
     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 88: Line 95:
     padding: 2px 4px;
     padding: 2px 4px;
     color: #000;
     color: #000;
 +
    font: calibri;
}
}
Line 96: 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;
 +
    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;
     color: #111;
     padding: 2px 4px;
     padding: 2px 4px;
     text-align:left;
     text-align:left;
 +
    font: calibri;
}
}
</style>
</style>
Line 117: Line 210:
<div id="menu">
<div id="menu">
-
 
<ul>
<ul>
-
<div id="II09_Menu_Header_Wrapper">
+
 
-
<div id="II09_Menu_Header_Background"><img src="https://static.igem.org/mediawiki/2009/3/36/II09_Menu_Header_LightBlueTrue.png" width="200" height="35"></div>
+
<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><strong class="selflink"><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left">Home</strong></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Home"> Home</a></li>
-
</div>
+
<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/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/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/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/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>
-
<div id="II09_Menu_Header_Wrapper">
+
<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>
-
<div id="II09_Menu_Header_Background"><img src="https://static.igem.org/mediawiki/2009/3/36/II09_Menu_Header_LightBlueTrue.png" width="100%" height="35"></div>
+
-
<li id="II09_Menu_Header_Content"><img src="https://static.igem.org/mediawiki/2009/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein production</li>
+
-
</div>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Genetic"> Genetic circuit</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M1/Genetic"> Genetic circuit</a></li>
Line 141: Line 231:
<ul>
<ul>
-
<div id="II09_Menu_Header_Wrapper">
+
<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>
-
<div id="II09_Menu_Header_Background"><img src="https://static.igem.org/mediawiki/2009/3/36/II09_Menu_Header_LightBlueTrue.png" width="100%" height="35"></div>
+
-
<li id="II09_Menu_Header_Content"><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>
+
-
</div>
+
-
 
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Genetic"> Genetic circuit</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M2/Genetic"> Genetic circuit</a></li>
Line 152: Line 238:
<li><a href="https://2009.igem.org/Team:Imperial_College_London/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>
-
 
-
<div id="II09_Menu_Header_Wrapper">
 
-
<div id="II09_Menu_Header_Background"><img src="https://static.igem.org/mediawiki/2009/3/36/II09_Menu_Header_LightBlueTrue.png" width="200" height="35"></div>
 
-
<div id="II09_Menu_Header_Content"><img src="https://static.igem.org/mediawiki/2009/2/25/II09_Thumb_m3.png" width="15%" align="left">Module 3: Genomic neutralisation</li>
 
-
</div>
 
<ul>
<ul>
-
 
+
<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="https://2009.igem.org/Team:Imperial_College_London/M3"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M3"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Genetic"> Genetic circuit</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/M3/Genetic"> Genetic circuit</a></li>
Line 167: Line 248:
<ul>
<ul>
-
<div id="II09_Menu_Header_Wrapper">
+
<li class="menu_header_Resources"> Resources</li>
-
<div id="II09_Menu_Header_Background"><img src="https://static.igem.org/mediawiki/2009/3/36/II09_Menu_Header_LightBlueTrue.png"></div>
+
-
<li id="II09_Menu_Header_Content"> Resources</li>
+
-
</div>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"> Wetlab</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"> Wetlab</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Drylab"> Drylab</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Drylab"> Drylab</a></li>
Line 176: Line 254:
<ul>
<ul>
-
<div id="II09_Menu_Header_Wrapper">
+
<li class="menu_header_Ethics"> Ethics Project</li>
-
<div id="II09_Menu_Header_Background"><img src="https://static.igem.org/mediawiki/2009/3/36/II09_Menu_Header_LightBlueTrue.png" width="200"></div>
+
-
<li id="II09_Menu_Header_Content"> Ethics project</li>
+
-
</div>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics"> Overview</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics/Videos"> Video gallery</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Ethics/Videos"> Video gallery</a></li>
Line 186: Line 261:
<ul>
<ul>
-
<div id="II09_Menu_Header_Wrapper">
+
<li class="menu_header_Team"> Team</li>
-
<div id="II09_Menu_Header_Background"><img src="https://static.igem.org/mediawiki/2009/3/36/II09_Menu_Header_LightBlueTrue.png" width="100%" height="35"></div>
+
-
<li id="II09_Menu_Header_Content"> Team</li>
+
-
</div>
+
-
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Contact"> Contact</a></li>
+
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Team"> Who are we?</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Team"> Who are we?</a></li>
 +
<li><a href="https://2009.igem.org/Team:Imperial_College_London/Contact"> Contact</a></li>
<li><a href="https://2009.igem.org/Team:Imperial_College_London/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

Retrieved from "http://2009.igem.org/Template:Imperial/09/Menu"