Difference between revisions of "Team:AHUT China/Attributions"
| Line 1: | Line 1: | ||
{{:Team:AHUT_China/CSS_reset}} | {{:Team:AHUT_China/CSS_reset}} | ||
| + | |||
| + | − | ||
<html lang="en"> | <html lang="en"> | ||
| + | |||
| + | − | ||
<head> | <head> | ||
| + | |||
| + | − | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
| + | |||
| + | − | ||
<meta name="Generator" content="EditPlus®"> | <meta name="Generator" content="EditPlus®"> | ||
| + | |||
| + | − | ||
<meta name="Author" content=""> | <meta name="Author" content=""> | ||
| + | |||
| + | − | ||
<meta name="Keywords" content=""> | <meta name="Keywords" content=""> | ||
| + | |||
| + | − | ||
<meta name="Description" content=""> | <meta name="Description" content=""> | ||
| + | |||
| + | − | ||
<title>Document</title> | <title>Document</title> | ||
| − | + | ||
| + | |||
| + | − | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | − | ||
*{margin：0px;padding:0px} | *{margin：0px;padding:0px} | ||
| + | |||
| + | − | ||
body{margin:0px;} | body{margin:0px;} | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#nav{margin:0px auto;width:100%;} | #nav{margin:0px auto;width:100%;} | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
/*---------------------------------daohang------------------------------*/ | /*---------------------------------daohang------------------------------*/ | ||
| + | |||
| + | − | ||
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem} | #menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem} | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
.nav-menu { | .nav-menu { | ||
| + | |||
| + | − | ||
display: block; | display: block; | ||
| + | |||
| + | − | ||
/* background: #74adaa;*/ | /* background: #74adaa;*/ | ||
| + | |||
| + | − | ||
width:950px; | width:950px; | ||
| + | |||
| + | − | ||
margin: 50px auto 100px; | margin: 50px auto 100px; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.nav-menu > li { | .nav-menu > li { | ||
| + | |||
| + | − | ||
display: inline; | display: inline; | ||
| + | |||
| + | − | ||
float:left; | float:left; | ||
| + | |||
| + | − | ||
border-right:1px solid #94c0be; | border-right:1px solid #94c0be; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.nav-menu > li:last-child { | .nav-menu > li:last-child { | ||
| + | |||
| + | − | ||
border-right: none; | border-right: none; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.nav-menu li a { | .nav-menu li a { | ||
| + | |||
| + | − | ||
color: #000000; | color: #000000; | ||
| + | |||
| + | − | ||
display: block; | display: block; | ||
| + | |||
| + | − | ||
text-decoration: none; | text-decoration: none; | ||
| + | |||
| + | − | ||
/*调用本地字体*/ | /*调用本地字体*/ | ||
| + | |||
| + | − | ||
font-family:Segoe UI; | font-family:Segoe UI; | ||
| + | |||
| + | − | ||
font-weight:400; | font-weight:400; | ||
| + | |||
| + | − | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
| + | |||
| + | − | ||
-moz-font-smoothing: antialiased; | -moz-font-smoothing: antialiased; | ||
| + | |||
| + | − | ||
font-smoothing: antialiased; | font-smoothing: antialiased; | ||
| + | |||
| + | − | ||
text-transform: capitalize; | text-transform: capitalize; | ||
| + | |||
| + | − | ||
overflow: visible; | overflow: visible; | ||
| + | |||
| + | − | ||
line-height: 20px; | line-height: 20px; | ||
| + | |||
| + | − | ||
font-size: 1 rem; | font-size: 1 rem; | ||
| + | |||
| + | − | ||
padding: 15px 30px 15px 31px; | padding: 15px 30px 15px 31px; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.three-d { | .three-d { | ||
| + | |||
| + | − | ||
/* 任务三、设置3D舞台布景 */ | /* 任务三、设置3D舞台布景 */ | ||
| + | |||
| + | − | ||
-webkit-perspective: 200px; | -webkit-perspective: 200px; | ||
| + | |||
| + | − | ||
-moz-perspective: 200px; | -moz-perspective: 200px; | ||
| + | |||
| + | − | ||
-ms-perspective: 200px; | -ms-perspective: 200px; | ||
| + | |||
| + | − | ||
-o-perspective: 200px; | -o-perspective: 200px; | ||
| + | |||
| + | − | ||
perspective: 200px; | perspective: 200px; | ||
| + | |||
| + | − | ||
/*任务四、设置3D舞台布景过渡效果*/ | /*任务四、设置3D舞台布景过渡效果*/ | ||
| + | |||
| + | − | ||
-webkit-transition: all .07s linear; | -webkit-transition: all .07s linear; | ||
| + | |||
| + | − | ||
-moz-transition: all .07s linear; | -moz-transition: all .07s linear; | ||
| + | |||
| + | − | ||
-ms-transition: all .07s linear; | -ms-transition: all .07s linear; | ||
| + | |||
| + | − | ||
-o-transition: all .07s linear; | -o-transition: all .07s linear; | ||
| + | |||
| + | − | ||
transition:all .7s linear; | transition:all .7s linear; | ||
| + | |||
| + | − | ||
position: relative; | position: relative; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.three-d:not(.active):hover { | .three-d:not(.active):hover { | ||
| + | |||
| + | − | ||
cursor: pointer; | cursor: pointer; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/ | /*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/ | ||
| + | |||
| + | − | ||
.three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { | .three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { | ||
| + | |||
| + | − | ||
-wekbit-transform: translateZ(-25px) rotateX(90deg); | -wekbit-transform: translateZ(-25px) rotateX(90deg); | ||
| + | |||
| + | − | ||
-moz-transform: translateZ(-25px) rotateX(90deg); | -moz-transform: translateZ(-25px) rotateX(90deg); | ||
| + | |||
| + | − | ||
-o-transform: translateZ(-25px) rotateX(90deg); | -o-transform: translateZ(-25px) rotateX(90deg); | ||
| + | |||
| + | − | ||
-ms-transform: translateZ(-25px) rotateX(90deg); | -ms-transform: translateZ(-25px) rotateX(90deg); | ||
| + | |||
| + | − | ||
transform: translateZ(-25px) rotateX(90deg); | transform: translateZ(-25px) rotateX(90deg); | ||
| + | |||
| + | − | ||
/* -webkit-transform:rotateX(90deg) translatez(-25px);*/ | /* -webkit-transform:rotateX(90deg) translatez(-25px);*/ | ||
| + | |||
| + | − | ||
/* -webkit-transform:rotatex(90deg);*/ | /* -webkit-transform:rotatex(90deg);*/ | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.three-d-box { | .three-d-box { | ||
| + | |||
| + | − | ||
/*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/ | /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/ | ||
| + | |||
| + | − | ||
-webkit-transition: all .3s ease-out; | -webkit-transition: all .3s ease-out; | ||
| + | |||
| + | − | ||
-moz-transition: all .3s ease-out; | -moz-transition: all .3s ease-out; | ||
| + | |||
| + | − | ||
-ms-transition: all .3s ease-out; | -ms-transition: all .3s ease-out; | ||
| + | |||
| + | − | ||
-o-transition: all .3s ease-out; | -o-transition: all .3s ease-out; | ||
| + | |||
| + | − | ||
transition: all .3s ease-out; | transition: all .3s ease-out; | ||
| + | |||
| + | − | ||
-webkit-transform: translatez(-25px); | -webkit-transform: translatez(-25px); | ||
| + | |||
| + | − | ||
-moz-transform: translatez(-25px); | -moz-transform: translatez(-25px); | ||
| + | |||
| + | − | ||
-ms-transform: translatez(-25px); | -ms-transform: translatez(-25px); | ||
| + | |||
| + | − | ||
-o-transform: translatez(-25px); | -o-transform: translatez(-25px); | ||
| + | |||
| + | − | ||
transform: translatez(-25px); | transform: translatez(-25px); | ||
| + | |||
| + | − | ||
-webkit-transform-style: preserve-3d; | -webkit-transform-style: preserve-3d; | ||
| + | |||
| + | − | ||
-moz-transform-style: preserve-3d; | -moz-transform-style: preserve-3d; | ||
| + | |||
| + | − | ||
-ms-transform-style: preserve-3d; | -ms-transform-style: preserve-3d; | ||
| + | |||
| + | − | ||
-o-transform-style: preserve-3d; | -o-transform-style: preserve-3d; | ||
| + | |||
| + | − | ||
transform-style: preserve-3d; | transform-style: preserve-3d; | ||
| + | |||
| + | − | ||
-webkit-pointer-events: none; | -webkit-pointer-events: none; | ||
| + | |||
| + | − | ||
-moz-pointer-events: none; | -moz-pointer-events: none; | ||
| + | |||
| + | − | ||
-ms-pointer-events: none; | -ms-pointer-events: none; | ||
| + | |||
| + | − | ||
-o-pointer-events: none; | -o-pointer-events: none; | ||
| + | |||
| + | − | ||
pointer-events: none; | pointer-events: none; | ||
| + | |||
| + | − | ||
position: absolute; | position: absolute; | ||
| + | |||
| + | − | ||
top: 0; | top: 0; | ||
| + | |||
| + | − | ||
left: 0; | left: 0; | ||
| + | |||
| + | − | ||
display: block; | display: block; | ||
| + | |||
| + | − | ||
width: 100%; | width: 100%; | ||
| + | |||
| + | − | ||
height: 100%; | height: 100%; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
/*任务七、给导航设置3D前，与3D后变形效果*/ | /*任务七、给导航设置3D前，与3D后变形效果*/ | ||
| + | |||
| + | − | ||
.front { | .front { | ||
| + | |||
| + | − | ||
-webkit-transform: rotatex(0deg) translatez(25px); | -webkit-transform: rotatex(0deg) translatez(25px); | ||
| + | |||
| + | − | ||
-moz-transform: rotatex(0deg) translatez(25px); | -moz-transform: rotatex(0deg) translatez(25px); | ||
| + | |||
| + | − | ||
-ms-transform: rotatex(0deg) translatez(25px); | -ms-transform: rotatex(0deg) translatez(25px); | ||
| + | |||
| + | − | ||
-o-transform: rotatex(0deg) translatez(25px); | -o-transform: rotatex(0deg) translatez(25px); | ||
| + | |||
| + | − | ||
transform: rotatex(0deg) translatez(25px); | transform: rotatex(0deg) translatez(25px); | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.back { | .back { | ||
| + | |||
| + | − | ||
-webkit-transform: rotatex(-90deg) translatez(25px); | -webkit-transform: rotatex(-90deg) translatez(25px); | ||
| + | |||
| + | − | ||
-moz-transform: rotatex(-90deg) translatez(25px); | -moz-transform: rotatex(-90deg) translatez(25px); | ||
| + | |||
| + | − | ||
-ms-transform: rotatex(-90deg) translatez(25px); | -ms-transform: rotatex(-90deg) translatez(25px); | ||
| + | |||
| + | − | ||
-o-transform: rotatex(-90deg) translatez(25px); | -o-transform: rotatex(-90deg) translatez(25px); | ||
| + | |||
| + | − | ||
transform: rotatex(-90deg) translatez(25px); | transform: rotatex(-90deg) translatez(25px); | ||
| + | |||
| + | − | ||
color: #ffffff; | color: #ffffff; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.front, .back { | .front, .back { | ||
| + | |||
| + | − | ||
/* border:1px solid red;*/ | /* border:1px solid red;*/ | ||
| + | |||
| + | − | ||
display: block; | display: block; | ||
| + | |||
| + | − | ||
width: 100%; | width: 100%; | ||
| + | |||
| + | − | ||
height: 100%; | height: 100%; | ||
| + | |||
| + | − | ||
position: absolute; | position: absolute; | ||
| + | |||
| + | − | ||
top: 0; | top: 0; | ||
| + | |||
| + | − | ||
left: 0; | left: 0; | ||
| + | |||
| + | − | ||
background:rgba(0, 0, 0, 0.8); | background:rgba(0, 0, 0, 0.8); | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
padding: 15px 30px 15px 31px; | padding: 15px 30px 15px 31px; | ||
| + | |||
| + | − | ||
color: #ffffff; | color: #ffffff; | ||
| + | |||
| + | − | ||
-webkit-pointer-events: none; | -webkit-pointer-events: none; | ||
| + | |||
| + | − | ||
-moz-pointer-events: none; | -moz-pointer-events: none; | ||
| + | |||
| + | − | ||
-ms-pointer-events: none; | -ms-pointer-events: none; | ||
| + | |||
| + | − | ||
-o-pointer-events: none; | -o-pointer-events: none; | ||
| + | |||
| + | − | ||
pointer-events: none; | pointer-events: none; | ||
| + | |||
| + | − | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
| + | |||
| + | − | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/ | /*任务八、设置导航当前状态与悬浮状态下的背景效果*/ | ||
| + | |||
| + | − | ||
.nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back { | .nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back { | ||
| + | |||
| + | − | ||
background-color: #000033; | background-color: #000033; | ||
| + | |||
| + | − | ||
-webkit-background-size: 5px 5px; | -webkit-background-size: 5px 5px; | ||
| + | |||
| + | − | ||
background-size: 5px 5px; | background-size: 5px 5px; | ||
| + | |||
| + | − | ||
background-position: 0 0, 30px 30px; | background-position: 0 0, 30px 30px; | ||
| + | |||
| + | − | ||
background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | ||
| + | |||
| + | − | ||
background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | ||
| + | |||
| + | − | ||
background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | ||
| + | |||
| + | − | ||
background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | ||
| + | |||
| + | − | ||
background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
.nav-menu ul { | .nav-menu ul { | ||
| + | |||
| + | − | ||
position: absolute; | position: absolute; | ||
| + | |||
| + | − | ||
text-align: left; | text-align: left; | ||
| + | |||
| + | − | ||
line-height: 40px; | line-height: 40px; | ||
| + | |||
| + | − | ||
font-size: 14px; | font-size: 14px; | ||
| + | |||
| + | − | ||
width: 200px; | width: 200px; | ||
| + | |||
| + | − | ||
-webkit-transition: all 0.3s ease-in; | -webkit-transition: all 0.3s ease-in; | ||
| + | |||
| + | − | ||
-moz-transition: all 0.3s ease-in; | -moz-transition: all 0.3s ease-in; | ||
| + | |||
| + | − | ||
-ms-transition: all 0.3s ease-in; | -ms-transition: all 0.3s ease-in; | ||
| + | |||
| + | − | ||
-o-transition: all 0.3s ease-in; | -o-transition: all 0.3s ease-in; | ||
| + | |||
| + | − | ||
transition: all 0.3s ease-in; | transition: all 0.3s ease-in; | ||
| + | |||
| + | − | ||
-webkit-transform-origin: 0px 0px; | -webkit-transform-origin: 0px 0px; | ||
| + | |||
| + | − | ||
-moz-transform-origin: 0px 0px; | -moz-transform-origin: 0px 0px; | ||
| + | |||
| + | − | ||
-ms-transform-origin: 0px 0px; | -ms-transform-origin: 0px 0px; | ||
| + | |||
| + | − | ||
-o-transform-origin: 0px 0px; | -o-transform-origin: 0px 0px; | ||
| + | |||
| + | − | ||
transform-origin: 0px 0px; | transform-origin: 0px 0px; | ||
| + | |||
| + | − | ||
-webkit-transform: rotateX(-90deg); | -webkit-transform: rotateX(-90deg); | ||
| + | |||
| + | − | ||
-moz-transform: rotateX(-90deg); | -moz-transform: rotateX(-90deg); | ||
| + | |||
| + | − | ||
-ms-transform: rotateX(-90deg); | -ms-transform: rotateX(-90deg); | ||
| + | |||
| + | − | ||
-o-transform: rotateX(-90deg); | -o-transform: rotateX(-90deg); | ||
| + | |||
| + | − | ||
transform: rotateX(-90deg); | transform: rotateX(-90deg); | ||
| + | |||
| + | − | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
| + | |||
| + | − | ||
-moz-backface-visibility: hidden; | -moz-backface-visibility: hidden; | ||
| + | |||
| + | − | ||
-ms-backface-visibility: hidden; | -ms-backface-visibility: hidden; | ||
| + | |||
| + | − | ||
-o-backface-visibility: hidden; | -o-backface-visibility: hidden; | ||
| + | |||
| + | − | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
/*任务九、显示下拉导航菜单，并其设置一个变形效果*/ | /*任务九、显示下拉导航菜单，并其设置一个变形效果*/ | ||
| + | |||
| + | − | ||
.nav-menu > li:hover ul { | .nav-menu > li:hover ul { | ||
| + | |||
| + | − | ||
-webkit-transform: rotateX(0deg); | -webkit-transform: rotateX(0deg); | ||
| + | |||
| + | − | ||
-moz-transform: rotateX(0deg); | -moz-transform: rotateX(0deg); | ||
| + | |||
| + | − | ||
-ms-transform: rotateX(0deg); | -ms-transform: rotateX(0deg); | ||
| + | |||
| + | − | ||
-o-transform: rotateX(0deg); | -o-transform: rotateX(0deg); | ||
| + | |||
| + | − | ||
transform: rotateX(0deg); | transform: rotateX(0deg); | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
/*-------------------------------------------daohang_over---------------------------*/ | /*-------------------------------------------daohang_over---------------------------*/ | ||
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px} | #banner{width:100%;height:800px;background-color:#0066ff;margin:0px} | ||
| + | |||
| + | − | ||
#name img{margin-left: 20rem;margin-top:-230px;position:absolute} | #name img{margin-left: 20rem;margin-top:-230px;position:absolute} | ||
| + | |||
| + | − | ||
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;} | #name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;} | ||
| + | |||
| + | − | ||
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:14rem} | #name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:14rem} | ||
| + | |||
| + | − | ||
#uptop > img{margin-top:-6.5rem;margin-left:72%;position:fixed;} | #uptop > img{margin-top:-6.5rem;margin-left:72%;position:fixed;} | ||
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
#content{background-image:url("https://static.igem.org/mediawiki/2016/d/de/AHUT_CHINA_igem_china_team.png" );width:100%;height:1000rem;position:relative;} | #content{background-image:url("https://static.igem.org/mediawiki/2016/d/de/AHUT_CHINA_igem_china_team.png" );width:100%;height:1000rem;position:relative;} | ||
| + | |||
| + | − | ||
#con_inner{padding:5rem;background-color:rgba(0,0,0,0.7);height:990rem} | #con_inner{padding:5rem;background-color:rgba(0,0,0,0.7);height:990rem} | ||
| + | |||
| + | − | ||
#con_inner p{color:#ffffff} | #con_inner p{color:#ffffff} | ||
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
#team_at_1,#team_at_2,#team_at_3{ | #team_at_1,#team_at_2,#team_at_3{ | ||
| + | |||
| + | − | ||
float:left; | float:left; | ||
| + | |||
| + | − | ||
width:320px; | width:320px; | ||
| + | |||
| + | − | ||
height:315px; | height:315px; | ||
| + | |||
| + | − | ||
font-family: Arial,Helvetica,sans-serif; | font-family: Arial,Helvetica,sans-serif; | ||
| + | |||
| + | − | ||
text-align:center; | text-align:center; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_at_1_1,#team_at_1_2,#team_at_1_3,#team_at_2_1,#team_at_2_2,#team_at_2_3,#team_at_3_1,#team_at_3_2,#team_at_3_3{ | #team_at_1_1,#team_at_1_2,#team_at_1_3,#team_at_2_1,#team_at_2_2,#team_at_2_3,#team_at_3_1,#team_at_3_2,#team_at_3_3{ | ||
| + | |||
| + | − | ||
float:left; | float:left; | ||
| + | |||
| + | − | ||
width:320px; | width:320px; | ||
| + | |||
| + | − | ||
height:60px; | height:60px; | ||
| + | |||
| + | − | ||
font-size:20px; | font-size:20px; | ||
| + | |||
| + | − | ||
line-height:60px; | line-height:60px; | ||
| + | |||
| + | − | ||
font-weight:600; | font-weight:600; | ||
| + | |||
| + | − | ||
color:#ffffff; | color:#ffffff; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_at_1_1_content,#team_at_1_2_content,#team_at_1_3_content,#team_at_2_1_content,#team_at_2_2_content,#team_at_2_3_content,#team_at_3_1_content,#team_at_3_2_content,#team_at_3_3_content{ | #team_at_1_1_content,#team_at_1_2_content,#team_at_1_3_content,#team_at_2_1_content,#team_at_2_2_content,#team_at_2_3_content,#team_at_3_1_content,#team_at_3_2_content,#team_at_3_3_content{ | ||
| + | |||
| + | − | ||
float:left; | float:left; | ||
| + | |||
| + | − | ||
width:320px; | width:320px; | ||
| + | |||
| + | − | ||
height:60px; | height:60px; | ||
| + | |||
| + | − | ||
font-size:14px; | font-size:14px; | ||
| + | |||
| + | − | ||
color:#ffffff; | color:#ffffff; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_acknowledgement{ | #team_acknowledgement{ | ||
| + | |||
| + | − | ||
position:relative; | position:relative; | ||
| + | |||
| + | − | ||
width:960px; | width:960px; | ||
| + | |||
| + | − | ||
height:8rem; | height:8rem; | ||
| + | |||
| + | − | ||
margin:0 auto; | margin:0 auto; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a_pre{ | #team_a_pre{ | ||
| + | |||
| + | − | ||
height:20px; | height:20px; | ||
| + | |||
| + | − | ||
margin-top:30px; | margin-top:30px; | ||
| + | |||
| + | − | ||
font-family: Arial,Helvetica,sans-serif; | font-family: Arial,Helvetica,sans-serif; | ||
| + | |||
| + | − | ||
font-size:18px; | font-size:18px; | ||
| + | |||
| + | − | ||
font-weight:600; | font-weight:600; | ||
| + | |||
| + | − | ||
text-align:center; | text-align:center; | ||
| + | |||
| + | − | ||
line-height:20px; | line-height:20px; | ||
| + | |||
| + | − | ||
color:#ffffff; | color:#ffffff; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a1,#team_a2,#team_a3,#team_a4,#team_a5{ | #team_a1,#team_a2,#team_a3,#team_a4,#team_a5{ | ||
| + | |||
| + | − | ||
position:absolute; | position:absolute; | ||
| + | |||
| + | − | ||
top:50px; | top:50px; | ||
| + | |||
| + | − | ||
width:150px; | width:150px; | ||
| + | |||
| + | − | ||
height:220px; | height:220px; | ||
| + | |||
| + | − | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
| + | |||
| + | − | ||
background-size:contain; | background-size:contain; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a1_name,#team_a2_name,#team_a3_name,#team_a4_name,#team_a5_name{ | #team_a1_name,#team_a2_name,#team_a3_name,#team_a4_name,#team_a5_name{ | ||
| + | |||
| + | − | ||
position:absolute; | position:absolute; | ||
| + | |||
| + | − | ||
top:170px; | top:170px; | ||
| + | |||
| + | − | ||
height:50px; | height:50px; | ||
| + | |||
| + | − | ||
margin-top:0px; | margin-top:0px; | ||
| + | |||
| + | − | ||
font-family: Arial,Helvetica,sans-serif; | font-family: Arial,Helvetica,sans-serif; | ||
| + | |||
| + | − | ||
font-size:12px; | font-size:12px; | ||
| + | |||
| + | − | ||
font-weight:600; | font-weight:600; | ||
| + | |||
| + | − | ||
text-align:center; | text-align:center; | ||
| + | |||
| + | − | ||
color:#ffffff; | color:#ffffff; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a1{ | #team_a1{ | ||
| + | |||
| + | − | ||
left:0px; | left:0px; | ||
| + | |||
| + | − | ||
background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_jixie.jpg); | background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_jixie.jpg); | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a2{ | #team_a2{ | ||
| + | |||
| + | − | ||
left:195px; | left:195px; | ||
| + | |||
| + | − | ||
background-image:url(https://static.igem.org/mediawiki/2015/9/97/AHUT_CHINA_2015_team_huagong.jpg); | background-image:url(https://static.igem.org/mediawiki/2015/9/97/AHUT_CHINA_2015_team_huagong.jpg); | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a3{ | #team_a3{ | ||
| + | |||
| + | − | ||
left:400px; | left:400px; | ||
| + | |||
| + | − | ||
background-image:url(https://static.igem.org/mediawiki/2015/d/d5/AHUT_CHINA_2015_team_shuli.jpg); | background-image:url(https://static.igem.org/mediawiki/2015/d/d5/AHUT_CHINA_2015_team_shuli.jpg); | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a4{ | #team_a4{ | ||
| + | |||
| + | − | ||
left:605px; | left:605px; | ||
| + | |||
| + | − | ||
background-image:url(https://static.igem.org/mediawiki/2015/1/12/AHUT_CHINA_2015_team_waiguoyu.jpg); | background-image:url(https://static.igem.org/mediawiki/2015/1/12/AHUT_CHINA_2015_team_waiguoyu.jpg); | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#team_a5{ | #team_a5{ | ||
| + | |||
| + | − | ||
left:810px; | left:810px; | ||
| + | |||
| + | − | ||
background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png); | background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png); | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
#text_01{height:65rem;width:100%;background:rgba(0,0,0,0);} | #text_01{height:65rem;width:100%;background:rgba(0,0,0,0);} | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
img{ border:0;} | img{ border:0;} | ||
| + | |||
| + | − | ||
.brands-list { width: 90%; height: 100%; overflow: hidden; margin: 20px auto 0 auto; } | .brands-list { width: 90%; height: 100%; overflow: hidden; margin: 20px auto 0 auto; } | ||
| + | |||
| + | − | ||
.brands-list li { float: left; width: 155px; margin: 0 4px 7px 0; display: inline; } | .brands-list li { float: left; width: 155px; margin: 0 4px 7px 0; display: inline; } | ||
| + | |||
| + | − | ||
.brands-list li a { position: relative; height: 250px; display: block; overflow: hidden; cursor: pointer; } | .brands-list li a { position: relative; height: 250px; display: block; overflow: hidden; cursor: pointer; } | ||
| + | |||
| + | − | ||
.brands-list li a .title { z-index: 2; position: absolute; bottom: 230px; left: -160px; width: 150px; height: 20px; padding: 0 0 0 10px; color:#ffffff; line-height: 17px; background-color:#000000 no-repeat; font-size:12px;font:Arial, Helvetica, sans-serif, "新宋体";} | .brands-list li a .title { z-index: 2; position: absolute; bottom: 230px; left: -160px; width: 150px; height: 20px; padding: 0 0 0 10px; color:#ffffff; line-height: 17px; background-color:#000000 no-repeat; font-size:12px;font:Arial, Helvetica, sans-serif, "新宋体";} | ||
| + | |||
| + | − | ||
.brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 104px; background-color:#000000 no-repeat -160px 0; } | .brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 104px; background-color:#000000 no-repeat -160px 0; } | ||
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
.teacher{width:1100px;height:360px;position:relative;margin:0 auto; overflow:hidden;} | .teacher{width:1100px;height:360px;position:relative;margin:0 auto; overflow:hidden;} | ||
| + | |||
| + | − | ||
.teacher .teacherPic{width:1100px;height:360px;} | .teacher .teacherPic{width:1100px;height:360px;} | ||
| + | |||
| + | − | ||
.teacher .teacherPic .content{width:200px;height:360px;float:left;position:relative;overflow:hidden;margin-left:3px;} | .teacher .teacherPic .content{width:200px;height:360px;float:left;position:relative;overflow:hidden;margin-left:3px;} | ||
| + | |||
| + | − | ||
.teacher .teacherPic .content .txt{width:180px;height:100px;background:rgba(18,21,44,0.7); position:absolute;left:0px;bottom:0px;padding:0 12px;border-top:2px solid #CB5412;} | .teacher .teacherPic .content .txt{width:180px;height:100px;background:rgba(18,21,44,0.7); position:absolute;left:0px;bottom:0px;padding:0 12px;border-top:2px solid #CB5412;} | ||
| + | |||
| + | − | ||
.teacher .teacherPic .content .txt h3{color:#CB5412;font-size:20px;font-weight:100;margin:10px 0 6px 0;} | .teacher .teacherPic .content .txt h3{color:#CB5412;font-size:20px;font-weight:100;margin:10px 0 6px 0;} | ||
| + | |||
| + | − | ||
.teacher .teacherPic h4{color:#fff;font-size:14px;font-weight:100;} | .teacher .teacherPic h4{color:#fff;font-size:14px;font-weight:100;} | ||
| + | |||
| + | − | ||
.teacher .teacherPic .content .txt p{color:#fff;margin-top:5px;padding-top:12px;border-top:1px solid #CB5412;font-famliy:"Lucida Sans Unicode", "Lucida Grande";} | .teacher .teacherPic .content .txt p{color:#fff;margin-top:5px;padding-top:12px;border-top:1px solid #CB5412;font-famliy:"Lucida Sans Unicode", "Lucida Grande";} | ||
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
/*-------------------footer-----------------------*/ | /*-------------------footer-----------------------*/ | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#footer{ | #footer{ | ||
| + | |||
| + | − | ||
height:300px; | height:300px; | ||
| + | |||
| + | − | ||
width:100%; | width:100%; | ||
| + | |||
| + | − | ||
color:#ccc; | color:#ccc; | ||
| + | |||
| + | − | ||
font-size:12px; | font-size:12px; | ||
| + | |||
| + | − | ||
position:relative; | position:relative; | ||
| + | |||
| + | − | ||
z-index:top; | z-index:top; | ||
| + | |||
| + | − | ||
background-color:#3c3e3f; | background-color:#3c3e3f; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#footer .conent{ | #footer .conent{ | ||
| + | |||
| + | − | ||
width:960px; | width:960px; | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
left:50%; | left:50%; | ||
| + | |||
| + | − | ||
bottom:0; | bottom:0; | ||
| + | |||
| + | − | ||
margin-left:14%; | margin-left:14%; | ||
| + | |||
| + | − | ||
z-index:2; | z-index:2; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#foot_list { | #foot_list { | ||
| + | |||
| + | − | ||
width:759px; | width:759px; | ||
| + | |||
| + | − | ||
height:175px; | height:175px; | ||
| + | |||
| + | − | ||
float:left; | float:left; | ||
| + | |||
| + | − | ||
padding-top:5px; | padding-top:5px; | ||
| + | |||
| + | − | ||
margin:0; | margin:0; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
#foot_list li{ | #foot_list li{ | ||
| + | |||
| + | − | ||
float:left; | float:left; | ||
| + | |||
| + | − | ||
text-align:left; | text-align:left; | ||
| + | |||
| + | − | ||
width:115px; | width:115px; | ||
| + | |||
| + | − | ||
margin-left:0; | margin-left:0; | ||
| + | |||
| + | − | ||
margin-right:10px; | margin-right:10px; | ||
| + | |||
| + | − | ||
line-height:18px; | line-height:18px; | ||
| + | |||
| + | − | ||
display:block; | display:block; | ||
| + | |||
| + | − | ||
color:#FFF; | color:#FFF; | ||
| + | |||
| + | − | ||
font-size:16px; | font-size:16px; | ||
| + | |||
| + | − | ||
text-decoration: none; | text-decoration: none; | ||
| + | |||
| + | − | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
#foot_list li ul li:first-child { | #foot_list li ul li:first-child { | ||
| + | |||
| + | − | ||
font-size:20px; | font-size:20px; | ||
| + | |||
| + | − | ||
color:#b4b4b4; | color:#b4b4b4; | ||
| + | |||
| + | − | ||
line-height:28px; | line-height:28px; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#foot_list li ul li a { | #foot_list li ul li a { | ||
| + | |||
| + | − | ||
font-size:12px; | font-size:12px; | ||
| + | |||
| + | − | ||
color:#a1a1a1; | color:#a1a1a1; | ||
| + | |||
| + | − | ||
line-height:18px; | line-height:18px; | ||
| + | |||
| + | − | ||
text-decoration:none; | text-decoration:none; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
#foot_list li ul li a:hover { | #foot_list li ul li a:hover { | ||
| + | |||
| + | − | ||
color:#fff; | color:#fff; | ||
| + | |||
| + | − | ||
transition: color 0.3s ease 0s; | transition: color 0.3s ease 0s; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
#foot_igem{ | #foot_igem{ | ||
| + | |||
| + | − | ||
padding:38px 33px 24px 18px; | padding:38px 33px 24px 18px; | ||
| + | |||
| + | − | ||
float:right; | float:right; | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
#foot_igem > a { | #foot_igem > a { | ||
| + | |||
| + | − | ||
width:150px; | width:150px; | ||
| + | |||
| + | − | ||
height:118px; | height:118px; | ||
| + | |||
| + | − | ||
display:block; | display:block; | ||
| + | |||
| + | − | ||
background-image:url(https://static.igem.org/mediawiki/2016/8/87/AHUT_CHINA_2015_index_igem_gray.jpg); | background-image:url(https://static.igem.org/mediawiki/2016/8/87/AHUT_CHINA_2015_index_igem_gray.jpg); | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
#foot_igem > a:hover { | #foot_igem > a:hover { | ||
| + | |||
| + | − | ||
background-image:url(https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg); | background-image:url(https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg); | ||
| + | |||
| + | − | ||
} | } | ||
| + | |||
| + | − | ||
#foot_copyright { | #foot_copyright { | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
margin-left:14%; | margin-left:14%; | ||
| + | |||
| + | − | ||
clear:both; | clear:both; | ||
| + | |||
| + | − | ||
width:960px; | width:960px; | ||
| + | |||
| + | − | ||
line-height:36px; | line-height:36px; | ||
| + | |||
| + | − | ||
text-align:center; | text-align:center; | ||
| + | |||
| + | − | ||
vertical-align:middle; | vertical-align:middle; | ||
| + | |||
| + | − | ||
color:#777777; | color:#777777; | ||
| + | |||
| + | − | ||
font-size:12px; | font-size:12px; | ||
| + | |||
| + | − | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
| + | |||
| + | − | ||
} | } | ||
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
</style> | </style> | ||
| + | |||
| + | − | ||
</head> | </head> | ||
| + | |||
| + | − | ||
<body> | <body> | ||
| + | |||
| + | − | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<div id="nav"> | <div id="nav"> | ||
| + | |||
| + | − | ||
<!----------------------------------------------------------------------------> | <!----------------------------------------------------------------------------> | ||
| + | |||
| + | − | ||
<!----------------------banner-----------------------------------------------> | <!----------------------banner-----------------------------------------------> | ||
| + | |||
| + | − | ||
<div id="banner"> | <div id="banner"> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<div id="menu"> | <div id="menu"> | ||
| + | |||
| + | − | ||
<ul class="nav-menu clearfix unstyled"> | <ul class="nav-menu clearfix unstyled"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d"> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d"> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li> | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d active">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a> | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d active">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a> | ||
| + | |||
| + | − | ||
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Menbers</span><span class="back">Menbers</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Menbers</span><span class="back">Menbers</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructions</span><span class="back">Instructions</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructions</span><span class="back">Instructions</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li> | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d"> Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d"> Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a> | ||
| + | |||
| + | − | ||
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway and Design</span><span class="back">Pathway and Design</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway and Design</span><span class="back">Pathway and Design</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Protools" class="three-d";href="#Protools">Protools<span class="three-d-box"><span class="front">Protools</span><span class="back">Protools</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Protools" class="three-d";href="#Protools">Protools<span class="three-d-box"><span class="front">Protools</span><span class="back">Protools</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li> | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d "> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a> | <li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d "> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a> | ||
| + | |||
| + | − | ||
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#Society" class="three-d";href="#Society">Society <span class="three-d-box"><span class="front">Society</span><span class="back">Society</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Society" class="three-d";href="#Society">Society <span class="three-d-box"><span class="front">Society</span><span class="back">Society</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#New Power" class="three-d";href="#New Power">New Power<span class="three-d-box"><span class="front">New Power</span><span class="back">New Power</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#New Power" class="three-d";href="#New Power">New Power<span class="three-d-box"><span class="front">New Power</span><span class="back">New Power</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#Qestionnaire" class="three-d";href="#Qestionnaire">Qestionnaire<span class="three-d-box"><span class="front">Qestionnaire</span><span class="back">Qestionnaire</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Qestionnaire" class="three-d";href="#Qestionnaire">Qestionnaire<span class="three-d-box"><span class="front">Qestionnaire</span><span class="back">Qestionnaire</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#MOOC" class="three-d";href="#MOOC">MOOC<span class="three-d-box"><span class="front"> MOOC</span><span class="back">MOOC</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/HP#MOOC" class="three-d";href="#MOOC">MOOC<span class="three-d-box"><span class="front"> MOOC</span><span class="back">MOOC</span></span> </a></li> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#Art" class="three-d";href="#Art">Art<span class="three-d-box"><span class="front"> Art</span><span class="back">Art</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Art" class="three-d";href="#Art">Art<span class="three-d-box"><span class="front"> Art</span><span class="back">Art</span></span> </a></li> | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a> | <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a> | ||
| + | |||
| + | − | ||
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li> | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a> | <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a> | ||
| + | |||
| + | − | ||
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li> | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a> | <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a> | ||
| + | |||
| + | − | ||
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li> | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a> | <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a> | ||
| + | |||
| + | − | ||
<ul class="clearfix unstyled drop-menu"> | <ul class="clearfix unstyled drop-menu"> | ||
| + | |||
| + | − | ||
<li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li> | <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li> | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| − | + | ||
| − | + | − | |
| − | + | ||
| − | + | − | |
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
<div id="name"> | <div id="name"> | ||
| + | |||
| + | − | ||
<img src="https://static.igem.org/mediawiki/2016/f/fd/AHUT_CHINA_igem_china_team_max.png" width="250" height="250" border="0" alt=""> | <img src="https://static.igem.org/mediawiki/2016/f/fd/AHUT_CHINA_igem_china_team_max.png" width="250" height="250" border="0" alt=""> | ||
| + | |||
| + | − | ||
<p>Attributions</p> | <p>Attributions</p> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| + | |||
| + | − | ||
<a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a> | <a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a> | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
<div id="content"> | <div id="content"> | ||
| + | |||
| + | − | ||
<div id ="con_inner"> | <div id ="con_inner"> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<p style="font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Attributions</p> | <p style="font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Attributions</p> | ||
| + | |||
| + | − | ||
<div style="margin-left:6rem" id="team_attributions"> | <div style="margin-left:6rem" id="team_attributions"> | ||
| + | |||
| + | − | ||
<div id="team_at_1"> | <div id="team_at_1"> | ||
| + | |||
| + | − | ||
<span id="team_at_1_1">Project name</span> | <span id="team_at_1_1">Project name</span> | ||
| + | |||
| + | − | ||
<span id="team_at_1_1_content">Bio-compass 2.0</span> | <span id="team_at_1_1_content">Bio-compass 2.0</span> | ||
| + | |||
| + | − | ||
<span id="team_at_1_2">Team Leaders</span> | <span id="team_at_1_2">Team Leaders</span> | ||
| + | |||
| + | − | ||
<span id="team_at_1_2_content">Xia tianlai，Ding Haojie</span> | <span id="team_at_1_2_content">Xia tianlai，Ding Haojie</span> | ||
| + | |||
| + | − | ||
<span id="team_at_1_3">Laboratory Work</span> | <span id="team_at_1_3">Laboratory Work</span> | ||
| + | |||
| + | − | ||
<span id="team_at_1_3_content">GuanHaojun，Hu Jianjun<br>Zhu jun，Xudong Cai<br>Qian Du</span> | <span id="team_at_1_3_content">GuanHaojun，Hu Jianjun<br>Zhu jun，Xudong Cai<br>Qian Du</span> | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| + | |||
| + | − | ||
<div id="team_at_2"> | <div id="team_at_2"> | ||
| + | |||
| + | − | ||
<span id="team_at_2_1">Human Practice Work</span> | <span id="team_at_2_1">Human Practice Work</span> | ||
| + | |||
| + | − | ||
<span id="team_at_2_1_content">CHEN ZHITONG，QIAN CHENG,Xudong Cai<br>Ding Haojie， Hu Jianjun，Xu HuiHui,GuanHaojun，Yin Hang，Dang Zheng</span> | <span id="team_at_2_1_content">CHEN ZHITONG，QIAN CHENG,Xudong Cai<br>Ding Haojie， Hu Jianjun，Xu HuiHui,GuanHaojun，Yin Hang，Dang Zheng</span> | ||
| + | |||
| + | − | ||
<span id="team_at_2_2">Wiki Work</span> | <span id="team_at_2_2">Wiki Work</span> | ||
| + | |||
| + | − | ||
<span id="team_at_2_2_content">Cailei Lu，Xu HuiHui<br>Shuo Xu，Ye Wanwan</span> | <span id="team_at_2_2_content">Cailei Lu，Xu HuiHui<br>Shuo Xu，Ye Wanwan</span> | ||
| + | |||
| + | − | ||
<span id="team_at_2_3">Art Design Work</span> | <span id="team_at_2_3">Art Design Work</span> | ||
| + | |||
| + | − | ||
<span id="team_at_2_3_content">Huihui Xv ,Wanwan Ye<br>Hao Xv</span> | <span id="team_at_2_3_content">Huihui Xv ,Wanwan Ye<br>Hao Xv</span> | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| + | |||
| + | − | ||
<div id="team_at_3"> | <div id="team_at_3"> | ||
| + | |||
| + | − | ||
<span id="team_at_3_1">Project design and Data analysis </span> | <span id="team_at_3_1">Project design and Data analysis </span> | ||
| + | |||
| + | − | ||
<span id="team_at_3_1_content"> Run-ze Zhang，Tianlai Xia，Ding Haojie<br></span> | <span id="team_at_3_1_content"> Run-ze Zhang，Tianlai Xia，Ding Haojie<br></span> | ||
| + | |||
| + | − | ||
<span id="team_at_3_2">Translate and propagate</span> | <span id="team_at_3_2">Translate and propagate</span> | ||
| + | |||
| + | − | ||
<span id="team_at_3_2_content">Yin Hang，FengPing Wang，<br>Wang Qingyuan | <span id="team_at_3_2_content">Yin Hang，FengPing Wang，<br>Wang Qingyuan | ||
| + | |||
| + | − | ||
Xuan Zhiwei，<br>Yan Xinrui，CHEN ZHITONG<br> | Xuan Zhiwei，<br>Yan Xinrui，CHEN ZHITONG<br> | ||
| + | |||
| + | − | ||
</span> | </span> | ||
| + | |||
| + | − | ||
<span id="team_at_3_3">Instructors</span> | <span id="team_at_3_3">Instructors</span> | ||
| + | |||
| + | − | ||
<span id="team_at_3_3_content">Hujing Leng ,Xiangrong Xu , Hao Xu <br>Liang MA,she huili <br>Ruilan Cao，Jun Xie，Zi Liu<br> | <span id="team_at_3_3_content">Hujing Leng ,Xiangrong Xu , Hao Xu <br>Liang MA,she huili <br>Ruilan Cao，Jun Xie，Zi Liu<br> | ||
| + | |||
| + | − | ||
</span> | </span> | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<div style="margin-top:30rem" id="team_acknowledgement"> | <div style="margin-top:30rem" id="team_acknowledgement"> | ||
| + | |||
| + | − | ||
<div id="team_a_pre">Our team highly acknowledges the following institutes:</div> | <div id="team_a_pre">Our team highly acknowledges the following institutes:</div> | ||
| + | |||
| + | − | ||
<div id="team_a1"><p id="team_a1_name">School of Mathematics & Physics</p></div> | <div id="team_a1"><p id="team_a1_name">School of Mathematics & Physics</p></div> | ||
| + | |||
| + | − | ||
<div id="team_a2"><p id="team_a2_name">School of Mathematics & Physics</p></div> | <div id="team_a2"><p id="team_a2_name">School of Mathematics & Physics</p></div> | ||
| + | |||
| + | − | ||
<div id="team_a3"><p id="team_a3_name">School of Chemistry and Chemical Engineering</p></div> | <div id="team_a3"><p id="team_a3_name">School of Chemistry and Chemical Engineering</p></div> | ||
| + | |||
| + | − | ||
<div id="team_a4"><p id="team_a4_name">Center of Foreign languages</p></div> | <div id="team_a4"><p id="team_a4_name">Center of Foreign languages</p></div> | ||
| + | |||
| + | − | ||
<div id="team_a5"><p id="team_a5_name">Academy of Art and Design</p></div> | <div id="team_a5"><p id="team_a5_name">Academy of Art and Design</p></div> | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| − | + | ||
| − | + | − | |
| + | |||
| + | − | ||
| + | |||
| + | − | ||
School of Mathematics & Physics | School of Mathematics & Physics | ||
| − | + | ||
| − | + | − | |
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
| + | |||
| + | − | ||
<p style="margin-top:25rem;font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Member</p> | <p style="margin-top:25rem;font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Member</p> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
<div id="text_01"> | <div id="text_01"> | ||
| + | |||
| + | − | ||
<!--menberlist---> | <!--menberlist---> | ||
| + | |||
| + | − | ||
<div class="brands-list"> | <div class="brands-list"> | ||
| + | |||
| + | − | ||
<ul> | <ul> | ||
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/35/AHUT_CHINA_igem_2016_xtl.jpg" /><span class="title" style="line-height:1"> | + | |
| + | − | ||
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/35/AHUT_CHINA_igem_2016_xtl.jpg" /><span class="title" style="line-height:1">Xia Tianlai, it has been<br> the 2nd time for him to<br> participate in iGEM.<br> In our team, he has made<br> great contributions to the<br> design of the project.<br> In our iGEM journey,<br> he has tried his best to<br> learn something<br> from other members<br> to enrich his knowledge<br> and open his horizon.<br> And he’s done a lot of job<br> for our project because<br> he believes whatever is <br>worth doing is worth<br> doing well.<br></span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/4/45/AHUT_CHINA_igem_2016_dhj.jpg" /><span class="title" style="line-height:1">Ding Haojie has taken<br> the responsibility of team <br>leader in the middle<br> and later period in<br> our team .<br>He worked very hard throughtout<br> the whole process.<br> Meanwhile, he was in charge of<br> the theory and design<br> of the project. <br> Taking part in iGEM <br>improved his scientific<br> literacy and cooperation<br> ability.<br></span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/4/45/AHUT_CHINA_igem_2016_dhj.jpg" /><span class="title" style="line-height:1">Ding Haojie has taken<br> the responsibility of team <br>leader in the middle<br> and later period in<br> our team .<br>He worked very hard throughtout<br> the whole process.<br> Meanwhile, he was in charge of<br> the theory and design<br> of the project. <br> Taking part in iGEM <br>improved his scientific<br> literacy and cooperation<br> ability.<br></span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/37/AHUT_CHINA_igem_2016_lcn.jpg" /><span class="title">Lucailei is responsible for<br> document writing and<br> web production</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/37/AHUT_CHINA_igem_2016_lcn.jpg" /><span class="title">Lucailei is responsible for<br> document writing and<br> web production</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/00/AHUT_CHINA_igem_2016_ghj.jpg" /><span class="title">Guan Haojun majors in<br> Chemical Biology.<br>He participated in the <br>experiment of this project and<br> recorded the process of doing<br> experiment , he also disposed the<br> experiment data . <br>It is responsible for him <br>to do part of the <br>experimental copywriting </span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/00/AHUT_CHINA_igem_2016_ghj.jpg" /><span class="title">Guan Haojun majors in<br> Chemical Biology.<br>He participated in the <br>experiment of this project and<br> recorded the process of doing<br> experiment , he also disposed the<br> experiment data . <br>It is responsible for him <br>to do part of the <br>experimental copywriting </span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b6/AHUT_CHINA_igem_2016_hjj.jpg" /><span class="title">Hujianjun participates in the<br> whole experiment operation and<br> Bio bricks registration.</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b6/AHUT_CHINA_igem_2016_hjj.jpg" /><span class="title">Hujianjun participates in the<br> whole experiment operation and<br> Bio bricks registration.</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/a/ac/AHUT_CHINA_igem_2016_xhh.jpg" /><span class="title">Xuhuihui's work is that<br> design the logo ,<br> the homepage, <br>the banner and the team<br> clothing team pennant.</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/a/ac/AHUT_CHINA_igem_2016_xhh.jpg" /><span class="title">Xuhuihui's work is that<br> design the logo ,<br> the homepage, <br>the banner and the team<br> clothing team pennant.</span><span class="shine"></span></a></li> | ||
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_igem_2016_yh.jpg" /><span class="title" style="line-height:1"> | + | |
| + | − | ||
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_igem_2016_yh.jpg" /><span class="title" style="line-height:1">Yin Hang is a student <br>in School of Foreign Languages <br>also a leader of English group.<br>In our iGEM,she is<br> in charge of translation<br> and presentation<br>During our preparation<br>she tried her best<br> to enrich her comprehensive<br> knowledge and <br>communicated with others<br>She believes that nothing<br> is impossible <br>to a willing heart!</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b3/AHUT_CHINA_igem_2016_czt.jpg" /><span class="title" style="line-height:1">Chen Zhitong is a reliable,<br> responsible and fun-loving girl<br> who is always willing to<br> lend a helping hand.<br>As an English major students,<br> she is mainly responsible<br> for translation and presentation part.<br> Besides, Zhitong was involved<br> in the human practice projects:<br> organizing the publicity projects,<br> cooperating with other universities <br>and making the human <br>practice videos.</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b3/AHUT_CHINA_igem_2016_czt.jpg" /><span class="title" style="line-height:1">Chen Zhitong is a reliable,<br> responsible and fun-loving girl<br> who is always willing to<br> lend a helping hand.<br>As an English major students,<br> she is mainly responsible<br> for translation and presentation part.<br> Besides, Zhitong was involved<br> in the human practice projects:<br> organizing the publicity projects,<br> cooperating with other universities <br>and making the human <br>practice videos.</span><span class="shine"></span></a></li> | ||
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/7f/AHUT_CHINA_igem_2016_xzw.jpg" /><span class="title">Xuanzhiwei | + | |
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/8/80/AHUT_CHINA_igem_2016_wll.jpg" /><span class="title">Ling- | + | − |
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/1/16/AHUT_CHINA_igem_2016_xs.jpg"/><span class="title"> | + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/7f/AHUT_CHINA_igem_2016_xzw.jpg" /><span class="title">Xuanzhiwei is a English<br> major student. <br>In our team, <br>he was charge of the<br> translation<br> of the part context.<br> Meanwhile,<br> he took part in the Mooc<br> and human practices.<br> He thought it was a<br> memorable experience. </span><span class="shine"></span></a></li> |
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/6/68/AHUT_CHINA_igem_2016_wqy.jpg" /><span class="title"> | + | |
| + | − | ||
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/8/80/AHUT_CHINA_igem_2016_wll.jpg" /><span class="title">Ling-ling Wei took part<br> in the improvement of <br>the theory of project and<br> the cooperation with other <br>schools, etc.<br> Through this contest,<br>she has improved the <br>scientific research interest,<br> communication ability and team<br> cooperation ability.<br></span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/1/16/AHUT_CHINA_igem_2016_xs.jpg"/><span class="title">His major is digital<br> media art.<br> In the team, <br>I am in charge of<br> video production.<br> The late synthesis<br> of Mooc video is<br> done by me.<br></span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/6/68/AHUT_CHINA_igem_2016_wqy.jpg" /><span class="title">She is responsible for<br> the design of our project<br> and she has accomplished <br>the word processing<br> of the design.<br> She will also do the<br> presentation of the design <br>of our project at iGEM <br>Giant Jamboree.</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/73/AHUT_CHINA_igem_2016_yxr.jpg" /><span class="title">Yanxinrui is responsible for<br> translation and presentation<br> of Results part and <br>translation of relevant contents;<br> giving advice to our project ;<br> propagating through Sinaweibo<br> and Facebook</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/73/AHUT_CHINA_igem_2016_yxr.jpg" /><span class="title">Yanxinrui is responsible for<br> translation and presentation<br> of Results part and <br>translation of relevant contents;<br> giving advice to our project ;<br> propagating through Sinaweibo<br> and Facebook</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b1/AHUT_CHINA_igem_2016_yww.jpg" /><span class="title">Yewanwan is responsible for<br> the design of logo <br>and post. <br>At the same time, <br>I also process the image.</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b1/AHUT_CHINA_igem_2016_yww.jpg" /><span class="title">Yewanwan is responsible for<br> the design of logo <br>and post. <br>At the same time, <br>I also process the image.</span><span class="shine"></span></a></li> | ||
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/0c/AHUT_CHINA_igem_2016_zrz.jpg" /><span class="title"> | + | |
| + | − | ||
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/0c/AHUT_CHINA_igem_2016_zrz.jpg" /><span class="title">It’s his fourth year and<br> also the last time to<br> participate in iGEM,<br> the only thing he can<br> do is to give suggestions<br> to my teammates.<br> The AHUT_China is becoming<br> better and better.<br> Wish you guys<br> have fun and good luck<br> in Boston.</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/bc/AHUT_CHINA_igem_2016_cxd.jpg" /><span class="title">蔡旭东</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/bc/AHUT_CHINA_igem_2016_cxd.jpg" /><span class="title">蔡旭东</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/70/AHUT_CHINA_igem_2016_cgn.jpg" /><span class="title">Chenguangneng was in theory group,<br> studying the comparison of<br> DNA computer and the<br> electronic computer.</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/70/AHUT_CHINA_igem_2016_cgn.jpg" /><span class="title">Chenguangneng was in theory group,<br> studying the comparison of<br> DNA computer and the<br> electronic computer.</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/72/AHUT_CHINA_igem_2016_zj.jpg" /><span class="title">Zhujun participates in the<br> experiment of this project,<br>and record the process of<br> doing experiment ,<br> dispose the experiment data .</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/72/AHUT_CHINA_igem_2016_zj.jpg" /><span class="title">Zhujun participates in the<br> experiment of this project,<br>and record the process of<br> doing experiment ,<br> dispose the experiment data .</span><span class="shine"></span></a></li> | ||
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/c/c9/AHUT_CHINA_igem_2016_qc.jpg" /><span class="title"> | + | |
| + | − | ||
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/c/c9/AHUT_CHINA_igem_2016_qc.jpg" /><span class="title">Qian Cheng is responsible<br> for project theory, <br>questionnaire survey and the<br> publicity work of<br> the game. <br>For attending the games,<br> he has great interest<br> on the synthetic <br>biology.</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/e/e9/AHUT_CHINA_igem_2016_dz.jpg" /><span class="title">Dangzheng's main job is to <br>do molecular biology experiment,<br>modify and finish the result<br> and record of the experiment<br> and the analysis of the <br>sequencing results.</span><span class="shine"></span></a></li> | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/e/e9/AHUT_CHINA_igem_2016_dz.jpg" /><span class="title">Dangzheng's main job is to <br>do molecular biology experiment,<br>modify and finish the result<br> and record of the experiment<br> and the analysis of the <br>sequencing results.</span><span class="shine"></span></a></li> | ||
| − | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/f8/AHUT_CHINA_igem_2016_dq.jpg" /><span class="title"> | + | |
| − | <li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/9/9f/AHUT_CHINA_igem_2016_wfp02.jpg" /><span class="title"> | + | − |
| + | <li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/f8/AHUT_CHINA_igem_2016_dq.jpg" /><span class="title">Du Qian participated in <br>the whole process of this<br> experiment and processed<br> part of documents </span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
| + | <li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/9/9f/AHUT_CHINA_igem_2016_wfp02.jpg" /><span class="title">Wangfengping is responsible<br> for translating bio-brick <br>of our project and human<br> practice part in <br>the Wi-ki. <br>She is also the the<br> presenter of human practice <br>part in the Giant Jamboree.</span><span class="shine"></span></a></li> | ||
| + | |||
| + | − | ||
<li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/fe/AHUT_CHINA_igem_2016_czk.jpg" /><span class="title">Chen Zhenke is one of <br>the members of the <br>theory group.<br>He is in charge of<br> collecting web publicity <br>materials and information<br> of participants.<br> What's more,he takes<br> part in the recording <br>of MOOC and assists<br> teachers in logistics. | <li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/fe/AHUT_CHINA_igem_2016_czk.jpg" /><span class="title">Chen Zhenke is one of <br>the members of the <br>theory group.<br>He is in charge of<br> collecting web publicity <br>materials and information<br> of participants.<br> What's more,he takes<br> part in the recording <br>of MOOC and assists<br> teachers in logistics. | ||
| + | |||
| + | − | ||
/span><span class="shine"></span></a></li> | /span><span class="shine"></span></a></li> | ||
| − | + | ||
| + | − | ||
| + | |||
| + | − | ||
</ul> | </ul> | ||
| + | |||
| + | − | ||
</div> | </div> | ||
| + | |||
| + | − | ||
<!--menberlist_over-------> | <!--menberlist_over-------> | ||
| + | |||
| + | − | ||
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.1.4.2-min.js"></script> | <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.1.4.2-min.js"></script> | ||
| + | |||
| + | − | ||
<script> | <script> | ||
| + | |||
| + | − | ||
$(function(){ | $(function(){ | ||
| + | |||
| + | − | ||
$(".brands-list li a").hover(function(){ | $(".brands-list li a").hover(function(){ | ||
| + | |||
| + | − | ||
$(this).find(".shine").stop(); | $(this).find(".shine").stop(); | ||
| + | |||
| + | − | ||
$(this).find(".shine").css("background-position","-160px 0"); | $(this).find(".shine").css("background-position","-160px 0"); | ||
| + | |||
| + | − | ||
$(this).find(".shine").animate({backgroundPosition: '160px 0'},500); | $(this).find(".shine").animate({backgroundPosition: '160px 0'},500); | ||
| + | |||
| + | − | ||
$(this).find(".title").stop().animate({left:'0px'},{queue:false,duration:450}); | $(this).find(".title").stop().animate({left:'0px'},{queue:false,duration:450}); | ||
| + | |||
| + | − | ||
},function() | },function() | ||
Revision as of 07:54, 14 October 2016
− −
− − − − − −
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
−
Attributions
− −
−
−
−
−
Attributions
−
−
−
−
−
Project name
−
Bio-compass 2.0
−
Team Leaders
−
Xia tianlai，Ding Haojie
−
Laboratory Work
−
GuanHaojun，Hu Jianjun
Zhu jun，Xudong Cai
Qian Du −
−
Zhu jun，Xudong Cai
Qian Du −
−
Human Practice Work
−
CHEN ZHITONG，QIAN CHENG,Xudong Cai
Ding Haojie， Hu Jianjun，Xu HuiHui,GuanHaojun，Yin Hang，Dang Zheng − Wiki Work − Cailei Lu，Xu HuiHui
Shuo Xu，Ye Wanwan − Art Design Work − Huihui Xv ,Wanwan Ye
Hao Xv −
−
Ding Haojie， Hu Jianjun，Xu HuiHui,GuanHaojun，Yin Hang，Dang Zheng − Wiki Work − Cailei Lu，Xu HuiHui
Shuo Xu，Ye Wanwan − Art Design Work − Huihui Xv ,Wanwan Ye
Hao Xv −
−
Project design and Data analysis
−
Run-ze Zhang，Tianlai Xia，Ding Haojie
− Translate and propagate − Yin Hang，FengPing Wang，
Wang Qingyuan − Xuan Zhiwei，
Yan Xinrui，CHEN ZHITONG
− − Instructors − Hujing Leng ,Xiangrong Xu , Hao Xu
Liang MA,she huili
Ruilan Cao，Jun Xie，Zi Liu
− −
−
− Translate and propagate − Yin Hang，FengPing Wang，
Wang Qingyuan − Xuan Zhiwei，
Yan Xinrui，CHEN ZHITONG
− − Instructors − Hujing Leng ,Xiangrong Xu , Hao Xu
Liang MA,she huili
Ruilan Cao，Jun Xie，Zi Liu
− −
−
−
−
−
−
−
−
−
−
School of Mathematics & Physics
−
−
−
−
Our team highly acknowledges the following institutes:
−
School of Mathematics & Physics
School of Mathematics & Physics
School of Chemistry and Chemical Engineering
Center of Foreign languages
Academy of Art and Design
Member
− −
−
−
−
−
−
−
-
−
Xia Tianlai, it has been
the 2nd time for him to
participate in iGEM.
In our team, he has made
great contributions to the
design of the project.
In our iGEM journey,
he has tried his best to
learn something
from other members
to enrich his knowledge
and open his horizon.
And he’s done a lot of job
for our project because
he believes whatever is
worth doing is worth
doing well.
−
Ding Haojie has taken
the responsibility of team
leader in the middle
and later period in
our team .
He worked very hard throughtout
the whole process.
Meanwhile, he was in charge of
the theory and design
of the project.
Taking part in iGEM
improved his scientific
literacy and cooperation
ability.
−
Lucailei is responsible for
document writing and
web production
−
Guan Haojun majors in
Chemical Biology.
He participated in the
experiment of this project and
recorded the process of doing
experiment , he also disposed the
experiment data .
It is responsible for him
to do part of the
experimental copywriting
−
Hujianjun participates in the
whole experiment operation and
Bio bricks registration.
−
Xuhuihui's work is that
design the logo ,
the homepage,
the banner and the team
clothing team pennant.
−
Yin Hang is a student
in School of Foreign Languages
also a leader of English group.
In our iGEM,she is
in charge of translation
and presentation
During our preparation
she tried her best
to enrich her comprehensive
knowledge and
communicated with others
She believes that nothing
is impossible
to a willing heart!
−
Chen Zhitong is a reliable,
responsible and fun-loving girl
who is always willing to
lend a helping hand.
As an English major students,
she is mainly responsible
for translation and presentation part.
Besides, Zhitong was involved
in the human practice projects:
organizing the publicity projects,
cooperating with other universities
and making the human
practice videos.
−
Xuanzhiwei is a English
major student.
In our team,
he was charge of the
translation
of the part context.
Meanwhile,
he took part in the Mooc
and human practices.
He thought it was a
memorable experience.
−
Ling-ling Wei took part
in the improvement of
the theory of project and
the cooperation with other
schools, etc.
Through this contest,
she has improved the
scientific research interest,
communication ability and team
cooperation ability.
−
His major is digital
media art.
In the team,
I am in charge of
video production.
The late synthesis
of Mooc video is
done by me.
−
She is responsible for
the design of our project
and she has accomplished
the word processing
of the design.
She will also do the
presentation of the design
of our project at iGEM
Giant Jamboree.
−
Yanxinrui is responsible for
translation and presentation
of Results part and
translation of relevant contents;
giving advice to our project ;
propagating through Sinaweibo
and Facebook
−
Yewanwan is responsible for
the design of logo
and post.
At the same time,
I also process the image.
−
It’s his fourth year and
also the last time to
participate in iGEM,
the only thing he can
do is to give suggestions
to my teammates.
The AHUT_China is becoming
better and better.
Wish you guys
have fun and good luck
in Boston.
−
蔡旭东
−
Chenguangneng was in theory group,
studying the comparison of
DNA computer and the
electronic computer.
−
Zhujun participates in the
experiment of this project,
and record the process of
doing experiment ,
dispose the experiment data .
−
Qian Cheng is responsible
for project theory,
questionnaire survey and the
publicity work of
the game.
For attending the games,
he has great interest
on the synthetic
biology.
−
Dangzheng's main job is to
do molecular biology experiment,
modify and finish the result
and record of the experiment
and the analysis of the
sequencing results.
−
Du Qian participated in
the whole process of this
experiment and processed
part of documents
−
Wangfengping is responsible
for translating bio-brick
of our project and human
practice part in
the Wi-ki.
She is also the the
presenter of human practice
part in the Giant Jamboree.
−
Chen Zhenke is one of
the members of the
theory group.
He is in charge of
collecting web publicity
materials and information
of participants.
What's more,he takes
part in the recording
of MOOC and assists
teachers in logistics. − /span>
−
−