Template:OUC-China.CommonCSS

From 2011.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 43: Line 43:
#mainnav{
#mainnav{
                 top:125px;
                 top:125px;
 +
                left:10px;
height: 230px;
height: 230px;
width: 840px;
width: 840px;
-
background:url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) left center no-repeat;
+
background:url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) 0 0 no-repeat;
padding: 0;
padding: 0;
margin: 0;
margin: 0;
Line 67: Line 68:
background: white;
background: white;
border: 1px solid #DDDDDD;
border: 1px solid #DDDDDD;
-
opacity: 0.9;
+
opacity: 0.01;
 +
                filter: alpha(opacity=1);
}
}
.navmenus li:hover {
.navmenus li:hover {
Line 81: Line 83:
left: 0;
left: 0;
z-index:1111;
z-index:1111;
 +
                overflow: hidden;
}
}
#mainnavbar {
#mainnavbar {
text-align: left;
text-align: left;
-
opacity: 0.8;
+
opacity: 0.9;
 +
                filter: alpha(opacity=90);
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Line 164: Line 168:
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Background\">Philosophical Background<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Background\">Philosophical Background<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Mp\">Modern perspective<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Mp\">Modern perspective<\/a><\/li>";
-
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\"> Performance on stage of Synthetic biology<\/a><\/li>";
+
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\">Performance on stage of Synthetic biology<\/a><\/li>";
 +
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/prezi\">Prezi<\/a><\/li>";
strVar += " <\/ul>";
strVar += " <\/ul>";
strVar += " <ul id=\"resultnav\" class=\"navmenus\" tag=\"2520\">";
strVar += " <ul id=\"resultnav\" class=\"navmenus\" tag=\"2520\">";
Line 170: Line 175:
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks we used<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks we used<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Protocol\">Protocol<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Protocol\">Protocol<\/a><\/li>";
-
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Notebook\">Notebook & Date<\/a><\/li>";
+
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Notebook\">Notebook & Data<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/aadb\">Experiments on HB101<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/aadb\">Experiments on HB101<\/a><\/li>";
-
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/fv\">Function Verification<\/a><\/li>";
+
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/fv\">Experiments on devices<\/a><\/li>";
-
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/2011\">2011 Biobrick standardization and documentation<\/a><\/li>";
+
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/2011\">2011 OUC Wuxingbricks documentation<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Finalresults\">Final results<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Finalresults\">Final results<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>";
Line 223: Line 228:
var hideSubNav = function(){
var hideSubNav = function(){
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
 +
        $(".navmenus").css("height",10);
  if((window.location+"").match("Team:OUC-China/Team")){
  if((window.location+"").match("Team:OUC-China/Team")){
-
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/c/c0/OUC-China.team.jpg) top center no-repeat");
+
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) -840px 0 no-repeat");
       }else if((window.location+"").match("Team:OUC-China/Project")){
       }else if((window.location+"").match("Team:OUC-China/Project")){
-
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/4/41/OUC-China.project.jpg) top center no-repeat");
+
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) -1680px 0 no-repeat");
       }else if((window.location+"").match("Team:OUC-China/Result")){
       }else if((window.location+"").match("Team:OUC-China/Result")){
-
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/7/78/OUC-China.result.jpg) top center no-repeat");
+
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) -2520px 0 no-repeat");
       }else if((window.location+"").match("Team:OUC-China/Safety")){
       }else if((window.location+"").match("Team:OUC-China/Safety")){
-
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/4/4b/OUC-China.consideration.jpg) top center no-repeat");
+
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) -3360px 0 no-repeat");
       }else if((window.location+"").match("Team:OUC-China/Futurework")){
       }else if((window.location+"").match("Team:OUC-China/Futurework")){
-
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/1/12/OUC-China.future_work.jpg) top center no-repeat");
+
  $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) -4200px 0 no-repeat");
       }
       }
}
}
Line 240: Line 246:
$(".navitem").mouseenter(function(){
$(".navitem").mouseenter(function(){
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
 +
                $(".navmenus").css("height","auto");
$($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200);
$($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200);
var bg = $($(this).attr("href")).attr("tag");
var bg = $($(this).attr("href")).attr("tag");
-
$("#mainnav").animate({backgroundPosition:"(-"+tag+"px 0px)"}, {duration:200});
+
$("#mainnav").stop().animate({backgroundPosition:"(-"+bg+"px 0px)"}, {duration:200,easing:'swing'});
});
});
$(".navitem").click(function(){
$(".navitem").click(function(){
Line 253: Line 260:
hideSubNav();
hideSubNav();
});
});
-
$(".mainnavbar").mouseleave(function(){
+
$(".mainnav").mouseleave(function(){
hideSubNav();
hideSubNav();
});
});

Latest revision as of 15:41, 5 October 2011

Retrieved from "http://2011.igem.org/Template:OUC-China.CommonCSS"