Team:XMU Software/Team

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
#team{
-
<head>
+
position:absolute;
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
top:0px;
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
left:0px;
-
<script type="text/javascript" async="" src="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/Team/js&action=raw&amp;ctype=text/javascript"></script>
+
width:1347px;
-
 
+
height:7000px;
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/css&action=raw&amp;ctype=text/css"/>
+
}
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/Team/css&action=raw&amp;ctype=text/css"/>
+
#team_s1{
-
</head>
+
position:absolute;
-
<body>
+
top:0px;
-
    <div id="xmu_body">
+
left:0px;
-
<div id="xmu_software">
+
z-index:1;
-
<div id="xmu_software_right_matrix"></div>
+
}
-
<!--team-->
+
.team_title{
-
<div id="team"><a name="_team" id="_team"></a>
+
position:absolute;
-
<div class="navigation">
+
top:170px;
-
<div>
+
width:1347px;
-
<ul id="jsddm">
+
text-align:center;
-
<li><div onClick="home();"><a href="https://2013.igem.org/Team:XMU_Software">Home</a></div></li>
+
font-family:Arial;
-
<li><div onClick="team();"><a href="https://2013.igem.org/Team:XMU_Software/Team">Team</a></div></li>
+
font-size:48px;
-
<li><div onClick="project();"><a href="https://2013.igem.org/Team:XMU_Software/Project">Project</a></div></li>
+
color:#ffffff;
-
<li><div onClick="requirements();"><a href="https://2013.igem.org/Team:XMU_Software/Requirements">Requirements</a></div></li>
+
font-weight:bold;
-
<li><div onClick="hp();"><a href="https://2013.igem.org/Team:XMU_Software/Outreach">Outreach</a></div></li>
+
}
-
<li><div onClick="notebook();"><a href="https://2013.igem.org/Team:XMU_Software/Notebook">Notebook</a></div></li>
+
.team_introduce{
-
</ul>
+
position:absolute;
-
</div>
+
top:250px;
-
<div class="home_s3l1"></div>
+
left:333px;
-
</div>
+
width:700px;
-
<div id="team_s1">
+
    text-align:justify;
-
<canvas id="myCanvas" width="1347px" height="395px"></canvas>
+
font-family:Arial;
-
<div class="team_title">TEAM</div>
+
font-size:18px;
-
<div class="team_introduce">XMU Software 2013 team consists of 11 team members, 2 instructors and 3 advisors. This extraordinarily energetic and creative team is tightly connected by trust, collaboration and affection among its members.</div>
+
color:#ffffff;
-
</div>
+
}
-
<div class="navi_text">
+
p{/*段落文本*/
-
<a id="team_navi1" class="navi1" href="#_ourteam"        onmouseover="navi1();" onmouseout="navi11();"  style="color:white">Our Team</a>
+
font-family:Arial ;
-
<a id="team_navi2" class="navi2" href="#_teamvideo"      onmouseover="navi2();" onmouseout="navi21();"  style="color:white">Team Video</a>
+
font-size:15px;
-
<a id="team_navi3" class="navi3" href="#_attribution"    onmouseover="navi3();" onmouseout="navi31();"  style="color:white">Attribution</a>
+
color:#434343;
-
<a id="team_navi4" class="navi4" href="#_acknowledgement" onmouseover="navi4();" onmouseout="navi41();"  style="color:white">Acknowledgement</a>
+
text-align:justify;
-
<a id="team_navi5" class="navi5" href="#_city"            onmouseover="navi5();" onmouseout="navi51();"  style="color:white">Our City&amp;University </a>
+
line-height:19px;
-
<a id="team_navi6" class="navi6" href="javascript:void(0)"onmouseover="navi6();" onmouseout="navi61();"  style="color:white">Back To Top</a>
+
margin-top:10px;
-
</div>
+
}
-
<div id="ourteam"><a name="_ourteam" id="_ourteam"></a>
+
/*ourteam.css***********************************************************************************************************/
-
<div id="team_m1">
+
#ourteam{
-
<img src="https://static.igem.org/mediawiki/2013/5/50/%E6%A0%87%E9%A2%98%E6%A0%8F.png" width="1348px" class="sep_photo">
+
position:absolute;
-
<div class="sep_title">Our Team</div>
+
background-color:#fefef2;
-
</div>
+
width:1335px;
-
<div id="team_m2">
+
top:395px;
-
<div class="body_heading" id="team_m2t1">Members</div>
+
left:0px;
-
<div id="team_member">
+
}
-
<div id="member">
+
#team_m1{
-
<div id="A" >
+
position:absolute;
-
<div > <img class="tx"  id="T1" onmouseover="over1()" onmouseout="out1()" src="https://static.igem.org/mediawiki/2013/4/45/Xmusoftware_%E9%BB%84%E6%96%B02.png" ></div>
+
top:5px;
-
<div>        <img class="tx"  id="TT1"  src="https://static.igem.org/mediawiki/2013/d/d4/Xmusoftware_%E9%BB%84%E6%96%B0.png" ></div>
+
}
-
+
#team_member{
-
<div id="T2"> <img class="tx" onmouseover="over2()" onmouseout="out2()"  src="https://static.igem.org/mediawiki/2013/0/03/Xmusoftware_%E6%9E%97%E5%B1%BE2.png" ></div>
+
position:absolute;
-
<div>        <img class="tx"  id="TT2"  src="https://static.igem.org/mediawiki/2013/8/87/Xmusoftware_%E6%9E%97%E5%B1%BE.png" ></div>
+
top:95px;
-
+
width:1348px;
-
<div id="T3"> <img class="tx" onmouseover="over3()" onmouseout="out3()" src="https://static.igem.org/mediawiki/2013/9/9b/Xmusoftware_%E9%82%B1%E7%AB%8B%E6%A5%B72.png" ></div>
+
height:850px;
-
<div>        <img class="tx"  id="TT3"  src="https://static.igem.org/mediawiki/2013/9/94/Xmusoftware_%E9%82%B1%E7%AB%8B%E6%A5%B7.png" ></div>
+
}
-
+
#team_m2t1{
-
<div id="T4"> <img class="tx" onmouseover="over4()" onmouseout="out4()" src="https://static.igem.org/mediawiki/2013/9/9a/Xmusoftware_%E5%BC%A0%E8%89%BA%E5%A8%9F2.png" ></div>
+
position:absolute;
-
<div>        <img class="tx"  id="TT4"  src="https://static.igem.org/mediawiki/2013/b/b2/Xmusoftware_%E5%BC%A0%E8%89%BA%E5%A8%9F.png" ></div>
+
top:200px;
-
+
left:20%;
-
<div id="T5"> <img class="tx" onmouseover="over5()" onmouseout="out5()" src="https://static.igem.org/mediawiki/2013/4/47/Xmusoftware_%E9%99%88%E6%9C%88%E6%A1%A22.png" ></div>
+
z-index:10;
-
<div>        <img class="tx"  id="TT5"  src="https://static.igem.org/mediawiki/2013/f/fd/Xmusoftware_%E9%99%88%E6%9C%88%E6%A1%A2.png" ></div>
+
}
-
+
#team_m3{
-
<div id="T6"> <img class="tx" onmouseover="over6()" onmouseout="out6()" src="https://static.igem.org/mediawiki/2013/6/6d/Xmusoftware_%E7%A8%8B%E6%99%972.png" ></div>
+
position:absolute;
-
<div>        <img class="tx"  id="TT6"  src="https://static.igem.org/mediawiki/2013/f/f2/Xmusoftware_%E7%A8%8B%E6%99%97.png" ></div>
+
top:935px;
-
+
width:1348px;
-
<div id="T7"> <img class="tx" onmouseover="over7()" onmouseout="out7()" src="https://static.igem.org/mediawiki/2013/1/1e/Xmusoftware_%E9%BB%84%E6%B1%9F2.png" ></div>
+
height:800px;
-
<div>        <img class="tx"  id="TT7"  src="https://static.igem.org/mediawiki/2013/9/90/Xmusoftware_%E9%BB%84%E6%B1%9F.png" ></div>
+
background-color:#eff0e2;
-
+
}
-
<div id="T8"> <img class="tx" onmouseover="over8()" onmouseout="out8()" src="https://static.igem.org/mediawiki/2013/d/d6/Xmusoftware_%E9%9F%A9%E6%B6%9B2.png" ></div>
+
#team_instructor{
-
<div>        <img class="tx"  id="TT8"  src="https://static.igem.org/mediawiki/2013/0/0d/Xmusoftware_%E9%9F%A9%E6%B6%9B.png" ></div>
+
position:absolute;
-
 
+
left:20%;
-
<div id="T9"> <img class="tx" onmouseover="over9()" onmouseout="out9()" src="https://static.igem.org/mediawiki/2013/c/c6/XMUSOFTWARE%E8%A3%98%E8%8B%A5%E6%A1%912.png" ></div>
+
}
-
<div>        <img class="tx"  id="TT9"  src="https://static.igem.org/mediawiki/2013/f/fe/XMUSoftware_Ruosang.png" ></div>
+
.name{
-
+
font-family:Arial;
-
<div id="T10"> <img class="tx" onmouseover="over10()" onmouseout="out10()" src="https://static.igem.org/mediawiki/2013/9/90/Xmusoftware_%E6%B4%AA%E6%98%B1%E6%97%BB2.png" ></div>
+
font-size:24px;
-
<div>          <img class="tx"  id="TT10"  src="https://static.igem.org/mediawiki/2013/4/4e/Xmusoftware_%E6%B4%AA%E6%98%B1%E6%97%BB.png" ></div>
+
font-weight:bold;
-
+
color:#004986;
-
<div id="T11"> <img class="tx" onmouseover="over11()" onmouseout="out11()" src="https://static.igem.org/mediawiki/2013/b/bf/Xmusoftware_%E9%BB%84%E5%89%91%E5%85%B42.png" ></div>
+
margin-left:25px;
-
<div>          <img class="tx"  id="TT11"  src="https://static.igem.org/mediawiki/2013/2/2a/Xmusoftware_%E9%BB%84%E5%89%91%E5%85%B4.png" ></div>
+
}
-
+
.team_m3t1{
-
<div id="T12"><div class="yk">Members</div></div>
+
position:relative;
-
+
top:-250px;
-
<div ><img class="wcleft" id="w1" src="https://static.igem.org/mediawiki/2013/d/d7/Xmusoftware_%E9%BB%84%E6%96%B0%E6%96%87%E6%A1%A31.png"></div>
+
left:230px;
-
<div ><img class="wcleft" id="w2" src="https://static.igem.org/mediawiki/2013/c/c9/Xmusoftware_%E6%9E%97%E5%B1%BE%E6%96%87%E6%A1%A31.png"></div>
+
width:600px;
-
<div ><img class="wcleft" id="w4"src="https://static.igem.org/mediawiki/2013/7/78/Xmusoftware_%E5%BC%A0%E8%89%BA%E5%A8%9F%E6%96%87%E6%A1%A31.png"></div>
+
height:244px;
-
<div ><img class="wcleft" id="w6"src="https://static.igem.org/mediawiki/2013/c/c1/Xmusoftware_%E7%A8%8B%E6%99%97%E6%96%87%E6%A1%A31.png"></div>
+
padding:3px 20px;
-
<div ><img class="wcleft" id="w8"src="https://static.igem.org/mediawiki/2013/d/d7/Xmusoftware_%E9%9F%A9%E6%B6%9B%E6%96%87%E6%A1%A31.png"></div>
+
background-color:#fefef2;
-
<div ><img class="wcleft" id="w10"src="https://static.igem.org/mediawiki/2013/9/9c/Xmusoftware_%E6%B4%AA%E6%98%B1%E6%97%BB%E6%96%87%E6%A1%A31.png"></div>
+
}
-
<div ><img class="w2left" id="ww1" src="https://static.igem.org/mediawiki/2013/6/6f/Xmusoftware_%E9%BB%84%E6%96%B0%E6%96%87%E6%A1%A32.png"></div>
+
#team_m3n1{
-
<div ><img class="w2left" id="ww2" src="https://static.igem.org/mediawiki/2013/8/87/Xmusoftware_%E6%9E%97%E5%B1%BE%E6%96%87%E6%A1%A32.png"></div>
+
position:absolute;
-
<div ><img class="w2left"id="ww4" src="https://static.igem.org/mediawiki/2013/9/91/Xmusoftware_%E5%BC%A0%E8%89%BA%E5%A8%9F%E6%96%87%E6%A1%A32.png"></div>
+
top:50px;
-
<div ><img class="w2left" id="ww6"src="https://static.igem.org/mediawiki/2013/8/8d/Xmusoftware_%E7%A8%8B%E6%99%97%E6%96%87%E6%A1%A32.png"></div>
+
}
-
<div ><img class="w2left"id="ww8" src="https://static.igem.org/mediawiki/2013/2/27/Xmusoftware_%E9%9F%A9%E6%B6%9B%E6%96%87%E6%A1%A32.png"></div>
+
#team_m3n2{
-
<div ><img class="w2left"id="ww10" src="https://static.igem.org/mediawiki/2013/b/bd/Xmusoftware_%E6%B4%AA%E6%98%B1%E6%97%BB%E6%96%87%E6%A1%A32.png"></div>
+
position:absolute;
-
<div ><img class="w3left" id="www1" src="https://static.igem.org/mediawiki/2013/1/15/Xmusoftware_%E9%BB%84%E6%96%B0%E6%96%87%E6%A1%A33.png"></div>
+
top:320px;
-
<div ><img class="w3left" id="www2" src="https://static.igem.org/mediawiki/2013/f/f8/Xmusoftware_%E6%9E%97%E5%B1%BE%E6%96%87%E6%A1%A33.png"></div>
+
}
-
<div ><img class="w3left" id="www4"src="https://static.igem.org/mediawiki/2013/6/64/Xmusoftware_%E5%BC%A0%E8%89%BA%E5%A8%9F%E6%96%87%E6%A1%A33.png"></div>
+
#team_m4{
-
<div ><img class="w3left"id="www6" src="https://static.igem.org/mediawiki/2013/5/5c/Xmusoftware_%E7%A8%8B%E6%99%97%E6%96%87%E6%A1%A33.png"></div>
+
position:absolute;
-
<div ><img class="w3left" id="www8"src="https://static.igem.org/mediawiki/2013/b/bf/Xmusoftware_%E9%9F%A9%E6%B6%9B%E6%96%87%E6%A1%A33.png"></div>
+
top:1600px;
-
<div ><img class="w3left" id="www10"src="https://static.igem.org/mediawiki/2013/8/80/Xmusoftware_%E6%B4%AA%E6%98%B1%E6%97%BB%E6%96%87%E6%A1%A33.png"></div>
+
width:1348px;
-
<div ><img class="wcright" id="w3" src="https://static.igem.org/mediawiki/2013/8/8f/Xmusoftware_%E9%82%B1%E7%AB%8B%E6%A5%B7%E6%96%87%E6%A1%A31.png"></div>
+
height:900px;
-
<div ><img class="wcright" id="w5"src="https://static.igem.org/mediawiki/2013/a/a9/Xmusoftware_%E9%99%88%E6%9C%88%E6%A1%A2%E6%96%87%E6%A1%A31.png"></div>
+
background-color:#eff0e2;
-
<div ><img class="wcright" id="w7"src="https://static.igem.org/mediawiki/2013/4/42/Xmusoftware_%E9%BB%84%E6%B1%9F%E6%96%87%E6%A1%A31.png"></div>
+
}
-
<div ><img class="wcright" id="w9"src="https://static.igem.org/mediawiki/2013/d/d6/XMUSOFTWARE%E8%A3%98%E8%8B%A5%E6%A1%91%E6%96%87%E6%A1%A31.png"></div>
+
#team_advisor{
-
<div ><img class="wcright" id="w11"src="https://static.igem.org/mediawiki/2013/5/50/Xmusoftware_%E9%BB%84%E5%89%91%E5%85%B4%E6%96%87%E6%A1%A31.png"></div>
+
position:absolute;
-
<div ><img class="w2right" id="ww3" src="https://static.igem.org/mediawiki/2013/0/07/Xmusoftware_%E9%82%B1%E7%AB%8B%E6%A5%B7%E6%96%87%E6%A1%A32.png"></div>
+
left:20%;
-
<div ><img class="w2right"id="ww5" src="https://static.igem.org/mediawiki/2013/7/70/Xmusoftware_%E9%99%88%E6%9C%88%E6%A1%A2%E6%96%87%E6%A1%A32.png"></div>
+
}
-
<div ><img class="w2right" id="ww7"src="https://static.igem.org/mediawiki/2013/1/1e/Xmusoftware_%E9%BB%84%E6%B1%9F%E6%96%87%E6%A1%A32.png"></div>
+
#team_m4n1{
-
<div ><img class="w2right"id="ww9" src="https://static.igem.org/mediawiki/2013/d/dc/XMUSOFTWARE%E8%A3%98%E8%8B%A5%E6%A1%91%E6%96%87%E6%A1%A32.png"></div>
+
position:absolute;
-
<div ><img class="w2right"id="ww11" src="https://static.igem.org/mediawiki/2013/8/82/Xmusoftware_%E9%BB%84%E5%89%91%E5%85%B4%E6%96%87%E6%A1%A32.png"></div>
+
top:50px;
-
<div ><img class="w3right" id="www3" src="https://static.igem.org/mediawiki/2013/4/4a/Xmusoftware_%E9%82%B1%E7%AB%8B%E6%A5%B7%E6%96%87%E6%A1%A33.png"></div>
+
}
-
<div ><img class="w3right" id="www5"src="https://static.igem.org/mediawiki/2013/c/c6/Xmusoftware_%E9%99%88%E6%9C%88%E6%A1%A2%E6%96%87%E6%A1%A33.png"></div>
+
#team_m4n2{
-
<div ><img class="w3right"id="www7" src="https://static.igem.org/mediawiki/2013/8/88/Xmusoftware_%E9%BB%84%E6%B1%9F%E6%96%87%E6%A1%A33.png"></div>
+
position:absolute;
-
<div ><img class="w3right" id="www9"src="https://static.igem.org/mediawiki/2013/8/8d/XMUSOFTWARE%E8%A3%98%E8%8B%A5%E6%A1%91%E6%96%87%E6%A1%A33.png"></div>
+
top:320px;
-
<div ><img class="w3right" id="www11"src="https://static.igem.org/mediawiki/2013/d/d5/Xmusoftware_%E9%BB%84%E5%89%91%E5%85%B4%E6%96%87%E6%A1%A33.png"></div>
+
}
-
</div>
+
#team_m4n3{
-
</div>
+
position:absolute;
-
</div>
+
top:590px;
-
</div>
+
}
-
+
#video{
-
<div id="team_m3">
+
position:absolute;
-
<div id="team_instructor">
+
background-color:#eff0e2;
-
<div class="body_heading">Instructors</div>
+
width:1348px;
-
<div id="team_m3n1">
+
height:800px;
-
<div><img src="https://static.igem.org/mediawiki/2013/5/5e/Xmusoftware_instructor1.jpg"></div>
+
top:2880px;
-
<div class="team_m3t1">
+
left:0px;
-
</br><div class="name">Prof. Baishan Fang</div></br>
+
}
-
<p>Dr. Baishan Fang is the professor in College of Chemistry & Chemical Engineering at Xiamen University. In the group of biocatalysis and biotransformation, his research mainly focuses on synthetic biology, mining and the transformation of the enzyme, construction of bio-molecular machines, the application of new biocatalysts. His major role of XMU iGEM team is to mentor for all and to enlighten the members.</br></br></br></br></br></p>
+
#video_m2{
-
</div>
+
position:absolute;
-
</div>
+
top:150px;
-
<div id="team_m3n2">
+
left:20%;
-
<div><img src="https://static.igem.org/mediawiki/2013/9/94/Xmusoftware_instructor2.jpg"></div>
+
width:800px;
-
<div class="team_m3t1">
+
background-color:#fefef2;
-
</br><div class="name">Associate Prof. I-Son Ng</div></br>
+
padding:10px 30px;
-
<p>Dr. I-Son Ng is the associate professor in College of Chemistry & Chemical Engineering at Xiamen University. Her research interests are biofuel, engineering of enzyme and protein, zymology, genetic engineering, biochemical separation procedures and proteomics. Her role for the project is to provide suggestions and instruments.</br> </br></br></br></br></p>
+
}
-
</div>
+
#attribution{
-
</div>
+
position:absolute;
-
</div>
+
background-color:#eff0e2;
-
</div>
+
width:1348px;
-
+
height:3200px;
-
<div id="team_m4">
+
top:3530px;
-
<div id="team_advisor">
+
left:0px;
-
<div class="body_heading">Advisors</div>
+
}
-
<div id="team_m4n1">
+
#attribution_m2{
-
<div><img src="https://static.igem.org/mediawiki/2013/8/85/Xmusoftware_advisor1.jpg"></div>
+
position:absolute;
-
<div class="team_m3t1">
+
top:150px;
-
</br><div class="name" >Ruosang Qiu</div></br>
+
left:20%;
-
<p>It is great for a team to have an omniscient advisor, even better an inspiring one. Ruosang Qiu , our beloved advisor, definitely is offering both. Her hard work as well as undoubted adorable personality is the motivation of our team members' efforts, her clear mind combined with provident planning lays the foundation of our successful project, To quote her words: I' was a happy iGEMer in 2012, I'm going to make you all happy iGEMers in 2013.</br></br></br></br></p>
+
width:800px;
-
</div>
+
background-color:#fefef2;
-
</div>
+
padding:10px 30px;
-
<div id="team_m4n2">
+
}
-
<div><img src="https://static.igem.org/mediawiki/2013/f/f0/Xmusoftware_advisor2.jpg"></div>
+
.attribution_li{
-
<div class="team_m3t1">
+
font-family:Arial;
-
</br><div class="name" >Xin Wu</div>
+
font-size:16px;
-
<p>The past three years have seen his tremendous dedication to iGEM, Xin Wu, a passionate team member in XMU China 2011, a devoted team leader in XMU China 2012 and now, an invaluable advisor in XMU Software 2013. Had it not been Xin Wu's constant encouragement and guidance, we,the inexperienced iGEMers might have been faint-hearted and failed to face up to the challenges during the process. It is drawing on his expertise in synthetic biology and proficiency in iGEM competition that we have solved the seemingly unsolvable and conquered the seemingly unconquerable.</br></br></br></p>
+
color:#434343;
-
</div>
+
}
-
</div>
+
#acknowledgement{
-
<div id="team_m4n3">
+
position:absolute;
-
<div><img src="https://static.igem.org/mediawiki/2013/8/82/Xmusoftware_advisor3.jpg"></div>
+
background-color:#eff0e2;
-
<div class="team_m3t1">
+
width:1348px;
-
</br><div class="name" >Youbin Mo</div></br>
+
height:800px;
-
<p>Youbin Mo is one of the great advisors of XMU software team in 2013. As a computational biophysicist, y, he is an unquestionable master of biological model and computer programming. In the meanwhile, website constructing is also Mo's technical ability which he acquired by participating the iGEM last year. Youbin gives play to his talent by teaching fundamental program skills to new iGEMers as well as directing them to be self-reliant synthetic biologists.</br></br></br></br></p>
+
top:5750px;
-
</div>
+
left:0px;
-
</div>
+
}
-
</div>
+
#ack_m2{
-
</div>
+
position:absolute;
-
+
top:130px;
-
</div>
+
left:20%;
-
<div id="video"><a name="_teamvideo" id="_teamvedio"></a>
+
width:800px;
-
<div id="video_m1">
+
background-color:#fefef2;
-
<img src="https://static.igem.org/mediawiki/2013/5/50/%E6%A0%87%E9%A2%98%E6%A0%8F.png" width="1348px" class="sep_photo">
+
padding:10px 30px;
-
<div class="sep_title">Team Video</div>
+
}
-
</div>
+
#city{
-
<div id="video_m2">
+
position:absolute;
-
<video width="800" height="450" controls="controls">
+
background-color:#eff0e2;
-
<source src="https://static.igem.org/mediawiki/2013/d/d0/Xmuxmuxmuxmu%E5%AE%8C%E6%95%B42.mov" type="video/mp4" />
+
width:1348px;
-
</video>
+
height:1100px;
-
</div>
+
top:6300px;
-
</div>
+
left:0px;
 +
}
 +
#city_m2{
 +
position:absolute;
 +
left:20%;
 +
}
 +
.city_m2t1{
 +
position:relative;
 +
top:30px;
 +
width:490px;
 +
height:400px;
 +
padding:3px 20px;
 +
background-color:#fefef2;
 +
}
 +
.city_m2p1{
 +
position:absolute;
 +
top:30px;
 +
left:550px;
 +
}
 +
#city_m3{
 +
position:absolute;
 +
top:570px;
 +
left:20%;
 +
}
 +
.city_m2t2{
 +
position:relative;
 +
top:40px;
 +
width:490px;
 +
height:350px;
 +
left:320px;
 +
padding:3px 20px;
 +
background-color:#fefef2;
 +
}
 +
.city_m2p2{
 +
position:absolute;
 +
top:40px;
-
<div id="attribution"><a name="_attribution" id="_attribution"></a>
+
}
-
<div id="attribution_m1">
+
/*member.css***********************************************************************************************************/
-
<img src="https://static.igem.org/mediawiki/2013/5/50/%E6%A0%87%E9%A2%98%E6%A0%8F.png" width="1348px" class="sep_photo">
+
#member{
-
<div class="sep_title">Attribution</div>
+
position:absolute;
-
</div>
+
top:0px;
-
<div id="attribution_m2">
+
left:0px;
-
<div>
+
width:1348px;
-
<h1>Team Members</h1>
+
height:850px;
-
<h5>Yumin Hong</h5>
+
background-color:#eff0e2;
-
<ul class="attribution_li">
+
overflow-x:hidden;
-
<li>Human Practice</li>
+
}
-
<li>Photographer</li>
+
#A{
-
<li>Design User Interface of all software and tools</li>
+
position:absolute;
-
<li>Design Visual Identity of team (team logo, mascot wiki, poster and so on)</li>
+
top:-200px;
-
</ul>
+
left:-40px;
-
</br>
+
-
+
.tx{
-
<h5>Yuezhen Chen</h5>
+
height:150px;
-
<ul class="attribution_li">
+
}
-
<li>Constructor of the circuit</li>
+
#T1{
-
<li>Wet Lab Journal</li>
+
position: absolute;
-
<li>Lecture and Theme Campus Party</li>
+
left:620px;
-
<li>Wiki designer and implementer</li>
+
top: 270px;
-
<li>E' NOTE designer and implementer</li>
+
z-index:5;
-
</ul></br>
+
}
-
+
#TT1{
-
<h5>Yijuan Zhang</h5>
+
position: absolute;
-
<ul class="attribution_li">
+
left:620px;
-
<li>BioBrick designer </li>
+
top: 270px;
-
<li>Circuit construction </li>
+
z-index:4;
-
<li>Data analyzer </li>
+
}
-
<li>The designer of Promoter-decoder, RBS-decoder </li>
+
#T2{
-
<li>Lecture and Theme Campus Party </li>
+
position: absolute;
-
<li>The chief translator </li>
+
left:480px;
-
</ul></br>
+
top: 320px;
-
+
z-index:5;
-
<h5>Xin Huang</h5>
+
}
-
<ul class="attribution_li">
+
#TT2{
-
<li>Fluorescence test </li>
+
position: absolute;
-
<li>Mascot maker </li>
+
left:480px;
-
<li>Travel management </li>
+
top: 320px;
-
<li>Wetlab assistance </li>
+
z-index:4;
-
<li>Data analyzer </li>
+
}
-
<li>Programmer </li>
+
#T3{
-
</ul></br>
+
position: absolute;
-
+
left:760px;
-
<h5>Tao Han</h5>
+
top: 320px;
-
<ul class="attribution_li">
+
z-index:5;
-
<li>Talented programmer </li>
+
}
-
<li>Human practice </li>
+
#TT3{
-
</ul></br>
+
position: absolute;
-
+
left:760px;
-
<h5>Shen Lin</h5>
+
top: 320px;
-
<ul class="attribution_li">
+
z-index:4;
-
<li>Designer of the SynoProteiner </li>
+
}
-
<li>Human practice </li>
+
#T4{
-
<li>Translater </li>
+
position: absolute;
-
<li>Financial management </li>
+
left:380px;
-
<li>Wiki designer </li>
+
top: 430px;
-
</ul></br>
+
z-index:5;
-
+
}
-
<h5>Likai Qiu</h5>
+
#TT4{
-
<ul class="attribution_li">
+
position: absolute;
-
<li>E’ NOTE designer and main implementer </li>
+
left:380px;
-
<li>Wiki implementer </li>
+
top: 430px;
-
<li>Network advisor of XMU-China </li>
+
z-index:4;
-
</ul></br>
+
}
-
+
#T5{
-
<h5>Jianxing Huang</h5>
+
position: absolute;
-
<ul class="attribution_li">
+
left:860px;
-
<li>Meeting memo </li>
+
top: 430px;
-
<li>Draft specification of E’ NOTE </li>
+
z-index:5;
-
<li>PPT of presentation </li>
+
}
-
</ul></br>
+
#TT5{
-
+
position: absolute;
-
<h5>Jiang Huang</h5>
+
left:860px;
-
<ul class="attribution_li">
+
top: 430px;
-
<li>Fluorescence test </li>
+
z-index:4;
-
<li>Designer of SynoProteiner part </li>
+
}
-
<li>Wetlab assistance </li>
+
#T6{
-
</ul></br>
+
position: absolute;
-
+
left:365px;
-
<h5>Han Cheng</h5>
+
top: 580px;
-
<ul class="attribution_li">
+
z-index:5;
-
<li>Constructor of the circuit and fluorescence test </li>
+
}
-
<li>The chief of Human practice </li>
+
#TT6{
-
<li>Mascot maker </li>
+
position: absolute;
-
<li>First lord of the treasury </li>
+
left:365px;
-
</ul></br>
+
top: 580px;
-
</div>
+
z-index:4;
-
<div>
+
}
-
<h1>Advisors</h1>
+
#T7{
-
<h5>Youbin Mo</h5>
+
position: absolute;
-
<ul class="attribution_li">
+
left:875px;
-
<li> Software training </li>
+
top: 580px;
-
<li> Wiki checker</li>
+
z-index:5;
-
</ul></br>
+
}
-
+
#TT7{
-
<h5>Xin Wu</h5>
+
position: absolute;
-
<ul class="attribution_li">
+
left:875px;
-
<li> Snacks sponsor</li>
+
top: 580px;
-
<li> rescue worker</li>
+
z-index:4;
-
</ul></br>
+
}
-
+
#T8{
-
<h5>Ruosang Qiu</h5>
+
position: absolute;
-
<ul class="attribution_li">
+
left:420px;
-
<li> Charge of the whole project</li>
+
top: 720px;
-
<li> Experiment training</li>
+
z-index:5;
-
+
}
-
</ul></br>
+
#TT8{
-
</div>
+
position: absolute;
-
</div>
+
left:420px;
-
</div>
+
top: 720px;
-
<div id="acknowledgement"><a name="_acknowledgement" id="_acknowledgement"></a>
+
z-index:4;
-
<div id="ack_m1">
+
}
-
<img src="https://static.igem.org/mediawiki/2013/5/50/%E6%A0%87%E9%A2%98%E6%A0%8F.png" width="1348px" class="sep_photo">
+
#T9{
-
<div class="sep_title">ACKNOWLEDGEMENT</div>
+
position: absolute;
-
</div>
+
left:820px;
-
+
top: 720px;
-
<div id="ack_m2">
+
z-index:5;
-
<p>All work described on this wiki or on our parts registry pages was done by iGEM Team XMU Software 2013. We managed to finish the whole project, from planning, financing to the complete dry and wet lab work by ourselves. Nevertheless we could not have done all this work without the help, advice and guidance of several people. Therefore, special thanks to the following people:</p>
+
}
-
<p>1. Team XMU China, the wet lab team of our university, gave us a hand to construction work.</p>
+
#TT9{
-
<p>2. Tina Zhang, the advisor of team XMU China, helped us in experiments, especially in site-specific mutagenesis and PCR.</p>
+
position: absolute;
-
<p>3. Prof. Zhiliang Ji, College of Life Science, provided us with valuable guidance in choosing the project.</p>
+
left:820px;
-
<p>4. Prof. Shoufa Han, provided us with many instruments such as ELISA reader to test the fluorescence.</p>
+
top: 720px;
-
<p>5. Qiang Kou, the previous team leader of SYSU-Software team, gives us lots of help.</p>
+
z-index:4;
-
<p>6. Wenjun Rao, a shy boy from XMU Software College, build the beautiful interfaces for Brick Worker.</p>
+
}
-
<P>7. Wenyao Shao, a nice guy who allowed us use the room 105 as our camp for a whole summer vacation.</p>
+
#T10{
-
<p>8. There are many friends we met during the last year, NJU China, SUSTC-SHENZHEN-B, USTC-Software and so on. Thank you for your supporting.</p>
+
position: absolute;
-
<p>9. Our sponsors: Xiamen University and Mathwork. </p>
+
left:545px;
-
</div>
+
top: 810px;
-
</div>
+
z-index:5;
-
+
}
-
<div id="city"><a name="_city" id="_city"></a>
+
#TT10{
-
<div id="city_m1">
+
position: absolute;
-
<img src="https://static.igem.org/mediawiki/2013/5/50/%E6%A0%87%E9%A2%98%E6%A0%8F.png" width="1348px" class="sep_photo">
+
left:545px;
-
<div class="sep_title">Our City& University</div>
+
top: 810px;
-
</div>
+
z-index:4;
-
+
}
-
<div id="city_m2">
+
#T11{
-
<div class="city_m2t1">
+
position: absolute;
-
</br></br>
+
left:695px;
-
<div class="name">Xiamen</div></br>
+
top: 810px;
-
<p>Xiamen, also known as Amoy to the west, is a cozy city located in the southeastern part of China, and has a relaxing coastal charm with a population of 1.3 million. It's a historical harbor city which was founded in the mid-14 century, in the early years of the Ming Dynasty. In the early 1980's, Xiamen was declared as one of China's first Special Economic Zone, taking advantages of the city's heritage as a trading center and the proximity to Taiwan. In 2004 the city won the finals of the world's Human Settlements and Environment Award, "Nations in Bloom". Xiamen is one of China's most attractive and best-maintained resort city, and attracts a large number of foreign and local tourists. The city is easily accessible by air, and there are direct flights from Hong Kong, Kuala Lumpur, Osaka, Seoul, Singapore and Tokyo. Within China, Xiamen airport is linked to more than 30 domestic airports.</p>
+
z-index:5;
-
</div>
+
}
-
<div class="city_m2p1">
+
#TT11{
-
<img src="https://static.igem.org/mediawiki/2013/6/6d/Xmusoftware_City.jpg">
+
position: absolute;
-
</div>
+
left:695px;
-
</div>
+
top: 810px;
-
+
z-index:4;
-
<div id="city_m3">
+
}
-
<div class="city_m2p2">
+
#T12{ 
-
<img src="https://static.igem.org/mediawiki/2013/3/3a/Xmusoftware_xmu.jpg">
+
position: absolute;
-
</div>
+
top:477px;
-
<div class="city_m2t2">
+
left:556px;
-
</br></br></br><div class="name" >Xiamen University</div></br>
+
width:290px;
-
<p>Xiamen University (XMU), also known as Universitas Amoiensis in Latin, is one of the top universities in China. It was founded in 1921 by Tan Kah-Kee, the well-known patriotic overseas Chinese leader. As an integrated university, XMU owns a comprehensive branches of discipline as well as many specialized institutes. Economy, counting, chemistry, life science and marine science all win high fame nationwide and even worldwide. The main campus of XMU locates in a picturesque setting between the sea and a scenic mountain, spreading over 150 hectares, and is generally regarded as the most beautiful campus in China.</p>
+
height:290px;
-
</div>
+
border-radius:145px;
-
</div>
+
background:#cdea8b;
-
</div>
+
}
-
</div>
+
.yk{
-
+
position:absolute;
-
+
top:120px;
-
</div>
+
left:45px;
-
</div>
+
font-family:Arial;
-
</body>
+
font-size:48px;
-
<script>
+
font-weight:bold;
-
var c=document.getElementById("myCanvas");
+
color:white;
-
var cxt=c.getContext("2d");
+
}
-
var grd=cxt.createLinearGradient(20,10,1348,395);
+
.wcleft{
-
grd.addColorStop(0,"#becbad");
+
position:absolute;
-
grd.addColorStop(0.5,"#e4d7aa");
+
top:430px;
-
grd.addColorStop(1,"#becbad");
+
left:820px;
-
cxt.fillStyle=grd;
+
z-index:6;
-
cxt.fillRect(0,0,1348,395);
+
display:none;
-
</script>
+
}
-
<script>
+
.w2left{
-
//定位1366*768
+
position:absolute;
-
var x = window.innerWidth-1366;
+
top:506px;
-
if(x>0){
+
left:814px;
-
x = window.innerWidth-1348;
+
z-index:6;
-
x = x / 2;
+
display:none;
-
document.getElementById("xmu_software").style.left= x+"px";
+
}
-
$("#search-controls").get(0).style.right= x+"px";
+
.w3left{
-
$(".right-menu").get(0).style.right= x+"px";
+
position:absolute;
-
$(".left-menu").get(0).style.left= x+"px";
+
top:575px;
-
}
+
left:828px;
-
else{
+
z-index:6;
-
x = window.innerWidth-1348;
+
display:none;
-
document.getElementById("xmu_software").style.left="0px";
+
}
-
$("#search-controls").get(0).style.right=x+"px";
+
.wcright{
-
$(".right-menu").get(0).style.right=x+"px";
+
position:absolute;
-
$(".left-menu").get(0).style.left="0px";
+
top:425px;
-
}
+
left:61px;
-
 
+
z-index:6;
-
$("#xmu_software_right_matrix").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
display:none;
-
$("#search-controls").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
}
-
$(".right-menu").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
.w2right{
-
 
+
position:absolute;
-
 
+
top:502px;
-
$("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
left:54px;
-
+
z-index:6;
-
if($(".left-menu").find("li").size()==7)
+
display:none;
-
{
+
}
-
$(".left-menu").find("li").eq(6).html("");
+
.w3right{
-
$("#menubar").get(0).style.width="330px";
+
position:absolute;
-
}
+
top:571px;
-
else
+
left:68px;
-
{
+
z-index:6;
-
$(".left-menu").find("li").eq(4).html("");
+
display:none;
-
$("#menubar").get(0).style.width="280px";
+
}
-
$("#pt-login").get(0).style.right="50px";
+
#A2{
-
}
+
position: absolute;
-
+
top:1000px;
-
+
}
-
$("#xmu_body").scroll(function(){ movetotop();$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
#A3{
-
+
position: absolute;
-
color1=$("#notebook_s3p2").css("background-color");
+
top: 1500px;
-
color2=$("#notebook_s3p3").css("background-color");
+
}
-
+
-
 
+
-
</script>
+
-
</html>
+

Revision as of 02:04, 29 October 2013

  1. team{

position:absolute; top:0px; left:0px; width:1347px; height:7000px; }

  1. team_s1{

position:absolute; top:0px; left:0px; z-index:1; } .team_title{ position:absolute; top:170px; width:1347px; text-align:center; font-family:Arial; font-size:48px; color:#ffffff; font-weight:bold; } .team_introduce{ position:absolute; top:250px; left:333px; width:700px;

   text-align:justify;

font-family:Arial; font-size:18px; color:#ffffff; } p{/*段落文本*/ font-family:Arial ; font-size:15px; color:#434343; text-align:justify; line-height:19px; margin-top:10px; } /*ourteam.css***********************************************************************************************************/

  1. ourteam{

position:absolute; background-color:#fefef2; width:1335px; top:395px; left:0px; }

  1. team_m1{

position:absolute; top:5px; }

  1. team_member{

position:absolute; top:95px; width:1348px; height:850px; }

  1. team_m2t1{

position:absolute; top:200px; left:20%; z-index:10; }

  1. team_m3{

position:absolute; top:935px; width:1348px; height:800px; background-color:#eff0e2; }

  1. team_instructor{

position:absolute; left:20%; } .name{ font-family:Arial; font-size:24px; font-weight:bold; color:#004986; margin-left:25px; } .team_m3t1{ position:relative; top:-250px; left:230px; width:600px; height:244px; padding:3px 20px; background-color:#fefef2; }

  1. team_m3n1{

position:absolute; top:50px; }

  1. team_m3n2{

position:absolute; top:320px; }

  1. team_m4{

position:absolute; top:1600px; width:1348px; height:900px; background-color:#eff0e2; }

  1. team_advisor{

position:absolute; left:20%; }

  1. team_m4n1{

position:absolute; top:50px; }

  1. team_m4n2{

position:absolute; top:320px; }

  1. team_m4n3{

position:absolute; top:590px; }

  1. video{

position:absolute; background-color:#eff0e2; width:1348px; height:800px; top:2880px; left:0px; }

  1. video_m2{

position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; }

  1. attribution{

position:absolute; background-color:#eff0e2; width:1348px; height:3200px; top:3530px; left:0px; }

  1. attribution_m2{

position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; } .attribution_li{ font-family:Arial; font-size:16px; color:#434343; }

  1. acknowledgement{

position:absolute; background-color:#eff0e2; width:1348px; height:800px; top:5750px; left:0px; }

  1. ack_m2{

position:absolute; top:130px; left:20%; width:800px; background-color:#fefef2; padding:10px 30px; }

  1. city{

position:absolute; background-color:#eff0e2; width:1348px; height:1100px; top:6300px; left:0px; }

  1. city_m2{

position:absolute; left:20%; } .city_m2t1{ position:relative; top:30px; width:490px; height:400px; padding:3px 20px; background-color:#fefef2; } .city_m2p1{ position:absolute; top:30px; left:550px; }

  1. city_m3{

position:absolute; top:570px; left:20%; } .city_m2t2{ position:relative; top:40px; width:490px; height:350px; left:320px; padding:3px 20px; background-color:#fefef2; } .city_m2p2{ position:absolute; top:40px;

} /*member.css***********************************************************************************************************/

  1. member{

position:absolute; top:0px; left:0px; width:1348px; height:850px; background-color:#eff0e2; overflow-x:hidden; }

  1. A{

position:absolute; top:-200px; left:-40px; } .tx{ height:150px; }

  1. T1{

position: absolute; left:620px; top: 270px; z-index:5; }

  1. TT1{

position: absolute; left:620px; top: 270px; z-index:4; }

  1. T2{

position: absolute; left:480px; top: 320px; z-index:5; }

  1. TT2{

position: absolute; left:480px; top: 320px; z-index:4; }

  1. T3{

position: absolute; left:760px; top: 320px; z-index:5; }

  1. TT3{

position: absolute; left:760px; top: 320px; z-index:4; }

  1. T4{

position: absolute; left:380px; top: 430px; z-index:5; }

  1. TT4{

position: absolute; left:380px; top: 430px; z-index:4; }

  1. T5{

position: absolute; left:860px; top: 430px; z-index:5; }

  1. TT5{

position: absolute; left:860px; top: 430px; z-index:4; }

  1. T6{

position: absolute; left:365px; top: 580px; z-index:5; }

  1. TT6{

position: absolute; left:365px; top: 580px; z-index:4; }

  1. T7{

position: absolute; left:875px; top: 580px; z-index:5; }

  1. TT7{

position: absolute; left:875px; top: 580px; z-index:4; }

  1. T8{

position: absolute; left:420px; top: 720px; z-index:5; }

  1. TT8{

position: absolute; left:420px; top: 720px; z-index:4; }

  1. T9{

position: absolute; left:820px; top: 720px; z-index:5; }

  1. TT9{

position: absolute; left:820px; top: 720px; z-index:4; }

  1. T10{

position: absolute; left:545px; top: 810px; z-index:5; }

  1. TT10{

position: absolute; left:545px; top: 810px; z-index:4; }

  1. T11{

position: absolute; left:695px; top: 810px; z-index:5; }

  1. TT11{

position: absolute; left:695px; top: 810px; z-index:4; }

  1. T12{

position: absolute; top:477px; left:556px; width:290px; height:290px; border-radius:145px; background:#cdea8b; } .yk{ position:absolute; top:120px; left:45px; font-family:Arial; font-size:48px; font-weight:bold; color:white; } .wcleft{ position:absolute; top:430px; left:820px; z-index:6; display:none; } .w2left{ position:absolute; top:506px; left:814px; z-index:6; display:none; } .w3left{ position:absolute; top:575px; left:828px; z-index:6; display:none; } .wcright{ position:absolute; top:425px; left:61px; z-index:6; display:none; } .w2right{ position:absolute; top:502px; left:54px; z-index:6; display:none; } .w3right{ position:absolute; top:571px; left:68px; z-index:6; display:none; }

  1. A2{

position: absolute; top:1000px; }

  1. A3{

position: absolute; top: 1500px; }