Difference between revisions of "Team:FAFU-CHINA"

Line 5: Line 5:
 
<title>Aomy</title>
 
<title>Aomy</title>
  
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://igem.org/common/jquery-
 +
 
 +
1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
  
 
<style type="text/css">
 
<style type="text/css">
  
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
+
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
{margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size: 100%;}
+
 
 +
input,textarea,p,blockquote,th,td
 +
{margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans  
 +
 
 +
GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun,  
 +
 
 +
sans-serif; font-size: 100%;}
 
html,body
 
html,body
 
{color: #333}
 
{color: #333}
Line 30: Line 38:
  
 
.crossbanenr{ width: 100%; height: 578px;}
 
.crossbanenr{ width: 100%; height: 578px;}
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;}
+
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow:  
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
+
 
 +
hidden; margin: 0 auto;}
 +
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height:  
 +
 
 +
100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
 
.crossbanenr li:first-child{ display: block;}
 
.crossbanenr li:first-child{ display: block;}
 
.crossbanenr li.current{ z-index: 2;}
 
.crossbanenr li.current{ z-index: 2;}
.crossbanenr li.pcqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
+
.crossbanenr li.pcqqbg{ background: transparent url
 +
 
 +
(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg)  
 +
 
 +
no-repeat center top;}
  
 
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
 
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;}
+
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px;  
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
+
 
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(https://static.igem.org/mediawiki/2015/3/33/Btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
+
margin-top: -195px; z-index: 10;}
 +
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-
 +
 
 +
indent: -9999px;}
 +
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0  
 +
 
 +
auto; padding-top: 76px; background: transparent url
 +
 
 +
(https://static.igem.org/mediawiki/2015/3/33/Btn541b.png) no-repeat 0 0; text-align:  
 +
 
 +
center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
 
.bntxt a:link, .bntxt a:visited{ color: #fff;}
 
.bntxt a:link, .bntxt a:visited{ color: #fff;}
 
.bntxt a.bnxz{ background-position: 0 0;}
 
.bntxt a.bnxz{ background-position: 0 0;}
 
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
 
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
.pcqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
.pcqqbg .bntxt h2{ background: transparent url
 +
 
 +
(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
  
  
Line 59: Line 87:
 
<body>
 
<body>
  
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
+
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-
 +
 
 +
index:9999; display:none; background:url
 +
 
 +
(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat  
 +
 
 +
center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
  
 
<script>
 
<script>
Line 79: Line 113:
  
 
<a class="down" href="javascript:;">
 
<a class="down" href="javascript:;">
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
+
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px;  
 +
 
 +
height: 30px; background: #147abc; z-index: 999; text-align: center;">
 
<p style="color: #fff">Skip</p>
 
<p style="color: #fff">Skip</p>
 
</div>
 
</div>
Line 99: Line 135:
 
                 <div class="bntxt">
 
                 <div class="bntxt">
 
                     <h2>Amoy China</h2>
 
                     <h2>Amoy China</h2>
                     <a class="bnxz" href="https://2015.igem.org/Team:Amoy/Project">more</a>
+
                     <a class="bnxz"  
 +
 
 +
href="https://2015.igem.org/Team:Amoy/Project">more</a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 113: Line 151:
 
</div>
 
</div>
  
<div style="background-image: url(https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
+
<div style="background-image: url
 +
 
 +
(https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg); min-height: 100%; background-
 +
 
 +
size: cover; background-repeat: no-repeat; background-position: center center;  
 +
 
 +
top: -700px; height: 750px; background-attachment: fixed;">
 
</div>
 
</div>
  
Line 122: Line 166:
 
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
 
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
 
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/7/78/H2.png" />
 
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/7/78/H2.png" />
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.</p>
+
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the scene  
 +
 
 +
that we're exexperimenting. This is the scene that we're exexperimenting.</p>
 
<p style="width: 100%; text-align: right; margin-top: 20px;">
 
<p style="width: 100%; text-align: right; margin-top: 20px;">
 
<a style="color: #12b7f5;">Learn more ></a>
 
<a style="color: #12b7f5;">Learn more ></a>
Line 128: Line 174:
 
</div>
 
</div>
 
<div>
 
<div>
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
+
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom:  
 +
 
 +
0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
 
</div>
 
</div>
  
Line 135: Line 183:
  
  
<div style="background-image: url(https://static.igem.org/mediawiki/2015/c/cb/Bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
+
<div style="background-image: url
 +
 
 +
(https://static.igem.org/mediawiki/2015/c/cb/Bg1.jpg); min-height: 100%; background-
 +
 
 +
size: cover; background-repeat: no-repeat; background-position: center center;  
 +
 
 +
top: -700px; height: 800px; background-attachment: fixed;">
 
</div>
 
</div>
  
Line 144: Line 198:
 
<div style="position: absolute; top: 115px; width: 600px; left: 30px;">
 
<div style="position: absolute; top: 115px; width: 600px; left: 30px;">
 
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/2/26/H3.png" />
 
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/2/26/H3.png" />
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our experimental results. They are our experimental results.</p>
+
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our  
 +
 
 +
experimental results. They are our experimental results.</p>
 
<p style="width: 100%; text-align: left; margin-top: 20px;">
 
<p style="width: 100%; text-align: left; margin-top: 20px;">
 
<a style="color: #12b7f5;">Learn more ></a>
 
<a style="color: #12b7f5;">Learn more ></a>
Line 151: Line 207:
  
 
<div>
 
<div>
<img style="position: absolute; right: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
+
<img style="position: absolute; right: 30px; width: 700px; height: 584px;  
 +
 
 +
bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
 
</div>
 
</div>
  
Line 158: Line 216:
  
  
<div style="background-image: url(https://static.igem.org/mediawiki/2015/3/32/Bg4.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
+
<div style="background-image: url
 +
 
 +
(https://static.igem.org/mediawiki/2015/3/32/Bg4.jpg); min-height: 100%; background-
 +
 
 +
size: cover; background-repeat: no-repeat; background-position: center center;  
 +
 
 +
top: -700px; height: 750px; background-attachment: fixed;">
 
</div>
 
</div>
  
  
<div id="menu" style="background: #fff; width: 100%; height: 524px; overflow: hidden">
+
<div id="menu" style="background: #fff; width: 100%; height: 524px; overflow:  
 +
 
 +
hidden">
 
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
 
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
  
 
<div style="position: absolute; top: 120px; width: 490px; right: 30px;">
 
<div style="position: absolute; top: 120px; width: 490px; right: 30px;">
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/T_project.png" />
+
<img style="width: 100%;"  
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the part of our project. This is the part of our project. This is the part of our project.</p>
+
 
 +
src="https://static.igem.org/mediawiki/2015/3/37/T_project.png" />
 +
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the part of  
 +
 
 +
our project. This is the part of our project. This is the part of our  
 +
 
 +
project.</p>
 
<p style="width: 100%; text-align: right; margin-top: 20px;">
 
<p style="width: 100%; text-align: right; margin-top: 20px;">
 
<a style="color: #12b7f5;">Learn more ></a>
 
<a style="color: #12b7f5;">Learn more ></a>
Line 174: Line 246:
  
 
<div>
 
<div>
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/d/d4/H4.png" />
+
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom:  
 +
 
 +
0;" src="https://static.igem.org/mediawiki/2015/d/d4/H4.png" />
 
</div>
 
</div>
  
  
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 100px;">
+
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top:  
<a href="https://2015.igem.org/Team:Amoy/Project"><img src="https://static.igem.org/mediawiki/2015/9/92/Project.png"/></a>
+
 
 +
100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Project"><img  
 +
 
 +
src="https://static.igem.org/mediawiki/2015/9/92/Project.png"/></a>
 
</div>
 
</div>
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 100px;">
+
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top:  
<a href="https://2015.igem.org/Team:Amoy/Interlab"><img src="https://static.igem.org/mediawiki/2015/e/ec/Newsletter.png"/></a>
+
 
 +
100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Interlab"><img  
 +
 
 +
src="https://static.igem.org/mediawiki/2015/e/ec/Newsletter.png"/></a>
 
</div>
 
</div>
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 100px;">
+
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top:  
<a href="https://2015.igem.org/Team:Amoy/Newsletter"><img src="https://static.igem.org/mediawiki/2015/6/66/Practice.png"/></a>
+
 
 +
100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Newsletter"><img  
 +
 
 +
src="https://static.igem.org/mediawiki/2015/6/66/Practice.png"/></a>
 
</div>
 
</div>
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top: 100px;">
+
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top:  
<a href="https://2015.igem.org/Team:Amoy/Practice"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
+
 
 +
100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Practice"><img  
 +
 
 +
src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 
</div>
 
</div>
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 300px;">
+
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top:  
<a href="https://2015.igem.org/Team:Amoy/Member"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
+
 
 +
300px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Member"><img  
 +
 
 +
src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 
</div>
 
</div>
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 300px;">
+
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top:  
<a href="https://2015.igem.org/Team:Amoy/Safety"><img src="https://static.igem.org/mediawiki/2015/8/84/Safety.png"/></a>
+
 
 +
300px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Safety"><img  
 +
 
 +
src="https://static.igem.org/mediawiki/2015/8/84/Safety.png"/></a>
 
</div>
 
</div>
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 300px;">
+
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top:  
<a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><img src="https://static.igem.org/mediawiki/2015/9/94/Judging.png"/></a>
+
 
 +
300px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><img  
 +
 
 +
src="https://static.igem.org/mediawiki/2015/9/94/Judging.png"/></a>
 
</div>
 
</div>
  
Line 211: Line 313:
  
 
<!--
 
<!--
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js"></script>
+
<script type="text/javascript" src="https://igem.org/common/jquery-
 +
 
 +
1.11.1.min.js"></script>
 
-->
 
-->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 18:41, 21 August 2015

Aomy

Skip

This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.

Learn more >

They are our experimental results. They are our experimental results.

Learn more >