Template:Imperial/09/Menu/Reduced

From 2009.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 17: Line 17:
/* 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: relative;
+
     position: absolute;
     z-index: 0;
     z-index: 0;
     width: 200px;
     width: 200px;
     height: 15px;
     height: 15px;
-
    float: left;
 
}
}
Line 31: Line 30:
     height: 15px;
     height: 15px;
     font: calibri;
     font: calibri;
-
    float: left;
 
}
}
Line 40: Line 38:
#menu {
#menu {
     width: 200px;
     width: 200px;
-
     margin: 5px 15px 45px 0px;
+
     margin: 25px 15px 45px 0px;
     position: relative;
     position: relative;
     float: left;
     float: left;
-
    display:block;
 
     font: 11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;
     font: 11pt/16pt Calibri, Verdana, Arial, Geneva, sans-serif;
 +
    z-index: 4;
}
}
Line 409: Line 407:
}
}
.menu_header_10_disabled {
.menu_header_10_disabled {
-
    font-weight:bold;
+
font-weight:bold;
     width: 200px;
     width: 200px;
     height: 45px;
     height: 45px;
Line 419: Line 417:
}
}
.menu_header_10_disabled:hover {
.menu_header_10_disabled:hover {
-
    font-weight:bold;
+
font-weight:bold;
     width: 200px;
     width: 200px;
     height: 45px;
     height: 45px;
     border: 1px solid #000;
     border: 1px solid #000;
     background: url(https://static.igem.org/mediawiki/2009/b/b0/II09_Menu_Header_Maroon.png) repeat-x top;
     background: url(https://static.igem.org/mediawiki/2009/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(https://static.igem.org/mediawiki/2009/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(https://static.igem.org/mediawiki/2009/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(https://static.igem.org/mediawiki/2009/1/1a/II09_Menu_Header_Purple2.png) repeat-x top;
     padding: 2px 4px;
     padding: 2px 4px;
     text-align:left;
     text-align:left;
Line 436: Line 466:
       #bg {position:absolute; z-index:-1;}
       #bg {position:absolute; z-index:-1;}
       #content {position:static; height:1%;}
       #content {position:static; height:1%;}
-
 
-
      .img{
 
-
        margin: 0;
 
-
        padding: 0;
 
-
        border: 0;
 
-
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
 
-
}
 
   </style>
   </style>
<![endif]-->
<![endif]-->
-
 
-
<script type="text/javascript">
 
-
    var address = document.location.href;
 
-
    var addressSplit = address.split("/");
 
-
    //alert('3='+addressSplit[3]+'; 4='+addressSplit[4]);
 
-
</script>
 
<div id="menu">
<div id="menu">
Line 456: Line 473:
<script type="text/javascript">
<script type="text/javascript">
if (addressSplit[3]=='Team:Imperial_College_London'){
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' || addressSplit[4]=='Project_Overview'){
+
     if (typeof(addressSplit[4])=='undefined' || addressSplit[4]=='Major_results' || addressSplit[4]=='Biobricks' || addressSplit[4]=='Achievements' || addressSplit[4]=='Pill_Manufacture'){
document.write('<li class="menu_header_1"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London"><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left"> Home</a></li>');
document.write('<li class="menu_header_1"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London"><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left"> Home</a></li>');
-
document.write('<li><a class="sa" href="https://2009.igem.org/Team:Imperial_College_London/Project_Overview"> Project overview</a></li>');
 
     }else{
     }else{
document.write('<li class="menu_header_1_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London"><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left"> Home</a></li>');
document.write('<li class="menu_header_1_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London"><img src="https://static.igem.org/mediawiki/2009/8/83/II09_Thumb_home.png" width="15%" align="left"> Home</a></li>');
Line 467: Line 483:
</script>
</script>
</ul>
</ul>
-
 
<ul>
<ul>
<script type="text/javascript">
<script type="text/javascript">
if (addressSplit[4]=='M1'){
if (addressSplit[4]=='M1'){
-
document.write('<li class="menu_header_2"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/M1"><img src="https://static.igem.org/mediawiki/2009/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</a></li>');  
+
document.write('<li class="menu_header_2"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/M1"><img src="https://static.igem.org/mediawiki/2009/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</a></li>');
-
 
+
     }else{
     }else{
-
         document.write('<li class="menu_header_2_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/M1"><img src="https://static.igem.org/mediawiki/2009/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</a></li>');  
+
         document.write('<li class="menu_header_2_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/M1"><img src="https://static.igem.org/mediawiki/2009/c/c1/II09_Thumb_m1.png" width="15%" align="left"> Module 1: Protein Production</a></li>');
}
}
</script>
</script>
-
 
</ul>
</ul>
Line 505: Line 518:
<script type="text/javascript">
<script type="text/javascript">
if (addressSplit[4]=='Temporal_Control'){
if (addressSplit[4]=='Temporal_Control'){
-
     document.write('<li class="menu_header_5"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Temporal_Control"><img src="https://static.igem.org/mediawiki/2009/3/3c/II09_Temporal_control.png" width="18%" align="left"> Temporal Control</a></li>');
+
     document.write('<li class="menu_header_5"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Temporal_Control"><img src="https://static.igem.org/mediawiki/2009/3/3c/II09_Temporal_control.png" width="18%" align="left"> Module integration</a></li>');
}else{
}else{
-
     document.write('<li class="menu_header_5_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Temporal_Control"><img src="https://static.igem.org/mediawiki/2009/3/3c/II09_Temporal_control.png" width="18%" align="left"> Temporal Control</a></li>');
+
     document.write('<li class="menu_header_5_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Temporal_Control"><img src="https://static.igem.org/mediawiki/2009/3/3c/II09_Temporal_control.png" width="18%" align="left"> Module integration</a></li>');
}
}
</script>
</script>
Line 516: Line 529:
if (addressSplit[4]=='Wetlab'){
if (addressSplit[4]=='Wetlab'){
     document.write('<li class="menu_header_6"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"><img src="https://static.igem.org/mediawiki/2009/0/02/II09_Flasks.png" width="20%" align="left"> Wet Lab</a></li>');
     document.write('<li class="menu_header_6"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"><img src="https://static.igem.org/mediawiki/2009/0/02/II09_Flasks.png" width="20%" align="left"> Wet Lab</a></li>');
-
 
}else{
}else{
     document.write('<li class="menu_header_6_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"><img src="https://static.igem.org/mediawiki/2009/0/02/II09_Flasks.png" width="20%" align="left"> Wet Lab</a></li>');
     document.write('<li class="menu_header_6_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Wetlab"><img src="https://static.igem.org/mediawiki/2009/0/02/II09_Flasks.png" width="20%" align="left"> Wet Lab</a></li>');
Line 527: Line 539:
if (addressSplit[4]=='Drylab'){
if (addressSplit[4]=='Drylab'){
     document.write('<li class="menu_header_7"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Drylab"><img src="https://static.igem.org/mediawiki/2009/c/ce/II09_DryLabThumb.png" width="20%" align="left"> Dry Lab</a></li>');
     document.write('<li class="menu_header_7"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Drylab"><img src="https://static.igem.org/mediawiki/2009/c/ce/II09_DryLabThumb.png" width="20%" align="left"> Dry Lab</a></li>');
-
 
}else{
}else{
     document.write('<li class="menu_header_7_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Drylab"><img src="https://static.igem.org/mediawiki/2009/c/ce/II09_DryLabThumb.png" width="20%" align="left"> Dry Lab</a></li>');
     document.write('<li class="menu_header_7_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Drylab"><img src="https://static.igem.org/mediawiki/2009/c/ce/II09_DryLabThumb.png" width="20%" align="left"> Dry Lab</a></li>');
Line 538: Line 549:
<script type="text/javascript">
<script type="text/javascript">
if (addressSplit[4]=='HumanPractices'){
if (addressSplit[4]=='HumanPractices'){
-
document.write('<li class="menu_header_8"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Ethics"><img src="https://static.igem.org/mediawiki/2009/8/80/II09_EthicsThumb.png" width="20%" align="left"> Human Practices project</a></li>');
+
document.write('<li class="menu_header_8"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/HumanPractices"><img src="https://static.igem.org/mediawiki/2009/8/80/II09_EthicsThumb.png" width="20%" align="left"> Human Practices Project</a></li>');
     }else{
     }else{
-
           document.write('<li class="menu_header_8_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Ethics"><img src="https://static.igem.org/mediawiki/2009/8/80/II09_EthicsThumb.png" width="20%" align="left"> Human Practices project</a></li>');     
+
           document.write('<li class="menu_header_8_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Ethics"><img src="https://static.igem.org/mediawiki/2009/8/80/II09_EthicsThumb.png" width="20%" align="left"> Human Practices Project</a></li>');     
}
}
</script>
</script>
Line 548: Line 559:
<ul>
<ul>
<script type="text/javascript">
<script type="text/javascript">
-
if (addressSplit[4]=='Notebook'){
+
if (addressSplit[4]=='Resources'){
     document.write('<li class="menu_header_9"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Notebook"><img src="https://static.igem.org/mediawiki/2009/7/76/II09_Resources.png" width="20%" align="left"> Notebook</a></li>');
     document.write('<li class="menu_header_9"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Notebook"><img src="https://static.igem.org/mediawiki/2009/7/76/II09_Resources.png" width="20%" align="left"> Notebook</a></li>');
-
 
}else{
}else{
     document.write('<li class="menu_header_9_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Notebook"><img src="https://static.igem.org/mediawiki/2009/7/76/II09_Resources.png" width="20%" align="left"> Notebook</a></li>');
     document.write('<li class="menu_header_9_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Notebook"><img src="https://static.igem.org/mediawiki/2009/7/76/II09_Resources.png" width="20%" align="left"> Notebook</a></li>');
Line 556: Line 566:
</script>
</script>
</ul>
</ul>
-
 
-
 
<ul>
<ul>
-
 
<script type="text/javascript">
<script type="text/javascript">
if (addressSplit[4]=='Team' || addressSplit[4]=='Contact' || addressSplit[4]=='Friends' || addressSplit[4]=='Gallery'){
if (addressSplit[4]=='Team' || addressSplit[4]=='Contact' || addressSplit[4]=='Friends' || addressSplit[4]=='Gallery'){
document.write('<li class="menu_header_10"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Team"> Team</a></li>');
document.write('<li class="menu_header_10"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Team"> Team</a></li>');
-
document.write('<li><a class="sa" href="https://2009.igem.org/Team:Imperial_College_London/Team"> Our Team</a></li>');
+
document.write('<li><a class="sa" href="https://2009.igem.org/Team:Imperial_College_London/Contact"> Contact</a></li>');
document.write('<li><a class="sa" href="https://2009.igem.org/Team:Imperial_College_London/Friends"> Our friends</a></li>');
document.write('<li><a class="sa" href="https://2009.igem.org/Team:Imperial_College_London/Friends"> Our friends</a></li>');
-
document.write('<li><a class="sa" href="https://2009.igem.org/Team:Imperial_College_London/Gallery"> Picture gallery</a></li>');
 
     }else{
     }else{
           document.write('<li class="menu_header_10_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Team"> Team</a></li>');
           document.write('<li class="menu_header_10_disabled"><a class="sb" href="https://2009.igem.org/Team:Imperial_College_London/Team"> Team</a></li>');

Latest revision as of 18:02, 21 October 2009

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