Team:Alberta/Templates/Header

From 2012.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 165: Line 165:
-moz-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-radius: 15px;
-
background-color: #CBC1C1;
+
background-color: #E5DDDD;
-
padding: 3px;
+
padding: 5px;
}
}
Line 173: Line 173:
border-radius: 15px;
border-radius: 15px;
background-color: #FFF;
background-color: #FFF;
-
padding: 1px;
+
padding: 7px;
}
}
Line 202: Line 202:
</script>
</script>
-
<script>
 
-
function showSubMenu(menu, parent) {
 
-
    var show = false;
 
-
    if($(menu).is(':hidden') ) {
 
-
        show = true;
 
-
    }
 
-
 
-
    $(".subMenu").css("display","none");
 
-
        $(menu).css("display","block");
 
-
alert("This index: " + $("li.headerMenu").index( parent ) );
 
-
   
 
-
}
 
-
</script>
 
<table cellpadding="0" cellspacing="0" style="width: 100%;">
<table cellpadding="0" cellspacing="0" style="width: 100%;">
Line 228: Line 215:
-
<li class="headerMenu" onMouseOver="showSubMenu(contactSub);"><a href="#"><span>Project</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Project"><span>Project</span></a></li>
<div  class="subMenu" id="contactSub">
<div  class="subMenu" id="contactSub">
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project"><span>Overview</span></a></li>
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project"><span>Overview</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/promotor"><span>Promoter</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/colours"><span>The Colours</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/repressor"><span>Repressor</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/gradient"><span>Spatial gradients</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/reporter"><span>Reporter</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/controlelement"><span>Control elements</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/plasmidcontrol"><span>plasmid # control</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/plasmidcontrol"><span>Controling copy number</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/gradient"><span>Chemical Gradient</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/integrateddesign"><span>Integrated design</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/datapage"><span>Data Page</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/achievements"><span>Achievements</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/thefuture"><span>The Future</span></a></li>
+
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/references"><span>References</span></a></li>
+
</div>
</div>
-
<li class="headerMenu" onMouseOver="showSubMenu(partsSub);"><a href="#"><span>Parts</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Parts"><span>Parts</span></a></li>
<div  class="subMenu" id="partsSub">
<div  class="subMenu" id="partsSub">
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li>
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li>
Line 247: Line 232:
</div>
</div>
-
<li class="headerMenu" onMouseOver="showSubMenu(diarySub);"><a href="#"><span>Notebook</span></a></li>
 
-
<div  class="subMenu" id="diarySub">
 
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Notebook"><span>Journal</span></a></li>
 
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Protocols"><span>Protocols</span></a></li>
 
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Safety"><span>Safety</span></a></li>
 
-
</div>
 
-
<li class="headerMenu" onMouseOver="showSubMenu(outreachSub);"><a href="#"><span>Outreach</span></a></li>
+
 
 +
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Humanpractices"><span>Human Practice</span></a></li>
<div  class="subMenu" id="outreachSub">
<div  class="subMenu" id="outreachSub">
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Humanpratices"><span>Human Pratices</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/socialexperiment"><span>A social experiment</span></a></li>
 +
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Outreach"><span>Outreach</span></a></li>
 +
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/collaborations"><span>Collaborations</span></a></li>
 +
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Safety"><span>Safety</span></a></li>
 +
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Attributions"><span>Attributions</span></a></li>
</div>
</div>
-
<li class="headerMenu" onMouseOver="showSubMenu(sponsorsSub);"><a href="#"><span>Sponsors</span></a></li>
+
 
 +
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Safety"><span>Safety</span></a></li>
 +
 
 +
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Sponsors"><span>Sponsors</span></a></li>
<div  class="subMenu" id="sponsorsSub">
<div  class="subMenu" id="sponsorsSub">
-
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Sponsors"><span>About Sponsors</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href#"><span>About Sponsors</span></a></li>
</div>
</div>
Line 285: Line 272:
</tr>
</tr>
</table>
</table>
 +
 +
<script>
 +
 +
function showSubMenu(menu, parent) {
 +
 +
    var show = false;
 +
    if($(menu).is(':hidden') ) {
 +
        show = true;
 +
    }
 +
 +
    $(".subMenu").css("display","none");
 +
        $(menu).css("display","block");
 +
    $(menu). offset({top: 100 + 30 * $('.headerMenu').index($(parent) )} );
 +
 +
$(menu).mouseleave( function() {
 +
 +
$(".subMenu").css("display","none");
 +
 +
});
 +
   
 +
}
 +
 +
</script>
<div class="mainBody">
<div class="mainBody">

Latest revision as of 17:51, 2 October 2012