View source for Team:WHU-China/Result

{{WHU-China-Header}}
<html>

<style type="text/css">
	body{
		margin:0;
		padding:0;
	}
	.container{
		position:absolute;
		width:1281.55px;
		left:67.45px;
		height:2000px;
		z-index:0;
		padding:0;
	}
	.container img{
		position:absolute;
		z-index:0;
	}
	.left{
		position:absolute;
		left:0;
		height:2000px;
		width:67.45px;
		background-image:url(https://static.igem.org/mediawiki/2015/8/8c/WHU-China_left.png);
		z-index:0;
	}
	.header{
		position:absolute;
		width:100%;
		z-index:1;
		padding-top:1%;
	}
	.header-left{
		display:block;
		float:left;
		position:absolute;
		width:40%;
		z-index:1;
	}
	.header-right{
		display:block;
		float:left;
		position:absolute;
		height:300px;
		width:55%;
                left:45%;
		z-index:1;
	}
	.header-right ul{
		padding:0;
		position:absolute;
		bottom:82%;
		list-style:none;
	}
	.header-right ul nav a{
		text-decoration:none;
	}
	.middle-left{
		position:absolute;
		z-index:1;
		top:10%;
	}
	#whu-logo{
		left:7em;
		top:-2em;
	}
	.secmenu{
		vertical-align:top;
		padding:0;
		display:block;
		width:60px;
		height:60px;
		left:140px;
		top:20px;
		position:absolute;
		background-color:#fff;
		border-radius:60px;
		-moz-border-radius: 60px;
		-webkit-border-radius: 60px;
		
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.secmenu ul{
		display:none;
		text-align:center;
		text-decoration:none;
		list-style:none;
	}
	
	.secmenu ul li{

		height:40px;
		width:150px;
		background-color:#fff;
		display:inline;
		float:left;
                margin-left:2%;
		text-decoration:none;
	}
	
	.secmenu ul li a{
		line-height:20px;
		font-family: 'Lato', sans-serif;
		font-size:18px;
		color:#000;
		display:block;
		text-decoration:none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.secmenu ul li a:hover{
		-webkit-transform: rotateY(30deg);
		-moz-transform: rotateY(30deg);
		-ms-transform: rotateY(30deg);
		transform: rotateY(30deg);
		background-color:#000;
		color:#FFF;
	}
	
	.text{
		position:absolute;
		top:300px;
		z-index:1;
	}
	#bg{
		position:absolute;
		top:4%;
		z-index:1;
		opacity:0.05;
                filter:Alpha(opacity=5);
	}
	#pagenum{
		position:absolute;
		left:70px;
		top:635px;
		z-index:3;
	}
	#board{
		position:absolute;
		z-index:2;
	}
	
	.footer{
		position:absolute;
		z-index:0;
		top:86.5%;
	}
	
	.textarea{
		width:700px;
		height:1000px;
		margin-left:105px;
		margin-top:50px;
		padding-left:200px;
		padding-right:200px;
		padding-top:100px;
		border-width:2px;
		background-color:#FFF;
	}
	
	.editarea{
		display:none;
	}
	
	.member{
		position:absolute;
		width:700px;
		display:block;
		border:2px solid #999;
		margin-top:50px;
		z-index:99;
	}
	
	h2{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	span{
		display:block;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:18px;
		margin-top:20px;
	}
	.txt{
		border-bottom:2px solid #999;
	}
	
	#next{
		position:absolute;
		left:40px;
		top:540px;
		z-index:100;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
</style> 
<script>
	function fun(i)
	{
		document.getElementById("sec").style.width="60px";
		for(n=1;n<=6;n++){
			document.getElementById("tit"+n).style.display="none";
		}
		setTimeout('document.getElementById("sec").style.width="1000px"',500);
		setTimeout("document.getElementById('tit"+i+"').style.display='block'",800);
	}
	function myfun(){
		fun(1);
                num_member=1;
		setTimeout("document.getElementById('member"+num_member+"').style.display='block'",1200);
		document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
		setTimeout("document.getElementById('next').style.display='none'",800);
		setTimeout("document.getElementById('next').style.display='block'",1600);
		setTimeout("document.getElementById('next').style.display='none'",2400);
		setTimeout("document.getElementById('next').style.display='block'",3200);
		setTimeout("document.getElementById('next').style.display='none'",4000);
	}
	window.onload=myfun;
	function next_member(){
		if(num_member==9){
			alert("the last page");
			return ;
		}
		document.getElementById("member"+num_member).style.display="none";
		num_member++;
		document.getElementById("member"+num_member).style.display="block";
                switch(num_member)
		{
			case 1:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
				break;
			case 2:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
				break;
			case 3:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
				break;
			case 4:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
				break;
			case 5:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
				break;
			case 6:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
				break;
			case 7:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
				break;
			case 8:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
				break;
			case 9:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
				break;
			case 10:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
				break;
		}
	}
	function pre_member(){
		if(num_member==1){
			alert("the first page");
			return ;
		}
		document.getElementById("member"+num_member).style.display="none";
		num_member--;
		document.getElementById("member"+num_member).style.display="block";
		switch(num_member)
		{
			case 1:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
				break;
			case 2:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
				break;
			case 3:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
				break;
			case 4:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
				break;
			case 5:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
				break;
			case 6:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
				break;
			case 7:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
				break;
			case 8:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
				break;
			case 9:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
				break;
			case 10:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
				break;
		}
	}
</script>
<body>
    <div class="left">
    </div>
    <img src="https://static.igem.org/mediawiki/2015/d/d1/WHU-China_next.png" id="next" />
	<div class="container">
    	<img src="https://static.igem.org/mediawiki/2015/e/ea/WHU-China_4.png" />
    	<div class="header">
        	<div class="header-left">
            	<img src="https://static.igem.org/mediawiki/2015/f/f4/WHU-China_6.png" />
            </div>
            <div class="header-right">
            	<ul>
                	<li>
                        <nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Homepage"><img src="https://static.igem.org/mediawiki/2015/9/99/WHU-China_H.png" width="100px" height="118px"/></a>
                        </nav>
                    </li>
                    <li style="margin-left:100px">
                    	<nav>
                        	<a href="javascript:return false"><img src="https://static.igem.org/mediawiki/2015/1/18/WHU-China_TE1.png" onclick="fun(1)"  /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:172px;bottom:-23px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Description"><img src="https://static.igem.org/mediawiki/2015/9/97/WHU-China_PR1.png"/></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:262px;bottom:24px">
                    	<nav>
                        	<a href="javascript:return false"><img src="https://static.igem.org/mediawiki/2015/9/92/WHU-China_PA1.png" onclick="fun(3)" /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:338px;bottom:37px">
                    	<nav>
                        	<a href="javascript:return false"><img src="https://static.igem.org/mediawiki/2015/f/f0/WHU-China_NO1.png" onclick="fun(4)" /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:449px;bottom:3px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Practices"><img src="https://static.igem.org/mediawiki/2015/6/63/WHU-China_HP1.png"/></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:540px;bottom:-22px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Modeling"><img src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_MO1.png"/></a>
                   		</nav>
                    </li>
                </ul>
            </div>
        </div>
        <!--header end-->
        <div class="middle-left">
        	<img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
            <img src="https://static.igem.org/mediawiki/2015/3/34/WHU-China_10.png" id="whu-logo"/>
            <div class="secmenu" id="sec">
                <ul id="tit1">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Team">Member</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Collaborations">Collaborations</a></li>
                </ul>
                <ul id="tit2">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=1">Overview</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=3">Criticality Detector</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=6">Binary System</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=8">Dosage Control System</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Result">Results</a></li>
                </ul>
                <ul id="tit3">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Parts">Team Parts</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Basic_Parts">Basic Parts</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Composite_Part">Composite Parts</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/F_Part">Favorite Parts</a></li>
                </ul>
                <ul id="tit4">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Notebook">Notebook</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Safety">Safety</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Experiments">Protocols</a></li>
                </ul>
                <ul id="tit5">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=5">Meet ups</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=1">Sketch in dishes</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=8">Smile mates</a></li>
                </ul>
                <ul id="tit6">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Modeling">Modeling</a></li>
                </ul>
            </div>
        </div>
        <!--header end-->
        <div class="middle-left">
        	<img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
            <img src="https://static.igem.org/mediawiki/2015/3/34/WHU-China_10.png" id="whu-logo"/>
            <div class="secmenu" id="sec">
                <ul id="tit1">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Team">Member</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Collaborations">Collaborations</a></li>
                </ul>
                <ul id="tit2">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description">Overview</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Criticality">Criticality Detector</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/BinarySystem">Binary System</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/DentalCP">Dental Caries Prevention</a></li>
                    <li><a href="javascript:return false;">Results</a></li>
                </ul>
                <ul id="tit3">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Parts">Team Parts</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Basic_Parts">Basis Parts</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Composite_Part">Composite Parts</a></li>
                    <li><a href="javascript:return false;">Favorite Parts</a></li>
                </ul>
                <ul id="tit4">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Notebook">Notebook</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Safety">Safety</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Experiments">Protocols</a></li>
                </ul>
                <ul id="tit5">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=5">Meet ups</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=1">Sketch in dishes</a></li>
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=8">Smile mates</a></li>
                </ul>
                <ul id="tit6">
                    <li><a href="https://2015.igem.org/Team:WHU-China/Modeling">Modeling</a></li>
                </ul>
            </div>
        </div>
        <!-- middle end -->
        <div class="text">
        <img src="https://static.igem.org/mediawiki/2015/7/7c/WHU-China_1.png" id="bg" />
        <img src="https://static.igem.org/mediawiki/2015/f/f7/WHU-China_5.png" id="board" usemap="#planetmap" />
        <img src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png" id="pagenum" />
        <map name="planetmap" id="planetmap">
        <!-- next page -->
        <a href="javascript:return false;"><area
            shape="circle"
            coords="120,360,50"
            title="next page"
            target ="_blank"
            alt="圆形"
            onclick="next_member()" /></a>
        <!-- previous page -->
        <a href="javascript:return false;"><area
         	shape="circle"
            coords="120,990,50"
            title="previous page"
            target ="_blank"
            alt="圆形"
            onclick="pre_member()" /></a>
        </map>
        <div class="textarea">
        	<h2>Result</h2>
        	<div class="editarea" id="member1">
            	<div class="member">
            	<img src="https://static.igem.org/mediawiki/2015/9/9c/WHU-China_result1.png" width="400">
                <span style="margin-left:405px">part: Promoter + Cph8</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2612 bp</span>
                <span style="margin-left:405px;margin-bottom:350px;">Construction succeeded! </span>
                </div>
                <div class="member" style="margin-top:600px">
                <img src="https://static.igem.org/mediawiki/2015/9/9c/WHU-China_result2.png" height="500">
                <span style="margin-left:405px">part: RBS + ho1</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 1083 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
           	</div>
            <div class="editarea" id="member2">
            	<div class="member">
            	<img src="https://static.igem.org/mediawiki/2015/1/1e/WHU-China_result3.png" height="500">
                <span style="margin-left:405px">part: RBS + pcyA</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 1107 bp</span>
                <span style="margin-left:405px;margin-bottom:350px">Construction succeeded! </span>
                </div>
                <div class="member" style="margin-top:600px">
                <img src="https://static.igem.org/mediawiki/2015/e/eb/WHU-China_result4.png" width="400">
                <span style="margin-left:405px">part: RBS + ho1 + RBS + pcyA + terminator</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2021 bp</span>
                <span style="margin-left:405px;margin-bottom:350px">Construction succeeded! </span>
                </div>
           	</div>
            <div class="editarea" id="member3">
            	<div class="member">
            	<img src="https://static.igem.org/mediawiki/2015/6/62/WHU-China_result5.png" width="400">
                <span style="margin-left:405px">part: RBS + ho1 + RBS + pcyA </span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 1884 bp</span>
                <span style="margin-left:405px;margin-bottom:350px">Construction succeeded! </span>
                </div>
                <div class="member" style="margin-top:600px">
                <img src="https://static.igem.org/mediawiki/2015/2/22/WHU-China_result6.png" width="400">
                <span style="margin-left:405px">part: Promoter + RBS + Cph8 + RBS + ho1 + RBS + pcyA + terminator</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length  (from VF2 to VR) : 4327 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
           	</div>
            <div class="editarea" id="member4">
            	<div class="member">
            	<img src="images2/1.png" width="400">
                <span style="margin-left:405px">part: Promoter + Cph8</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2612 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
                <div class="member" style="margin-top:600px">
                <img src="images2/1.png" width="400">
                <span style="margin-left:405px">part: Promoter + Cph8</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2612 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
           	</div>
            <div class="editarea" id="member5">
            	<div class="member">
            	<img src="images2/1.png" width="400">
                <span style="margin-left:405px">part: Promoter + Cph8</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2612 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
                <div class="member" style="margin-top:600px">
                <img src="images2/1.png" width="400">
                <span style="margin-left:405px">part: Promoter + Cph8</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2612 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
           	</div>
            <div class="editarea" id="member6">
            	<div class="member">
            	<img src="images2/1.png" width="400">
                <span style="margin-left:405px">part: Promoter + Cph8</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2612 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
                <div class="member" style="margin-top:600px">
                <img src="images2/1.png" width="400">
                <span style="margin-left:405px">part: Promoter + Cph8</span>
                <span style="margin-left:405px">Colony pcr using primer VF2 and VR</span>
                <span style="margin-left:405px">Theoretical length (from VF2 to VR) : 2612 bp</span>
                <span style="margin-left:405px;margin-bottom:400px">Construction succeeded! </span>
                </div>
           	</div>
        </div>
        </div>
        <!-- text area end -->
        <div class="footer">
        	<img src="https://static.igem.org/mediawiki/2015/c/c0/WHU-China_2.png" />
        </div>
        <!-- footer end -->
    </div>
</body>
</html>