Difference between revisions of "Team:HUST-China/Team"
Yuzhuxuyang (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | < | + | <HTML> |
− | + | <head lang="en"> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> | <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width,initial-scale=1"> | <meta name="viewport" content="width=device-width,initial-scale=1"> | ||
− | <title> | + | <title>Team:HUST-China:Description</title> |
− | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HUST-China/CSS?action=raw&ctype=text/css" /> | |
− | + | <script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/jquery?action=raw&ctype=text/javascript"></script> | |
− | <script src=" | + | |
− | + | <script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS?action=raw&ctype=text/javascript"></script> | |
− | + | ||
− | + | <style> | |
+ | /*改默认设定*/ | ||
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks { | #footer-box,#sponsor-box,.shadow3,#content,table,#catlinks { | ||
background-color: transparent; | background-color: transparent; | ||
Line 32: | Line 33: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
+ | top: 0px; | ||
} | } | ||
+ | #top_menu_under{height: 0px;} | ||
html, .wrapper { /*-- changes default wiki settings --*/ | html, .wrapper { /*-- changes default wiki settings --*/ | ||
Line 38: | Line 41: | ||
height: 100%; | height: 100%; | ||
background-color: transparent; | background-color: transparent; | ||
+ | top: 0px; | ||
} | } | ||
− | + | .viewport, .container { | |
− | body{ | + | max-width: 1349px; |
+ | top: 0px;} | ||
+ | |||
+ | |||
+ | .picture{ width: 750px; | ||
+ | height: auto; | ||
+ | margin-bottom:5px; } | ||
+ | |||
+ | .pizhu{font-size: 14px; | ||
+ | width: 750px; | ||
+ | text-align: center; | ||
+ | margin-bottom: 30px;} | ||
+ | |||
+ | #mid{width: 1349px; | ||
+ | margin: 0 auto;} | ||
+ | |||
+ | |||
+ | |||
+ | body{ background-color: white; | ||
position: absolute; | position: absolute; | ||
− | margin: | + | margin: 0; |
font-family:Arial,Verdana,Sans-serif; | font-family:Arial,Verdana,Sans-serif; | ||
− | |||
color: black; | color: black; | ||
− | + | z-index: 0} | |
.header{position: fixed; | .header{position: fixed; | ||
− | width: | + | width: 1348px; |
− | height: | + | text-align:center; |
+ | height:200px; | ||
margin-top: 0px; | margin-top: 0px; | ||
− | background- | + | padding-top: 5px; |
+ | background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png); | ||
+ | background-size:100% 100%; | ||
filter:alpha(opacity:30);opacity:0.95; -moz-opacity:0.4; -khtml-opacity: 0.4; | filter:alpha(opacity:30);opacity:0.95; -moz-opacity:0.4; -khtml-opacity: 0.4; | ||
z-index:1;} | z-index:1;} | ||
− | + | ||
− | margin-left: | + | .first-menu{float: left; |
− | font-size: | + | margin-left: 1%; |
− | + | font-size:19px; | |
+ | max-width: 22%; | ||
+ | padding:5px;} | ||
+ | |||
.other-menu{float: left; | .other-menu{float: left; | ||
margin-left:1.2%; | margin-left:1.2%; | ||
− | font-size: | + | font-size:19px; |
− | + | max-width: 22%; | |
+ | padding:5px;} | ||
+ | |||
.navbar .nav > li .dropdown-menu {margin: 0;} | .navbar .nav > li .dropdown-menu {margin: 0;} | ||
.navbar .nav > li:hover .dropdown-menu {display: block;} | .navbar .nav > li:hover .dropdown-menu {display: block;} | ||
a:link,a:visited { | a:link,a:visited { | ||
− | color: | + | color:#002855; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 76: | Line 105: | ||
ul.ul{list-style-type:none; | ul.ul{list-style-type:none; | ||
− | margin-bottom: 0px;} | + | list-style-image: none; |
− | li.li{margin-top: | + | margin-bottom: 0px; |
+ | padding-left: 0px;} | ||
+ | li.li{margin-top: 0px; | ||
+ | list-style-image: none;} | ||
+ | |||
+ | #maodian ul{list-style-type:none; | ||
+ | margin-bottom: 0px; | ||
+ | padding-left: 0px; | ||
+ | margin-left:0px;} | ||
+ | |||
− | #pic{ background-image: url(https://static.igem.org/mediawiki/2015/ | + | #pic{ background-image: url(https://static.igem.org/mediawiki/2015/f/fd/HUST_project.jpg); |
− | width: | + | width:1349px; |
height:650px; | height:650px; | ||
float: left; | float: left; | ||
− | + | z-index: 0; | |
background-size: 100%,100%; | background-size: 100%,100%; | ||
margin-top: 0px;} | margin-top: 0px;} | ||
− | + | ||
− | height: | + | .title{width: 900px; |
− | + | height:300px; | |
− | + | margin-left: 18%; | |
− | .pic_a img{width: | + | margin-top:80px;} |
− | + | .pic_a img{width: 135px; | |
− | + | height: 120px; | |
+ | } | ||
.pic_a{float: left; | .pic_a{float: left; | ||
− | margin-top: | + | margin-top:100px; |
− | width: | + | width: 1349px; |
− | text-align:center;} | + | text-align:center; |
+ | } | ||
+ | |||
+ | #maodian{float: left; | ||
+ | position: fixed; | ||
+ | margin-top: 50px; | ||
+ | z-index: -1; | ||
+ | margin-left: 0px; } | ||
+ | #maodian img{ padding-left: 2% ; | ||
+ | width:150px; | ||
+ | height: auto; | ||
+ | } | ||
+ | .btn | ||
+ | { background-color:#5d96a3; | ||
+ | margin-left: 0px; | ||
+ | width: 200px; | ||
+ | font-size: 16px; | ||
+ | padding-left: 1px; | ||
+ | } | ||
+ | |||
+ | .btn:hover,.btn:active { | ||
+ | color:white; | ||
+ | background-color:#004c6f;} | ||
+ | |||
+ | |||
+ | .description {margin-left: 20%; | ||
+ | margin-right: 20%; | ||
+ | margin-top: 50px; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | font-size:16px; | ||
+ | width: 850px} | ||
+ | .description p{font-size: 16px; | ||
+ | width:809px;} | ||
+ | |||
+ | .dongxi{height:50px;} | ||
+ | |||
+ | .scroll{ | ||
+ | width:100px; | ||
+ | height:120px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/8/87/Top.png); | ||
+ | background-size: 100% 100%; | ||
+ | position:fixed; | ||
+ | right:10px; | ||
+ | bottom:20px; | ||
+ | cursor:pointer; | ||
+ | opacity:0.6; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
.zhengwen{ margin-left: 12%; | .zhengwen{ margin-left: 12%; | ||
margin-top: 60px; | margin-top: 60px; | ||
Line 134: | Line 223: | ||
</style> | </style> | ||
+ | <!--点击TOP回滚到顶部js如下:--> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | showScroll(); | ||
+ | function showScroll(){ | ||
+ | $(window).scroll( function() { | ||
+ | var scrollValue=$(window).scrollTop(); | ||
+ | scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut(); | ||
+ | } ); | ||
+ | $('#scroll').click(function(){ | ||
+ | $("html,body").animate({scrollTop:0},450); | ||
+ | }); | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | showdes(); | ||
+ | function showdes(){ | ||
+ | $('#to_des').click(function(){ | ||
+ | $("html,body").animate({scrollTop:750},800); | ||
+ | }); | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function go(id){ | function go(id){ | ||
Line 139: | Line 254: | ||
var _div=document.getElementById(id); | var _div=document.getElementById(id); | ||
var obj=_div.getElementsByTagName('h4')[0]; | var obj=_div.getElementsByTagName('h4')[0]; | ||
− | obj.style.bottom="- | + | obj.style.bottom="-320px"; |
var change=function(){ | var change=function(){ | ||
var obj_h=parseInt(obj.style.bottom); | var obj_h=parseInt(obj.style.bottom); | ||
Line 147: | Line 262: | ||
var back=function(){ | var back=function(){ | ||
var obj_hh=parseInt(obj.style.bottom); | var obj_hh=parseInt(obj.style.bottom); | ||
− | if(obj_hh>-350){obj.style.bottom=(obj_hh+Math.floor((- | + | if(obj_hh>-350){obj.style.bottom=(obj_hh+Math.floor((-320-obj_hh)*0.1))+"px"} |
else{clearInterval(tt)} | else{clearInterval(tt)} | ||
} | } | ||
Line 166: | Line 281: | ||
go("show11"); | go("show11"); | ||
go("show12"); | go("show12"); | ||
− | + | go("show13"); | |
− | + | go("show14"); | |
− | + | go("show15"); | |
− | + | go("show16"); | |
+ | go("show17"); | ||
+ | go("show18"); | ||
+ | go("show19"); | ||
+ | go("show20"); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> | ||
</head> | </head> | ||
− | + | ||
+ | <body > | ||
+ | <div id="mid"> | ||
<!--上栏--> | <!--上栏--> | ||
− | <div class="container header"> | + | |
+ | <div class="container header" > | ||
<!--悬浮菜单--> | <!--悬浮菜单--> | ||
Line 209: | Line 306: | ||
<li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a> | <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/ | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Background">PROJECT<b class="caret"></b></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li> | ||
+ | <li class="divider"></li> | ||
<li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li> | <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | |||
− | |||
− | |||
− | |||
<li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li> | <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/ | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Results">WETLAB<b class="caret"></b></a> |
− | <ul class="dropdown-menu"> | + | <ul class="dropdown-menu"> |
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments&protocol</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/InterLab Study">InterLab Study</a></li> |
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li> |
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Basic_part">PARTS<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Composite_part">Composite Parts</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING</a> </li> | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a> |
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Ecosystem Level">Modeling on Ecosystem Level</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | ||
<li class="dropdown other-menu" id="accountmenu"> | <li class="dropdown other-menu" id="accountmenu"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES | + | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a> |
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
<li class="dropdown other-menu" id="accountmenu"> | <li class="dropdown other-menu" id="accountmenu"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China | + | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | + | <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li> | |
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li> |
− | + | ||
− | + | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Attributions">Attributions</a></li> |
− | <li class="divider"></li> | + | <li class="divider"></li> |
− | + | <li><a href="https://2015.igem.org/Team:HUST-China/Team">Team</a></li> | |
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Achievements">Achievements</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 266: | Line 374: | ||
</div> | </div> | ||
<!--标题栏--> | <!--标题栏--> | ||
− | <div id="pic" | + | <div id="pic" > |
− | < | + | <img class="title" src="https://static.igem.org/mediawiki/2015/4/48/HUST_Project.png"/> |
− | + | <br> | |
− | + | <div class="pic_a" > | |
− | < | + | <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/> |
− | + | ||
− | <div class="pic_a" > | + | |
− | + | ||
− | <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/ | + | |
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 343: | Line 440: | ||
<h4 style="margin-top:0px">Lei Yin<br><br> | <h4 style="margin-top:0px">Lei Yin<br><br> | ||
<br><br><br> | <br><br><br> | ||
− | Luckily I followed my heart, so this is my second year in iGEM. I am | + | Luckily I followed my heart, so this is my second year in iGEM. I am glad to see our team become better and better, and even though I can hardly remember how many meals I have missed because of the experiment, I will still miss the summer days we shared in the lab. |
</h4> | </h4> | ||
<img src="https://static.igem.org/mediawiki/2015/e/e9/Yinlei-HUST.png"> | <img src="https://static.igem.org/mediawiki/2015/e/e9/Yinlei-HUST.png"> | ||
Line 443: | Line 540: | ||
<div id="show17" class="show"> | <div id="show17" class="show"> | ||
− | <h4 style="margin- | + | <h4 style="margin-bottom:30px">Shuaiying Xiang<br><br> |
<br><br><br><br> | <br><br><br><br> | ||
I am a student of life science and technology. Experiment is a very interesting thing for me, and I feel very glorious to work with these good companions. | I am a student of life science and technology. Experiment is a very interesting thing for me, and I feel very glorious to work with these good companions. | ||
Line 453: | Line 550: | ||
<div id="show18" class="show"> | <div id="show18" class="show"> | ||
− | <h4 style="margin- | + | <h4 style="margin-bottom:30px"> Zhi Zeng<br><br> |
<br><br><br><br> | <br><br><br><br> | ||
Hello! iGEMers! I'm Zhi Zeng, a sophomore majoring in Biotechnology. No pains, no gains! I will always try my best! | Hello! iGEMers! I'm Zhi Zeng, a sophomore majoring in Biotechnology. No pains, no gains! I will always try my best! | ||
Line 463: | Line 560: | ||
<div id="show19" class="show"> | <div id="show19" class="show"> | ||
− | <h4 style="margin- | + | <h4 style="margin-bottom:30px">Wang Xi<br><br> |
<br><br><br> | <br><br><br> | ||
Hi, I’m Xi Wang, a senior HUST student major in biotechnology. I am interested in many branches of biology, like synthetic biology, neuroscience, etc, and get full enthusiasm of iGEM! Now I am learning integrative biology UC Berkeley as an exchange student. Hope to see you guys here. | Hi, I’m Xi Wang, a senior HUST student major in biotechnology. I am interested in many branches of biology, like synthetic biology, neuroscience, etc, and get full enthusiasm of iGEM! Now I am learning integrative biology UC Berkeley as an exchange student. Hope to see you guys here. | ||
Line 473: | Line 570: | ||
<div id="show20" class="show"> | <div id="show20" class="show"> | ||
− | <h4 style="margin- | + | <h4 style="margin-bottom:30px">Qi Zhao<br><br> |
<br><br><br><br> | <br><br><br><br> | ||
I am Qi Zhao,major in biopharmacy. I love travelling aroud the world and meeting people. | I am Qi Zhao,major in biopharmacy. I love travelling aroud the world and meeting people. | ||
Line 482: | Line 579: | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 500: | Line 585: | ||
</div> | </div> | ||
− | <br> <br> <br> <br | + | <br> <br> <br> <br> |
− | + | ||
</html> | </html> |
Revision as of 13:00, 17 September 2015