Team:Alberta/Templates/Header

Revision as of 19:37, 25 September 2012 (view source)

Echidamb (Talk | contribs)

← Older edit

Latest revision as of 17:51, 2 October 2012 (view source)

Rick24568509 (Talk | contribs)

(50 intermediate revisions not shown)

Line 165:

-moz-border-radius: 15px;

border-radius: 15px;

-

background-color: #~~CBC1C1~~;

+

background-color: #E5DDDD;

-

padding: ~~3px~~;

+

padding: 5px;

}

Line 173:

border-radius: 15px;

background-color: #FFF;

-

padding: ~~1px~~;

+

padding: 7px;

}

Line 202:

</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>~~

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>

<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>

-

<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>

<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li>

Line 247:

Line 232:

</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>

-

<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>

-

<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>

-

<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>

Line 285:

Line 272:

</tr>

</table>

+

+

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>

@@ Line 165: / Line 165: @@
 -moz-border-radius: 15px;
 border-radius: 15px;
-background-color: #CBC1C1;
+background-color: #E5DDDD;
-padding: 3px;
+padding: 5px;
 }
@@ Line 173: / Line 173: @@
 border-radius: 15px;
 background-color: #FFF;
-padding: 1px;
+padding: 7px;
 }
@@ Line 202: / Line 202: @@
 </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%;">
@@ 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">
 <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>
-<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">
 <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li>
@@ Line 247: / Line 232: @@
 </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">
-<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>
-<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">
-<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>
@@ Line 285: / Line 272: @@
 </tr>
 </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">

Team:Alberta/Templates/Header

From 2012.igem.org

Latest revision as of 17:51, 2 October 2012