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&ctype=text/javascript"></script> |
− | + | ||
− | 1.11.1.min.js?action=raw&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
Skip
-
Amoy China
more
This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.