Template:Team:Berkeley/navigation

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <script type="text/javascript"> /* * Slides, A Slideshow Plugin for jQuery * Intructions: http://slidesjs.com * By: Nathan Searles, http://nathansearles.com * Version: ...")
Line 1: Line 1:
-
<html>
+
<!-- vim: set ft=html: -->
 +
<html><style>
 +
#hokkaidou-header #hokkaidou-navigation ul{
 +
    position: absolute;
 +
    top: 10px; right: 0;
 +
}
 +
#hokkaidou-header #hokkaidou-navigation ul li{
 +
    float: left;
 +
    list-style: none;
 +
    margin: 0;
 +
    text-align: center;
 +
    width: 60px;
 +
}
 +
#hokkaidou-header #hokkaidou-navigation ul li a,
 +
#hokkaidou-header #hokkaidou-navigation ul li strong.selflink{
 +
    display: inline-block;
 +
    width: 30px; height: 30px;
 +
    background: url(https://static.igem.org/mediawiki/2011/4/4b/Hokkaidou_menu.png) no-repeat;
 +
    border: none;
 +
    outline: none;
 +
    text-indent: -10000px;
 +
}
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a{ background-position: 0 0; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a:hover { background-position: -30px 0; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home strong.selflink{ background-position: -60px 0; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a{ background-position: 0 -30px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a:hover { background-position: -30px -30px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project strong.selflink{ background-position: -60px -30px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a{ background-position: 0 -60px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a:hover { background-position: -30px -60px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol strong.selflink{ background-position: -60px -60px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a{ background-position: 0 -90px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a:hover { background-position: -30px -90px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts strong.selflink{ background-position: -60px -90px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a{ background-position: 0 -120px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a:hover { background-position: -30px -120px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook strong.selflink{ background-position: -60px -120px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a{ background-position: 0 -150px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a:hover { background-position: -30px -150px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety strong.selflink{ background-position: -60px -150px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a{ background-position: 0 -180px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a:hover { background-position: -30px -180px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice strong.selflink{ background-position: -60px -180px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a{ background-position: 0 -210px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a:hover { background-position: -30px -210px; }
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a:active,
 +
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team strong.selflink{ background-position: -60px -210px; }
-
<script type="text/javascript">
+
/* i couldn't be bothered to add text on picture... lol */
-
 
+
#hokkaidou-header #hokkaidou-navigation ul li:after {
-
 
+
    display: inline-block;
-
/*
+
    font-family: 'Josefin Sans', sans-serif;
-
* Slides, A Slideshow Plugin for jQuery
+
    font-size: 12px;
-
* Intructions: http://slidesjs.com
+
    margin-top: 5px;
-
* By: Nathan Searles, http://nathansearles.com
+
    width: 100%;
-
* Version: 1.1.8
+
    line-height: 14px;
-
* Updated: June 1st, 2011
+
}
-
*
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home:after {content: "Home";}
-
* Licensed under the Apache License, Version 2.0 (the "License");
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project:after {content: "Project";}
-
* you may not use this file except in compliance with the License.
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol:after {content: "Protocol";}
-
* You may obtain a copy of the License at
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts:after {content: "Parts";}
-
*
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook:after {content: "Notebook";}
-
* http://www.apache.org/licenses/LICENSE-2.0
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety:after {content: "Safety";}
-
*
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice:after {content: "Human Practice";}
-
* Unless required by applicable law or agreed to in writing, software
+
#hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team:after {content: "Team";}
-
* distributed under the License is distributed on an "AS IS" BASIS,
+
</style></html>
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+
-
* See the License for the specific language governing permissions and
+
-
* limitations under the License.
+
-
*/
+
-
(function(A){A.fn.slides=function(B){B=A.extend({},A.fn.slides.option,B);return this.each(function(){A("."+B.container,A(this)).children().wrapAll('<div class="slides_control"/>');var V=A(this),J=A(".slides_control",V),Z=J.children().size(),Q=J.children().outerWidth(),M=J.children().outerHeight(),D=B.start-1,L=B.effect.indexOf(",")<0?B.effect:B.effect.replace(" ","").split(",")[0],S=B.effect.indexOf(",")<0?L:B.effect.replace(" ","").split(",")[1],O=0,N=0,C=0,P=0,U,H,I,X,W,T,K,F;function E(c,b,a){if(!H&&U){H=true;B.animationStart(P+1);switch(c){case"next":N=P;O=P+1;O=Z===O?0:O;X=Q*2;c=-Q*2;P=O;break;case"prev":N=P;O=P-1;O=O===-1?Z-1:O;X=0;c=0;P=O;break;case"pagination":O=parseInt(a,10);N=A("."+B.paginationClass+" li."+B.currentClass+" a",V).attr("href").match("[^#/]+$");if(O>N){X=Q*2;c=-Q*2;}else{X=0;c=0;}P=O;break;}if(b==="fade"){if(B.crossfade){J.children(":eq("+O+")",V).css({zIndex:10}).fadeIn(B.fadeSpeed,B.fadeEasing,function(){if(B.autoHeight){J.animate({height:J.children(":eq("+O+")",V).outerHeight()},B.autoHeightSpeed,function(){J.children(":eq("+N+")",V).css({display:"none",zIndex:0});J.children(":eq("+O+")",V).css({zIndex:0});B.animationComplete(O+1);H=false;});}else{J.children(":eq("+N+")",V).css({display:"none",zIndex:0});J.children(":eq("+O+")",V).css({zIndex:0});B.animationComplete(O+1);H=false;}});}else{J.children(":eq("+N+")",V).fadeOut(B.fadeSpeed,B.fadeEasing,function(){if(B.autoHeight){J.animate({height:J.children(":eq("+O+")",V).outerHeight()},B.autoHeightSpeed,function(){J.children(":eq("+O+")",V).fadeIn(B.fadeSpeed,B.fadeEasing);});}else{J.children(":eq("+O+")",V).fadeIn(B.fadeSpeed,B.fadeEasing,function(){if(A.browser.msie){A(this).get(0).style.removeAttribute("filter");}});}B.animationComplete(O+1);H=false;});}}else{J.children(":eq("+O+")").css({left:X,display:"block"});if(B.autoHeight){J.animate({left:c,height:J.children(":eq("+O+")").outerHeight()},B.slideSpeed,B.slideEasing,function(){J.css({left:-Q});J.children(":eq("+O+")").css({left:Q,zIndex:5});J.children(":eq("+N+")").css({left:Q,display:"none",zIndex:0});B.animationComplete(O+1);H=false;});}else{J.animate({left:c},B.slideSpeed,B.slideEasing,function(){J.css({left:-Q});J.children(":eq("+O+")").css({left:Q,zIndex:5});J.children(":eq("+N+")").css({left:Q,display:"none",zIndex:0});B.animationComplete(O+1);H=false;});}}if(B.pagination){A("."+B.paginationClass+" li."+B.currentClass,V).removeClass(B.currentClass);A("."+B.paginationClass+" li:eq("+O+")",V).addClass(B.currentClass);}}}function R(){clearInterval(V.data("interval"));}function G(){if(B.pause){clearTimeout(V.data("pause"));clearInterval(V.data("interval"));K=setTimeout(function(){clearTimeout(V.data("pause"));F=setInterval(function(){E("next",L);},B.play);V.data("interval",F);},B.pause);V.data("pause",K);}else{R();}}if(Z<2){return ;}if(D<0){D=0;}if(D>Z){D=Z-1;}if(B.start){P=D;}if(B.randomize){J.randomize();}A("."+B.container,V).css({overflow:"hidden",position:"relative"});J.children().css({position:"absolute",top:0,left:J.children().outerWidth(),zIndex:0,display:"none"});J.css({position:"relative",width:(Q*3),height:M,left:-Q});A("."+B.container,V).css({display:"block"});if(B.autoHeight){J.children().css({height:"auto"});J.animate({height:J.children(":eq("+D+")").outerHeight()},B.autoHeightSpeed);}if(B.preload&&J.find("img:eq("+D+")").length){A("."+B.container,V).css({background:"url("+B.preloadImage+") no-repeat 50% 50%"});var Y=J.find("img:eq("+D+")").attr("src")+"?"+(new Date()).getTime();if(A("img",V).parent().attr("class")!="slides_control"){T=J.children(":eq(0)")[0].tagName.toLowerCase();}else{T=J.find("img:eq("+D+")");}J.find("img:eq("+D+")").attr("src",Y).load(function(){J.find(T+":eq("+D+")").fadeIn(B.fadeSpeed,B.fadeEasing,function(){A(this).css({zIndex:5});A("."+B.container,V).css({background:""});U=true;B.slidesLoaded();});});}else{J.children(":eq("+D+")").fadeIn(B.fadeSpeed,B.fadeEasing,function(){U=true;B.slidesLoaded();});}if(B.bigTarget){J.children().css({cursor:"pointer"});J.children().click(function(){E("next",L);return false;});}if(B.hoverPause&&B.play){J.bind("mouseover",function(){R();});J.bind("mouseleave",function(){G();});}if(B.generateNextPrev){A("."+B.container,V).after('<a href="#" class="'+B.prev+'">Prev</a>');A("."+B.prev,V).after('<a href="#" class="'+B.next+'">Next</a>');}A("."+B.next,V).click(function(a){a.preventDefault();if(B.play){G();}E("next",L);});A("."+B.prev,V).click(function(a){a.preventDefault();if(B.play){G();}E("prev",L);});if(B.generatePagination){if(B.prependPagination){V.prepend("<ul class="+B.paginationClass+"></ul>");}else{V.append("<ul class="+B.paginationClass+"></ul>");}J.children().each(function(){A("."+B.paginationClass,V).append('<li><a href="#'+C+'">'+(C+1)+"</a></li>");C++;});}else{A("."+B.paginationClass+" li a",V).each(function(){A(this).attr("href","#"+C);C++;});}A("."+B.paginationClass+" li:eq("+D+")",V).addClass(B.currentClass);A("."+B.paginationClass+" li a",V).click(function(){if(B.play){G();}I=A(this).attr("href").match("[^#/]+$");if(P!=I){E("pagination",S,I);}return false;});A("a.link",V).click(function(){if(B.play){G();}I=A(this).attr("href").match("[^#/]+$")-1;if(P!=I){E("pagination",S,I);}return false;});if(B.play){F=setInterval(function(){E("next",L);},B.play);V.data("interval",F);}});};A.fn.slides.option={preload:false,preloadImage:"/img/loading.gif",container:"slides_container",generateNextPrev:false,next:"next",prev:"prev",pagination:true,generatePagination:true,prependPagination:false,paginationClass:"pagination",currentClass:"current",fadeSpeed:350,fadeEasing:"",slideSpeed:350,slideEasing:"",start:1,effect:"slide",crossfade:false,randomize:false,play:0,pause:0,hoverPause:false,autoHeight:false,autoHeightSpeed:350,bigTarget:false,animationStart:function(){},animationComplete:function(){},slidesLoaded:function(){}};A.fn.randomize=function(C){function B(){return(Math.round(Math.random())-0.5);}return(A(this).each(function(){var F=A(this);var E=F.children();var D=E.length;if(D>1){E.hide();var G=[];for(i=0;i<D;i++){G[G.length]=i;}G=G.sort(B);A.each(G,function(I,H){var K=E.eq(H);var J=K.clone(true);J.show().appendTo(F);if(C!==undefined){C(K,J);}K.remove();});}}));};})(jQuery);
+
-
 
+
-
</script>
+
-
</html>
+

Revision as of 09:09, 26 September 2012

Retrieved from "http://2012.igem.org/Template:Team:Berkeley/navigation"