Difference between revisions of "Template:Fudan-CHINA"

Revision as of 13:40, 26 September 2018 (view source)

LsDrizzle (Talk | contribs)

← Older edit

Revision as of 14:40, 26 September 2018 (view source)

LsDrizzle (Talk | contribs)

Newer edit →

Line 4:

</p>

+

<style>

Line 15:

Line 16:

</style>

−

+

Line 25:

Line 26:

//bookstrap

</script>

−

+

Line 239:

Line 241:

myBgVideo.addEventListener('canplaythrough',function(){

setTimeout(function(){ $('body').addClass('loaded');

−

$('#loader-wrapper .load_title').remove(); }, ~~500~~);

+

$('#loader-wrapper .load_title').remove(); },0);

});

Line 245:

Line 247:

var myBgVideo=document.getElementById("bgVideo");

setTimeout(function(){ $('body').addClass('loaded');

−

$('#loader-wrapper .load_title').remove(); }, ~~2000~~);

+

$('#loader-wrapper .load_title').remove(); }, 0);

});

Line 258:

Line 260:

−

+

<li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA">Fudan-CHINA</a></li>

−

~~<li class="navLi" style="display: inline-block;width: 3%;" href="#8"></li>~~

+

+

<ul>

+

+

<li><a>Attributions</a></li>

+

</ul>

<li class="navLi"><a class="navA" href="#6">Awards</a></li>

−

+

<li class="navLi"><a class="navA" href="#5">Practices</a></li>

<li class="navLi"><a class="navA" href="#4">Modeling</a></li>

<li class="navLi"><a class="navA" href="#2">Project</a></li>

Line 315:

Line 321:

color: white;

}

+

#navUl ul{

+

display: none;

+

}

</style>

Line 324:

Line 333:

$("#navUl").css("top",0.1*winHeight);

if (winWidth/winHeight>2){

−

$("#navUl").css("height","~~8vh~~");

+

$("#navUl").css("height","9vh");

−

$(".navA").css("height","~~8vh~~");

+

$(".navA").css("height","9vh");

−

$(".navA").css("line-height","~~8vh~~");

+

$(".navA").css("line-height","9vh");

−

$(".navA").css("font-size","~~3vh~~");

+

$(".navA").css("font-size","3.5vh");

$(".navA:not(img)").css("padding","0 3vh");

−

$(".teamImg").css("width","~~5vh~~");

+

$(".teamImg").css("width","9vh");

−

$(".teamImg").css("height","~~5vh~~");

+

$(".teamImg").css("height","9vh");

−

$(".teamImg").css("padding","~~1.5vh~~ 0");

+

$(".teamImg").css("padding","0 0");

}

else{

−

$("#navUl").css("height","~~4vw~~");

+

$("#navUl").css("height","4.5vw");

−

$(".navA").css("height","~~4vw~~");

+

$(".navA").css("height","4.5vw");

−

$(".navA").css("line-height","~~4vw~~");

+

$(".navA").css("line-height","4.5vw");

−

$(".navA").css("font-size","1.~~5vw~~");

+

$(".navA").css("font-size","1.75vw");

$(".navA:not(img)").css("padding","0 1.5vw");

−

$(".teamImg").css("width","2.5vw");

+

$(".teamImg").css("width","4.5vw");

−

$(".teamImg").css("height","2.5vw");

+

$(".teamImg").css("height","4.5vw");

−

$(".teamImg").css("padding","0~~.75vw~~ 0");

+

$(".teamImg").css("padding","0 0");

}

};

Line 378:

Line 387:

+

</html>

@@ Line 4: / Line 4: @@
 </p>
 <!--get jQuery and wiki settings------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 <style>
@@ Line 15: / Line 16: @@
 </style>
 <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/bookstrapCss&action=raw&ctype=text/css" />
@@ Line 25: / Line 26: @@
 //bookstrap
 </script>
@@ Line 239: / Line 241: @@
 		myBgVideo.addEventListener('canplaythrough',function(){
 			setTimeout(function(){ $('body').addClass('loaded');
-         	$('#loader-wrapper .load_title').remove(); }, 500);
+         	$('#loader-wrapper .load_title').remove(); },0);
 		});
 	});
@@ Line 245: / Line 247: @@
 		var myBgVideo=document.getElementById("bgVideo");
 			setTimeout(function(){ $('body').addClass('loaded');
-         	$('#loader-wrapper .load_title').remove(); }, 2000);
+         	$('#loader-wrapper .load_title').remove(); }, 0);
 	});
@@ Line 258: / Line 260: @@
 <ul id="navUl" style="z-index: 999;">
 	<li class="navLi navImg" style="display: inline-block;float: left;width: 3%;" href="#8"></li>
-	<li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA teamImg"  src="https://static.igem.org/mediawiki/2018/6/6b/T--Fudan-CHINA--teamBadgeWhite_noCircle.png" /></a></li>
+	<li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA teamImg"  src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan-CHINA--step_white.png" /></a></li>
 	<li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA">Fudan-CHINA</a></li>
-	<li class="navLi" style="display: inline-block;width: 3%;" href="#8"></li>
    	<li class="navLi"><a class="navA" href="#7">Team</a></li>
+		<ul>
+			<li><a>Team</a></li>
+			<li><a>Attributions</a></li>
+		</ul>
 	<li class="navLi"><a class="navA" href="#6">Awards</a></li>
-	<li class="navLi"><a class="navA" href="#5">HP</a></li>
+	<li class="navLi"><a class="navA" href="#5">Practices</a></li>
 	<li class="navLi"><a class="navA" href="#4">Modeling</a></li>
 	<li class="navLi"><a class="navA" href="#2">Project</a></li>
@@ Line 315: / Line 321: @@
 		color: white;
 	}
+	#navUl ul{
+		display: none;
+	}
 </style>
@@ Line 324: / Line 333: @@
 			$("#navUl").css("top",0.1*winHeight);
 			if (winWidth/winHeight>2){
-				$("#navUl").css("height","8vh");
+				$("#navUl").css("height","9vh");
-				$(".navA").css("height","8vh");
+				$(".navA").css("height","9vh");
-				$(".navA").css("line-height","8vh");
+				$(".navA").css("line-height","9vh");
-				$(".navA").css("font-size","3vh");
+				$(".navA").css("font-size","3.5vh");
 				$(".navA:not(img)").css("padding","0 3vh");
-				$(".teamImg").css("width","5vh");
+				$(".teamImg").css("width","9vh");
-				$(".teamImg").css("height","5vh");
+				$(".teamImg").css("height","9vh");
-				$(".teamImg").css("padding","1.5vh 0");
+				$(".teamImg").css("padding","0 0");
 			}
 			else{
-				$("#navUl").css("height","4vw");
+				$("#navUl").css("height","4.5vw");
-				$(".navA").css("height","4vw");
+				$(".navA").css("height","4.5vw");
-				$(".navA").css("line-height","4vw");
+				$(".navA").css("line-height","4.5vw");
-				$(".navA").css("font-size","1.5vw");
+				$(".navA").css("font-size","1.75vw");
 				$(".navA:not(img)").css("padding","0 1.5vw");
-				$(".teamImg").css("width","2.5vw");
+				$(".teamImg").css("width","4.5vw");
-				$(".teamImg").css("height","2.5vw");
+				$(".teamImg").css("height","4.5vw");
-				$(".teamImg").css("padding","0.75vw 0");
+				$(".teamImg").css("padding","0 0");
 			}
 		};
@@ Line 378: / Line 387: @@
 <!---------------------------------------------------------------------------------------------------------------------------------------------------->
 </html>