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-
+
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 
+
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,
+
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
 
+
{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 38: Line 30:
  
 
.crossbanenr{ width: 100%; height: 578px;}
 
.crossbanenr{ width: 100%; height: 578px;}
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow:  
+
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: 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;}
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
+
.crossbanenr li.pcqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
 
+
(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;  
+
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;}
 
+
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
margin-top: -195px; z-index: 10;}
+
.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 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
+
.pcqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
 
+
(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
+
  
  
Line 87: Line 59:
 
<body>
 
<body>
  
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-
+
<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>
 
+
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 113: Line 79:
  
 
<a class="down" href="javascript:;">
 
<a class="down" href="javascript:;">
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px;  
+
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
 
+
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 135: Line 99:
 
                 <div class="bntxt">
 
                 <div class="bntxt">
 
                     <h2>Amoy China</h2>
 
                     <h2>Amoy China</h2>
                     <a class="bnxz"  
+
                     <a class="bnxz" href="https://2015.igem.org/Team:Amoy/Project">more</a>
 
+
href="https://2015.igem.org/Team:Amoy/Project">more</a>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 151: Line 113:
 
</div>
 
</div>
  
<div style="background-image: url
+
<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;">
 
+
(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 166: Line 122:
 
<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  
+
<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>
 
+
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 174: Line 128:
 
</div>
 
</div>
 
<div>
 
<div>
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom:  
+
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
 
+
0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
+
 
</div>
 
</div>
  
Line 183: Line 135:
  
  
<div style="background-image: url
+
<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;">
 
+
(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 198: Line 144:
 
<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  
+
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our experimental results. They are our experimental results.</p>
 
+
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 207: Line 151:
  
 
<div>
 
<div>
<img style="position: absolute; right: 30px; width: 700px; height: 584px;  
+
<img style="position: absolute; right: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
 
+
bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
+
 
</div>
 
</div>
  
Line 216: Line 158:
  
  
<div style="background-image: url
+
<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;">
 
+
(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:  
+
<div id="menu" style="background: #fff; width: 100%; height: 524px; overflow: hidden">
 
+
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%;"  
+
<img style="width: 100%;" 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>
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 246: Line 174:
  
 
<div>
 
<div>
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom:  
+
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/d/d4/H4.png" />
 
+
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:  
+
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 100px;">
 
+
<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:  
+
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 100px;">
 
+
<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:  
+
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 100px;">
 
+
<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:  
+
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top: 100px;">
 
+
<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:  
+
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 300px;">
 
+
<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:  
+
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 300px;">
 
+
<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:  
+
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 300px;">
 
+
<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 313: Line 211:
  
 
<!--
 
<!--
<script type="text/javascript" src="https://igem.org/common/jquery-
+
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js"></script>
 
+
1.11.1.min.js"></script>
+
 
-->
 
-->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 18:28, 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 >