Template:OUC-China.CommonCSS

Revision as of 05:24, 5 October 2011 (view source)

DonQuixia (Talk | contribs)

← Older edit

Latest revision as of 15:41, 5 October 2011 (view source)

DonQuixia (Talk | contribs)

(9 intermediate revisions not shown)

Line 43:

#mainnav{

top:125px;

+

left:10px;

height: 230px;

width: 840px;

Line 67:

Line 68:

background: white;

border: 1px solid #DDDDDD;

-

opacity: 0.9;

+

opacity: 0.01;

+

filter: alpha(opacity=1);

}

.navmenus li:hover {

Line 81:

Line 83:

left: 0;

z-index:1111;

+

overflow: hidden;

}

#mainnavbar {

text-align: left;

-

opacity: 0.8;

+

opacity: 0.9;

+

filter: alpha(opacity=90);

margin: 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\/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 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\/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\/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\/Judging\">Judging form<\/a><\/li>";

Line 223:

Line 228:

var hideSubNav = function(){

$(".navmenus").stop(true,true).animate({opacity:0}, 200);

+

$(".navmenus").css("height",10);

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")){

-

$("#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")){

-

$("#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")){

-

$("#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")){

-

$("#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(){

$(".navmenus").stop(true,true).animate({opacity:0}, 200);

+

$(".navmenus").css("height","auto");

$($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200);

var bg = $($(this).attr("href")).attr("tag");

-

$("#mainnav").animate({backgroundPosition:"(-"+bg+"px 0px)"}, {duration:200});

+

$("#mainnav").stop().animate({backgroundPosition:"(-"+bg+"px 0px)"}, {duration:200,easing:'swing'});

});

$(".navitem").click(function(){

Line 253:

Line 260:

hideSubNav();

});

-

$(".~~mainnavbar~~").mouseleave(function(){

+

$(".mainnav").mouseleave(function(){

hideSubNav();

});

@@ Line 43: / Line 43: @@
 	#mainnav{
                  top:125px;
+                left:10px;
 		height: 230px;
 		width: 840px;
@@ Line 67: / Line 68: @@
 		background: white;
 		border: 1px solid #DDDDDD;
-		opacity: 0.9;
+		opacity: 0.01;
+                filter: alpha(opacity=1);
 	}
 	.navmenus li:hover {
@@ Line 81: / Line 83: @@
 		left: 0;
 		z-index:1111;
+                overflow: hidden;
 	}
 	#mainnavbar {
 		text-align: left;
-		opacity: 0.8;
+		opacity: 0.9;
+                filter: alpha(opacity=90);
 		margin: 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\/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 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\/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\/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\/Judging\">Judging form<\/a><\/li>";
@@ Line 223: / Line 228: @@
 var hideSubNav = function(){
 	$(".navmenus").stop(true,true).animate({opacity:0}, 200);
+        $(".navmenus").css("height",10);
   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")){
-  $("#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")){
-  $("#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")){
-  $("#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")){
-  $("#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(){
 		$(".navmenus").stop(true,true).animate({opacity:0}, 200);
+                $(".navmenus").css("height","auto");
 		$($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200);
 		var bg = $($(this).attr("href")).attr("tag");
-		$("#mainnav").animate({backgroundPosition:"(-"+bg+"px 0px)"}, {duration:200});
+		$("#mainnav").stop().animate({backgroundPosition:"(-"+bg+"px 0px)"}, {duration:200,easing:'swing'});
 	});
 	$(".navitem").click(function(){
@@ Line 253: / Line 260: @@
 		hideSubNav();
 	});
-	$(".mainnavbar").mouseleave(function(){
+	$(".mainnav").mouseleave(function(){
 		hideSubNav();
 	});

Template:OUC-China.CommonCSS

From 2011.igem.org

Latest revision as of 15:41, 5 October 2011