Team:NEAU-Harbin/Sandbox

From 2014.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Template:NEAU-Harbin/repair}}
<!--DOCTYPE html-->
<!--DOCTYPE html-->
<html>
<html>
<head>
<head>
-
<style>/*-- hides default wiki settings --*/
+
<meta charset="UTF-8">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
+
<link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
-
display: none;
+
<link rel="shortcut icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
-
}
+
<title>project</title>
-
</style>
+
-
<style><!--navigation.css-->
+
-
.nav, .nav ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
line-height: 1;
+
-
}
+
-
.nav {
+
<meta name="viewport" content="width=1024">
-
/* Layout & positioning */
+
<meta name="google-site-verification" content="Rj8ohnw2EzVgmA_70fZBwVrmeDqpcmdxJxv0qVk5KJE" />
-
position: relative;
+
-
margin: auto; /* Centering the menu */
+
-
height: 46px;
+
-
width: 1000px;
+
-
text-align: center;
+
-
+
-
/* Background & effects */
+
-
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
+
-
background: #65c0bb;
+
-
background-image: url(data:image/png;base64,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);
+
-
}
+
 +
<link rel="stylesheet" href="http://nd.cn.usa.wakelion.net/css/normalize.css" type="text/css">
 +
<link rel="stylesheet" href="http://nd.cn.usa.wakelion.net/css/style.css" type="text/css">
 +
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/jquery-1.10.2.js"></script>
 +
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/jquery.scrollTo.min.js"></script>
 +
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/html5.js"></script>
 +
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/main.js"></script>
-
.nav>li {
 
-
margin: 0;
 
-
line-height: 1;
 
-
padding: 0;
 
-
display: inline;
 
-
position: relative;
 
-
margin: 0 12px;
 
-
}
 
-
.nav::after, .nav::before {
+
<style>
-
content: "";
+
.careers_tan dl dt{ height:230px !important;}
-
display: block;
+
.team_img dl dt{ height:233px !important;}
-
position: absolute;
+
html,* html body{background-image:url(about:blank); background-attachment:fixed}
-
top: 6px;
+
html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
-
height: 0px;
+
html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
-
width: 0px;
+
-
border: 23px solid #65c0bb;
+
-
z-index: -1;
+
-
}
+
-
/* The left ribbon */
+
#globalWrapper {
-
.nav::before {
+
padding-bottom: 0;}
-
border-left-color: transparent;
+
-
left: -30px;
+
-
}
+
-
/* The right ribbon */
+
#top-section {
-
.nav::after {
+
  height: 20px;
-
border-right-color: transparent;
+
  margin-bottom: 0;
-
right: -30px;
+
  border: none;
-
}
+
  background: #e3e4e4;
 +
  width: 100%;
 +
  position: fixed;
 +
  top: 0;
 +
    z-index: 10;}
 +
#p-logo {
 +
display: none;
 +
}
-
.nav>li>a {
+
.right-menu li a {
-
display: inline-block;
+
-
padding: 15px 9px;
+
-
position: relative;
+
-
font-family: 'Oswald', sans-serif;
+
background-color:#e3e4e4;
-
font-size: 16px;
+
}
-
text-transform: uppercase;
+
#menubar{ background:none}
-
text-decoration: none;
+
#menubar a{ color:#e3e4e4;}
-
color: #fff;
+
#searchform {
-
text-shadow: 1px 2px rgba(0, 0, 0, .2);
+
display: none;}
-
+
#content {
-
-webkit-transition: color .3s linear;
+
position: relative;
-
  -moz-transition: color .3s linear;
+
width: 100%;
-
-o-transition: color .3s linear;
+
color:#fff;
-
-ms-transition: color .3s linear;
+
border:none;
-
transition: color .3s linear;
+
z-index: 2;
-
}
+
margin: 0;
 +
padding: 0;
-
.nav>li>a:hover, .nav>li:hover>a {
 
-
color: #eae8a5;
 
-
}
 
-
.nav>li>a::after {
+
}
-
content: "";
+
#footer-box{display:none}
-
height: 15px;
+
#search-controls{ top:70px;}
-
width: 15px;
+
-
/*stars*/
+
-
background-image: url(data:image/png;base64,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);
+
-
position: absolute;
+
-
right: -20px;
+
-
top: 16px;
+
-
display: block;
+
-
}
+
-
.nav>li:last-child>a::after {
+
</style>
-
display: none;
+
<!--home 部分 鼠标经过弹出层-->
-
}
+
-
 
+
-
.nav ul {
+
-
position: absolute;
+
-
left: -9999px;
+
-
padding-top: 10px;
+
-
border-bottom: 1px solid #ccc;
+
-
opacity: 0;
+
-
-webkit-transition: opacity .3s linear;
+
-
-moz-transition: opacity .3s linear;
+
-
-o-transition: opacity .3s linear;
+
-
-ms-transition: opacity .3s linear;
+
-
}
+
-
 
+
-
.nav>li:hover>ul {
+
-
left: 0;
+
-
opacity: 1;
+
-
top: 30px;
+
-
}
+
-
 
+
-
 
+
-
.nav ul li:hover>ul {
+
-
left: 150px;
+
-
opacity: 1;
+
-
top: -11px;
+
-
padding-left: 12px;
+
-
border-bottom: 0;
+
-
box-shadow: none;
+
-
}
+
-
 
+
-
.nav ul li {
+
-
display: block;
+
-
position: relative;
+
-
border-top: 1px solid #ccc;
+
-
border-left: 1px solid #ccc;
+
-
border-right: 1px solid #ccc;
+
-
width: 150px;
+
-
text-align: justify;
+
-
z-index: 9;
+
-
background: #eee;
+
-
box-shadow: 3px 4px 0 rgba(0, 0, 0, .1);
+
-
-webkit-transition: background .3s linear;
+
-
-moz-transition: background .3s linear;
+
-
-ms-transition: background .3s linear;
+
-
-o-transition: background .3s linear;
+
-
}
+
-
 
+
-
.nav ul li a {
+
-
font-family: "Oswald", sans-serif;
+
-
font-size: 14px;
+
-
text-decoration: none;
+
-
display: block;
+
-
padding: 7px 12px 7px 20px;
+
-
color: #65c0bb;
+
-
-webkit-transition: color .3s linear;
+
-
-moz-transition: color .3s linear;
+
-
-ms-transition: color .3s linear;
+
-
-o-transition: color .3s linear;
+
-
}
+
-
 
+
-
.nav ul li:hover>a, .nav ul li a:hover {
+
-
color: #4db6b0;
+
-
}
+
-
 
+
-
.nav ul li:hover {
+
-
background: #f7f7f7;
+
-
}
+
-
 
+
-
.nav ul ul li:last-child {
+
-
border-bottom: 1px solid #ccc;
+
-
}
+
-
 
+
-
.nav ul ul li {
+
-
box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
+
-
}
+
-
 
+
-
.nav ul::after, .nav ul::before {
+
-
content: "";
+
-
display: block;
+
-
z-index: 1;
+
-
position: absolute;
+
-
height: 9px;
+
-
width: 9px;
+
-
}
+
-
 
+
-
.nav>li>ul::after {
+
-
border: 1px solid #ccc;
+
-
background: #eee;
+
-
border-right: 0;
+
-
border-bottom: 0;
+
-
top: 5px;
+
-
left: 25px;
+
-
-webkit-transform: rotate(45deg);
+
-
-moz-transform: rotate(45deg);
+
-
-o-transform: rotate(45deg);
+
-
-ms-transform: rotate(45deg);
+
-
}
+
-
 
+
-
.nav>li>ul::before {
+
-
height: 1px;
+
-
width: 12px;
+
-
background: #eee;
+
-
border-right: 0;
+
-
border-bottom: 0;
+
-
top: 10px;
+
-
left: 24px;
+
-
z-index: 99;
+
-
}
+
-
 
+
-
.nav ul ul::after {
+
-
border: 1px solid #ccc;
+
-
background: #eee;
+
-
border-right: 0;
+
-
border-bottom: 0;
+
-
top: 20px;
+
-
left: 8px;
+
-
position: absolute;
+
-
-webkit-transform: rotate(-45deg);
+
-
-moz-transform: rotate(-45deg);
+
-
-o-transform: rotate(-45deg);
+
-
-ms-transform: rotate(-45deg);
+
-
}
+
-
 
+
-
.nav ul ul::before {
+
-
height: 10px;
+
-
width: 1px;
+
-
background: #eee;
+
-
z-index: 99;
+
-
top: 20px;
+
-
left: 12px;
+
-
}
+
-
</style>
+
-
<style type="text/css">
+
-
body {
+
-
background: url("http://t.williamgates.net/image-1DC1_54059B89.jpg");
+
-
}
+
-
 
+
-
.nav {
+
-
top: 30px;<!---->
+
-
}
+
-
</style>
+
-
<meta name="robots" content="noindex,follow" />
+
-
<!--transpicbox begin-->
+
<style>
<style>
-
/*==================all format==================*/
+
        dl{width:200px;float:left;margin:50px 19px;display:inline; position:relative;}/*修改201203-25*/
-
 
+
        dl dt{height:160px;}
-
.hader, .smallbox:after {
+
      .inmovie_box dl dt img{}
-
animation: my_images 24s linear 0s infinite normal;
+
        .ycc{ background:#FFF; display:none; z-index:100; position:absolute; left:0px; text-align:center; font-size:12px; font-weight:bold; color:#000;}
-
-moz-animation: my_images 24s linear 0s infinite normal;
+
        #aa{ background:#FFF; display:none; z-index:100; position:absolute; left:0px; top:-220px;text-align:center; font-size:12px; font-weight:bold; color:#000;}
-
-webkit-animation: my_images 24s linear 0s infinite normal;
+
        #bb{ background:#FFF; display:none; z-index:100; position:absolute; left:-400px; top:-730px;text-align:center; font-size:12px; font-weight:bold; color:#000;}
-
-o-animation: my_images 24s linear 0s infinite normal;
+
        #cc{ background:#FFF; display:none; z-index:100; position:absolute; left:-200px; top:-480px;text-align:center; font-size:12px; font-weight:bold; color:#000;}
-
background: url("http://t.williamgates.net/image-130A_53EA4F99.jpg") no-repeat 0px 0px,url("http://t.williamgates.net/image-C366_53EBD80F.jpg") no-repeat 620px 0px,url("http://t.williamgates.net/image-130A_53EA4F99.jpg") no-repeat 1240px 0px,url("http://t.williamgates.net/image-C366_53EBD80F.jpg") no-repeat 1860px 0px;
+
.team_tc{ margin-right:93px;}
-
}
+
#team_tb{ margin-left:9%;}
-
/*whole page*/
+
#team_td{ margin-left:10%;}
-
body {
+
        </style>
-
background-color: #E5E5E5;
+
        <script>
-
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
+
        //鼠标滑过弹出层
-
}
+
        function ddd(obj, sType) {  
-
 
+
        var oDiv = document.getElementById(obj);  
-
body:after {
+
        if (sType == 'show') { oDiv.style.display = 'block';}  
-
<!--content: "\25ba Welcome to our iGEM team";-->
+
        if (sType == 'hide') { oDiv.style.display = 'none';}  
-
text-align: center;
+
       
-
font-size: 10px;
+
        }  
-
width: 100%;
+
        </script>
-
bottom: 5px;
+
<!--home 部分 鼠标经过弹出层-->
-
left: 0px;
+
<!--变暗-->
-
}
+
-
 
+
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> -->
-
/*all links*/
+
<style>
-
a {
+
#tabbox{ width: 978px; height:auto; margin-top:10%; }
-
color: #FFF;
+
#tabbox ul { width:978px !important;}
-
text-decoration: none;
+
#tabbox ul li{ float:left; width:489px !important; height:321px;}
-
padding-top: 5px;
+
.imgbg{width: 489px; height: 321px; top: 0; left: 0;}
-
}
+
-
/*page whole fillin*/
+
        #tabbox img:hover {
-
.z {
+
        opacity:0.5;
-
margin: 0 auto;
+
        filter:alpha(opacity=50);
-
text-align: left;
+
          }
-
width: 900px;
+
        </style>
-
position: relative;
+
<!--变暗-->
-
}
+
-
/*top space name*/
+
-
.spname {
+
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C2C2C2), color-stop(1, #F1F1F1));
+
-
position: fixed;
+
-
height: 80px;
+
-
width: 100%;
+
-
top: 0px;
+
-
z-index: -30;
+
-
padding-top: 9px;
+
-
left: 0px;
+
-
text-align: right;
+
-
color: #fff;
+
-
text-shadow: #000000 0px 0px 20px;
+
-
<!---->
+
-
}
+
-
 
+
-
.spname:before {
+
-
content: "";
+
-
position: fixed;
+
-
background-image: url("data:image/png;base64,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");
+
-
height: 70px;
+
-
width: 70px;
+
-
z-index: 31;
+
-
left: 10px;<!---->
+
-
top: 6px;
+
-
}
+
-
 
+
-
.spname:after {
+
-
content: "　";
+
-
}
+
-
 
+
-
/*head+top space name*/
+
-
.hader .spname {
+
-
margin-top: 0px;
+
-
font-size: 18px;
+
-
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
+
-
}
+
-
/*head*/
+
-
.hader {
+
-
height: 350px;
+
-
width: 620px;
+
-
background-color: #666;
+
-
margin-top: 44px;<!---->
+
-
right: 0px;
+
-
margin-left: 280px;
+
-
z-index: 3;
+
-
border-top-width: 0px;
+
-
border-right-width: 0px;
+
-
border-bottom-width: 0px;
+
-
border-left-width: 0px;
+
-
border-top-style: solid;
+
-
border-right-style: solid;
+
-
border-bottom-style: solid;
+
-
border-left-style: solid;
+
-
margin-bottom: 65px;
+
-
}
+
-
 
+
-
.hader:after {
+
-
content: "";
+
-
height: 4px;
+
-
background-color: rgb(0,148,138);
+
-
top: 350px;
+
-
left: 0px;
+
-
width: 100%;
+
-
position: absolute;
+
-
animation: my_images_bar 24s linear 0s infinite normal;
+
-
-moz-animation: my_images_bar 24s linear 0s infinite normal;
+
-
-webkit-animation: my_images_bar 24s linear 0s infinite normal;
+
-
-o-animation: my_images_bar 24s linear 0s infinite normal;
+
-
}
+
-
 
+
-
.hader:before {
+
-
content: "";
+
-
position: absolute;
+
-
left: 285px;
+
-
top: 330px;
+
-
height: 16px;
+
-
width: 64px;
+
-
background: url("http://img.itc.cn/photo/oTaffnM1vg8") no-repeat 0px -16px,url("http://img.itc.cn/photo/oTaffnM1vg8") repeat-x 0px 0px;
+
-
animation: my_images_dot 24s linear 0s infinite normal;
+
-
-moz-animation: my_images_dot 24s linear 0s infinite normal;
+
-
-webkit-animation: my_images_dot 24s linear 0s infinite normal;
+
-
-o-animation: my_images_dot 24s linear 0s infinite normal;
+
-
}
+
-
 
+
-
@keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@-moz-keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@-webkit-keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@-o-keyframes my_images {
+
-
0% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
-
}
+
-
}
+
-
 
+
-
@keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@-moz-keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@-webkit-keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@-o-keyframes my_images_bar {
+
-
0% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
24% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
25% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
49% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
50% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
74% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
75% {
+
-
width: 0%;
+
-
}
+
-
 
+
-
99% {
+
-
width: 100%;
+
-
}
+
-
 
+
-
100% {
+
-
width: 0%;
+
-
}
+
-
}
+
-
 
+
-
@keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
@-moz-keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
@-webkit-keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
@-o-keyframes my_images_dot {
+
-
0% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
24% {
+
-
background-position: 0px -16px;
+
-
}
+
-
 
+
-
25% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
49% {
+
-
background-position: 16px -16px;
+
-
}
+
-
 
+
-
50% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
74% {
+
-
background-position: 32px -16px;
+
-
}
+
-
 
+
-
75% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
99% {
+
-
background-position: 48px -16px;
+
-
}
+
-
 
+
-
100% {
+
-
background-position: 0px -16px;
+
-
}
+
-
}
+
-
 
+
-
 
+
-
/*facebox frame*/
+
-
.facebox {
+
-
text-align: center;
+
-
position: absolute;
+
-
height: 350px;
+
-
width: 280px;
+
-
top: 0px;/*黑色透明*/
+
-
left: 0px;
+
-
z-index: 2;
+
-
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAA1JREFUGFdjYGBg8AUAAFIATrqmYLsAAAAASUVORK5CYII=);
+
-
background-repeat: repeat;
+
-
}
+
-
/*facebox*/
+
-
.facebox img {
+
-
height: 100px;
+
-
width: 100px;
+
-
margin-top: 70px;
+
-
border: 6px solid #FCFAF2;
+
-
padding: 0px;
+
-
background-color: #FFF;
+
-
box-shadow: #534C4C 0px 1px;
+
-
}
+
-
/*借用某框架的伪元素达到模糊头部背景*/
+
-
.smallbox:after {
+
-
content: "";
+
-
position: absolute;
+
-
top: 0px; /*伪类透明*/
+
-
left: 0px;
+
-
background-color: #333;
+
-
height: 350px;
+
-
width: 275px;
+
-
-webkit-filter: blur(15px);
+
-
-moz-filter: blur(15px);
+
-
-o-filter: blur(15px);
+
-
-ms-filter: blur(15px);
+
-
filter: blur(15px);
+
-
background-position: -175px;
+
-
z-index: 1;
+
-
clip: rect(0px,380px,380px,0px);
+
-
overflow: hidden;
+
-
border-left-width: 5px;
+
-
border-left-style: solid;
+
-
border-left-color: #E5E5E5;
+
-
border-bottom-width: 5px;
+
-
border-bottom-style: solid;
+
-
border-bottom-color: #E5E5E5;
+
-
}
+
-
/*用户信息框架*/
+
-
.s_box {
+
-
padding: 0px;
+
-
position: absolute;
+
-
width: 280px;
+
-
top: 240px;
+
-
left: 0px;
+
-
z-index: 2;
+
-
color: #FFF;
+
-
height: 154px;
+
-
}
+
-
/*用户名*/
+
-
.uname {
+
-
font-weight: normal;
+
-
font-size: 18px;
+
-
line-height: 18px;
+
-
color: #FFF;
+
-
text-align: center;
+
-
margin: 0 0 5px 0;
+
-
}
+
-
/*按钮*/
+
-
.button {
+
-
-moz-border-radius: 0px;
+
-
-khtml-border-radius: 0px;
+
-
-webkit-border-radius: 0px;
+
-
border-radius: 0px;
+
-
border-color: #BBB #BBB #999;
+
-
border-style: solid;
+
-
border-width: 0px;
+
-
cursor: pointer;
+
-
display: inline-block;
+
-
margin: 0px;
+
-
overflow: hidden;
+
-
padding: 8px;
+
-
text-shadow: 0 0px #F0F0F0;
+
-
color: #FFF !important;
+
-
-moz-box-shadow: 0 0px 6px #333;
+
-
-wekbit-box-shadow: 0 0px 6px #333;
+
-
box-shadow: 0 0px 6px #333;
+
-
font-family: "Helvetica Neue", Arial, "Lucida Grande", Sans-serif;
+
-
font-size: 12px;
+
-
line-height: 15px;
+
-
background-image: none;
+
-
background-repeat: repeat;
+
-
background-position: 0 0;
+
-
background-color: #00948A;
+
-
font-weight: bold;
+
-
}
+
-
 
+
-
.button:hover {
+
-
background-color: #10979D;
+
-
border-bottom-width: 2px;
+
-
border-bottom-style: inset;
+
-
border-bottom-color: #005F59;
+
-
padding-bottom: 6px;
+
-
}
+
-
 
+
-
.button.ok, .button.ok:hover {
+
-
background: #f5f5f5;
+
-
border: 1px solid #EEE;
+
-
}
+
-
 
+
-
.addfs {
+
-
}
+
-
 
+
-
.pmdiv {
+
-
background: none;
+
-
border: none;
+
-
border-radius: 0px;
+
-
padding: 20px;
+
-
box-shadow: 0 0 10px #333;
+
-
}
+
-
 
+
-
.a_layer:after,
+
-
.pmdiv:after {
+
-
content: '';
+
-
position: absolute;
+
-
z-index: -1;
+
-
top: 0;
+
-
left: 0;
+
-
width: 100%;
+
-
height: 100%;
+
-
background: #777;
+
-
opacity: 0.55;
+
-
}
+
-
 
+
-
.pmdiv p,
+
-
.pmdiv input,
+
-
.pmdiv textarea {
+
-
color: #fff;
+
-
font-size: 13px;
+
-
text-shadow: 0 0 5px #000;
+
-
font-family: "Helvetica Neue", Arial;
+
-
}
+
-
 
+
-
.pmdiv input[type=text],
+
-
.pmdiv textarea {
+
-
margin-top: 5px;
+
-
background: none;
+
-
outline: none;
+
-
border: #ccc solid 1px;
+
-
border-bottom-style: inset;
+
-
border-top-style: inset;
+
-
border-right-style: inset;
+
-
}
+
-
+
-
</style>
+
-
<!--transpicbox end-->
+
-
<!--scrollbar and highlight--><style>
+
-
/*=======================scrollbar=======================*/
+
-
/*scrollbar_bg*/
+
-
::-webkit-scrollbar-track
+
-
{
+
-
border-right-width: 1px;
+
-
border-left-width: 1px;
+
-
border-right-style: solid;
+
-
border-left-style: solid;
+
-
border-right-color: #CCC;
+
-
border-left-color: #CCC;
+
-
background-color: #FFF;
+
-
}
+
-
/*slide_scroll*/
+
-
::-webkit-scrollbar
+
-
{
+
-
width: 12px;
+
-
}
+
-
::-webkit-scrollbar-thumb
+
-
{
+
-
background-color: #BFBFBF;
+
-
border: 1px solid #8F8F8F;
+
-
}
+
-
::-webkit-scrollbar-thumb:hover
+
-
{
+
-
background-color: #737373;
+
-
border: 1px solid #7D7D7D;
+
-
}
+
-
::-webkit-scrollbar-thumb:active
+
-
{
+
-
background-color: #616161;
+
-
border: 1px solid #7D7D7D;
+
-
}
+
-
/*====================highlight===================*/
+
-
/*Webkit,Opera9.5+,Ie9+*/
+
-
::selection {
+
-
background: #00948A;
+
-
color:#FFF;
+
-
}
+
-
/*Mozilla Firefox*/
+
-
::-moz-selection {
+
-
background: #00948A;
+
-
color:#FFF;
+
-
}
+
-
</style>  
+
-
<style>img.toop {vertical-align:text-top;}</style><!---->
+
-
<!--20140721 begin-->
+
-
<style type="text/css">
+
-
 
+
-
/* CSS drop-shadow without images */
+
-
.drop-shadow {
+
-
position:relative;
+
-
width:45%;
+
-
padding:1em;
+
-
margin:2em auto 5em;
+
-
background:#fff;
+
-
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
+
-
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
}
+
-
.drop-shadow:before, .drop-shadow:after {
+
-
content:"";
+
-
position:absolute;
+
-
z-index:-2;
+
-
bottom:15px;
+
-
left:10px;
+
-
width:50%;
+
-
height:20%;
+
-
}
+
-
.drop-shadow:after {
+
-
right:10px;
+
-
left:auto;
+
-
}
+
-
.round {
+
-
-moz-border-radius:4px;
+
-
border-radius:4px;
+
-
}
+
-
.round:before, .round:after {
+
-
max-width:300px;
+
-
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+
-
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+
-
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+
-
-webkit-transform:rotate(-3deg);
+
-
-moz-transform:rotate(-3deg);
+
-
-o-transform:rotate(-3deg);
+
-
transform:rotate(-3deg);
+
-
}
+
-
.round:after {
+
-
-webkit-transform:rotate(3deg);
+
-
-moz-transform:rotate(3deg);
+
-
-o-transform:rotate(3deg);
+
-
transform:rotate(3deg);
+
-
}
+
-
.curls {
+
-
border:1px solid #efefef;
+
-
-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
+
-
border-radius:0 0 120px 120px / 0 0 6px 6px;
+
-
}
+
-
.curls:before, .curls:after {
+
-
bottom:12px;
+
-
max-width:200px;
+
-
height:55%;
+
-
-webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
+
-
-moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
+
-
box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
+
-
-webkit-transform:skew(-8deg) rotate(-4deg);
+
-
-moz-transform:skew(-8deg) rotate(-4deg);
+
-
-o-transform:skew(-8deg) rotate(-4deg);
+
-
transform:skew(-8deg) rotate(-4deg);
+
-
}
+
-
.curls:after {
+
-
-webkit-transform:skew(8deg) rotate(4deg);
+
-
-moz-transform:skew(8deg) rotate(4deg);
+
-
-o-transform:skew(8deg) rotate(4deg);
+
-
transform:skew(8deg) rotate(4deg);
+
-
}
+
-
.perspective:before {
+
-
left:28px;
+
-
bottom:8px;
+
-
max-width:200px;
+
-
height:35%;
+
-
-webkit-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
+
-
-moz-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
+
-
box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
+
-
-webkit-transform:skew(50deg);
+
-
-moz-transform:skew(50deg);
+
-
-o-transform:skew(50deg);
+
-
transform:skew(50deg);
+
-
}
+
-
.perspective:after { display:none; }
+
-
/* don't need pseudo-elements for this effect */
+
-
 
+
-
.raised {
+
-
-webkit-box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
+
-
-moz-box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
+
-
box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
+
-
}
+
-
.rotated {
+
-
-webkit-transform:rotate(-3deg);
+
-
-moz-transform:rotate(-3deg);
+
-
-o-transform:rotate(-3deg);
+
-
transform:rotate(-3deg);
+
-
}
+
-
.rotated *:first-child:before {
+
-
content:"";
+
-
position:absolute;
+
-
z-index:-1;
+
-
top:0;
+
-
bottom:0;
+
-
left:0;
+
-
right:0;
+
-
background:#fff;
+
-
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
+
-
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+
-
}
+
-
 
+
-
 
+
-
a.s:link {color: #FFFFFF}
+
-
a.s:visited {color: #00FF00}
+
-
a.s:hover {color: #FF00FF}
+
-
a.s:active {color: #0000FF}
+
-
 
+
-
.page-demo{
+
-
-webkit-transition:-webkit-transform .2s linear;
+
-
-moz-transition:-moz-transform .2s linear;
+
-
-o-transition:-o-transform .2s linear;
+
-
transition:transform .2s linear;
+
-
}
+
-
.demo-x:hover {
+
-
-webkit-transform: rotate(-360deg);
+
-
-moz-transform: rotate(-360deg);
+
-
-o-transform: rotate(-360deg);
+
-
-ms-transform: rotate(-360deg);
+
-
transform: rotate(-360deg);
+
-
cursor: pointer;
+
-
}
+
-
 
+
-
abc {
+
-
font-size:14px;
+
-
font-family:Arial;
+
-
font-weight:normal;
+
-
-moz-border-radius:20px;
+
-
-webkit-border-radius:20px;
+
-
border-radius:20px;
+
-
border:1px solid #dcdcdc;
+
-
padding:5px 12px;
+
-
text-decoration:none;
+
-
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
+
-
background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
+
-
background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
+
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
+
-
background-color:#ffffff;
+
-
color:#666666;
+
-
display:inline-block;
+
-
text-shadow:1px 1px 0px #ffffff;
+
-
-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
+
-
-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
+
-
box-shadow:inset 1px 1px 0px 0px #ffffff;
+
-
}abc:hover {
+
-
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
+
-
background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
+
-
background:-ms-linear-gradient( top, #f6f6f6 5%, #ffffff 100% );
+
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
+
-
background-color:#f6f6f6;
+
-
}abc:active {
+
-
position:relative;
+
-
top:1px;
+
-
}
+
-
 
+
-
.transparent {
+
-
position:absolute;
+
-
top:50%;left:50%;
+
-
margin:-150px 0 0 -150px;
+
-
height: 300px;
+
-
width:300px;
+
-
padding: 1em;
+
-
border: 1px solid rgba(255,255,255,.5);
+
-
border-radius: 10px;
+
-
box-sizing: border-box;
+
-
background: rgba(255,255,255,.2);
+
-
font: 150%/1.6 sans-serif;
+
-
text-align: center;
+
-
box-shadow: -1px -1px 10px rgba(255,255,255,.3) inset, 2px 2px 20px rgba(0,0,0,.5);
+
-
text-shadow: 0 1px 1px rgba(255,255,255,.6);
+
-
}
+
-
 
+
-
</style>
+
<style>
<style>
-
span {
+
  .go{ position:fixed;top:10%; right:0;}
-
color:#ff6666;
+
-
}
+
</style>
</style>
-
<!--20140721 end-->
 
-
</head>
 
-
<body>
 
-
<!--navbar begin-->
 
-
<div class"container"=class"container">
 
-
<ul class="nav">
 
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin">Home</a></li><!--class="s"-->
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Team"style="color:#FFFFFF">Team</a>
 
-
<ul>
 
-
<li><a href="#">Students</a></li>
 
-
<li><a href="#">Advisors</a></li>
 
-
<li><a href="#">University</a></li>
 
-
<li>
 
-
<a href="#">Identity</a>
 
-
</li>
 
-
<li><a href="#">Marketing</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Project"style="color:#FFFFFF">Project</a></li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook"style="color:#FFFFFF">Notebook</a>
 
-
<ul>
 
-
<li><a href="#">Of_system</a></li>
 
-
<li><a href="#">Of_practice</a></li>
 
-
<li><a href="#">Reagent_and_ormulation</a></li>
 
-
<li><a href="#">Of_meetings</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Safety"style=" color:#FFFFFF">Safety</a></li>
 
-
<li>
 
-
<a href="#">Human practice</a>
 
-
<ul>
 
-
<li><a href="#">Meeting_in_Taiwan</a></li>
 
-
<li><a href="#">Meeting_in_HIT</a></li>
 
-
<li><a href="#">Some_propaganda</a></li>
 
-
<li><a href="#">Visiting_Factorys</a></li>
 
-
<li><a href="#">Sponsors</a></li>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a href="#">Results</a>
 
-
<ul>
 
-
<li><a href="#">Part.1</a></li>
 
-
<li><a href="#">Part.2</a></li>
 
-
<li><a href="#">biobricks</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2014.igem.org/Main_Page"><img class="page-demo demo-x toop" src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px";></a></li><!---->
 
-
</ul>
 
-
</div><!--navbar end-->
 
-
<!--navbar end-->
 
-
<br /><br /><br /><br />
 
-
<table width="70%" align="center">
 
-
<!--welcome box -->
 
 +
</head>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
<body>
-
<!-- end welcome box -->
+
-
<tr>  
+
-
</tr>
+
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/ga.js"></script>
 +
<header>
 +
  <nav id="siteNav">
 +
    <ul>
 +
      <li class="menu" role="button" style=" width:133px !important;">
 +
        <div class="sta1">
 +
          <img src="https://static.igem.org/mediawiki/2014/7/74/2014NEAU_Hover_02.jpg">
 +
      </div>
 +
      <div class="sta2">
 +
          <img src="https://static.igem.org/mediawiki/2014/f/f9/2014NEAU_Index_02.jpg">         
 +
      </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:134px !important;">
 +
        <div class="sta1">
 +
          <img src="https://static.igem.org/mediawiki/2014/1/14/2014NEAU_Hover_03.jpg">
 +
          </div>
 +
        <div class="sta2">
 +
          <img src="https://static.igem.org/mediawiki/2014/d/d8/2014NEAU_Index_03.jpg">     
 +
          </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:155px !important;">
 +
        <div class="sta1">
 +
          <img src="https://static.igem.org/mediawiki/2014/e/e9/2014NEAU_Hover_04.jpg">
 +
          </div>
 +
        <div class="sta2">
 +
          <img src="https://static.igem.org/mediawiki/2014/1/1a/2014NEAU_Index_04.jpg">     
 +
      </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:139px !important;">
 +
        <div class="sta1">
 +
        <img src="https://static.igem.org/mediawiki/2014/9/9f/2014NEAU_Hover_05.jpg" >
 +
          </div>
 +
        <div class="sta2">
 +
          <img src="https://static.igem.org/mediawiki/2014/9/98/2014NEAU_Index_05.jpg" >     
 +
          </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:133px !important;">
 +
        <div class="sta1">
 +
        <img src="https://static.igem.org/mediawiki/2014/1/1b/2014NEAU_Hover_06.jpg" >
 +
          </div>
 +
        <div class="sta2">
 +
        <img src="https://static.igem.org/mediawiki/2014/0/05/2014NEAU_Index_06.jpg">     
 +
          </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:250px !important;">
 +
        <div class="sta1">
 +
        <img src="https://static.igem.org/mediawiki/2014/8/86/2014NEAU_Hover_07.jpg" >
 +
          </div>
 +
        <div class="sta2">
 +
        <img src="https://static.igem.org/mediawiki/2014/0/0c/2014NEAU_Index_07.jpg">     
 +
          </div>
 +
      </li>
 +
     
 +
    </ul>
 +
<div class="go"><a href="http://www.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/c/c9/2014NEAU_Go.png"></a></div>
 +
  </nav>
 +
 
 +
</header>
 +
<!--home start-->
 +
<div class="home">
 +
  <div class="slideWrap">
 +
    <div class="slideUnit" style="opacity: 1; background-image:url(https://static.igem.org/mediawiki/2014/f/fc/2014NEAU_Index_01.jpg); background-position: 50% 50%;">
 +
      <div class="text">
 +
          <div class="logo"></div>
 +
                  <div class="meta">
 +
                          <ul class="lianjie" >
 +
                              <li><a href="http://weibo.com/neauigem"><img src="https://static.igem.org/mediawiki/2014/a/af/2014NEAU_Xinl.png" style="width:60px"></a></li>
 +
                             
 +
                              <li><a href="#"><img src="https://static.igem.org/mediawiki/2014/d/d4/2014NEAU_Faceb.png"  style="width:60px"></a></li>
 +
                             
 +
                              <li><a href="#"><img src="https://static.igem.org/mediawiki/2014/1/1d/2014NEAU_Email.png" title="igem@neau.edu.cn"  style="width:90px"></a></li>
 +
                          </ul>
 +
                </div> 
 +
                 
 +
      </div>
 +
    </div>
 +
    <div class="slideUnit" style="display: none; background-image:url(https://static.igem.org/mediawiki/2014/f/fc/2014NEAU_Index_01.jpg); background-position: 50% 50%;">
 +
     
 +
    </div>
 +
   
 +
    <!--鼠标经过弹出层-->
 +
     
 +
             
 +
   
 +
   
 +
   
 +
  </div>
 +
  <div class="navArrow" style="display:none;">
 +
    <div class="arrow left"></div>
 +
    <div class="arrow right"></div>
 +
  </div>
 +
</div>
 +
<!--home end-->  
 +
<!--home end-->
-
</tr>
 
-
 
 +
<!--about start  TEAM-->
 +
<div class="about">
 +
  <div class="content">
 +
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/3/3b/2014NEAU_Team_01.jpg" ></div>     
 +
            <div class="tan">
 +
                        <dl clss="team_tc">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/instructor.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/6/6c/2014NEAU_Team1.jpg" style="max-width:124px; height: 182px;"></a> </dt>                           
 +
                        </dl>
 +
                        <dl clss="team_tc">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/student.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/2/25/2014NEAU_Team2.jpg" style="max-width:124px; height: 182px;"></a> </dt>
 +
                           
 +
                        </dl>
 +
                        <dl clss="team_tc">
 +
                            <dt><a href="https://igem.org/Team.cgi?id=1485" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/e/e3/2014NEAU_Team3.jpg" style="max-width:124px; height: 182px;"></a> </dt>
 +
                             
 +
                        </dl>
 +
                        <dl clss="team_tc" style=" margin-right:0;">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/attributions.html" onMouseOver="ddd('gg', 'show');" onMouseOut="ddd('gg', 'hide');"><img src="https://static.igem.org/mediawiki/2014/3/30/2014NEAU_Team4.jpg" style="max-width:124px; height: 182px;"></a> </dt>
 +
                           
 +
                      </dl>
 +
            </div>     
 +
  </div>
 +
</div>
 +
<!--about end TEAM-->
-
</td>
+
<!--work start PROJECT-->
-
 
+
<div class="work">
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
  <div class="content">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<div class="content" >  
-
 
+
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/c/c2/2014NEAU_Project_01.jpg" style=" margin-left:45px;" ></div>  
 +
        <div class="tan" style="padding-top:50px">
 +
<dl class="tc" style="margin-right:60px">
 +
<dt><a href="https://2014.igem.org/Team:NEAU-Harbin/background.html" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');"><img src="https://static.igem.org/mediawiki/2014/c/ce/2014NEAU_Main01.png" style="width:150px; "></a> </dt>
 +
 +
</dl>
 +
<dl class="tc" style="margin-right:60px">
 +
<dt><a href="https://2014.igem.org/Team:NEAU-Harbin/design.html" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');"><img src="https://static.igem.org/mediawiki/2014/f/fd/2014NEAU_Main02.png" style="width:150px; "></a> </dt>
 +
 +
</dl>
 +
<dl class="tc">
 +
<dt><a href="https://2014.igem.org/Team:NEAU-Harbin/application.html" onmouseover="ddd('cc', 'show');" onmouseout="ddd('cc', 'hide');"><img src="https://static.igem.org/mediawiki/2014/7/73/2014NEAU_Main03.png" style="width:150px; "></a> </dt>
 +
</dl>
 +
  </div>
 +
  </div>
 +
<!--<div id="tabbox" >
 +
<ul>
 +
<li>
 +
  <a href="https://2014.igem.org/Team:NEAU-Harbin/background.html"><img src="https://static.igem.org/mediawiki/2014/0/04/2014NEAU_Work1.jpg" alt="" style=" width:470px;">
 +
<div class="imgbg" style=" width:470px;"></div> </a>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/design.html">
 +
<img src="https://static.igem.org/mediawiki/2014/e/e4/2014NEAU_Work2.jpg" alt="" >
 +
<div class="imgbg"></div></a>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/application.html">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d5/2014NEAU_Work3.jpg" alt="" style=" width:470px;">
 +
<div class="imgbg" style=" width:470px;"></div> </a>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/drylab.html">
 +
<img src="https://static.igem.org/mediawiki/2014/6/6a/2014NEAU_Work4.jpg" alt="">
 +
<div class="imgbg"></div></a>
 +
</li>
 +
</ul>
 +
 +
</div>-->
 +
 +
 +
<!--不能删-->
 +
            <div class="scrollBar">
 +
              <div class="bg"></div>
 +
              <div class="bar"></div>
 +
              <div class="dragger"></div>
 +
            </div>
 +
    <!--不能删-->
 +
  </div>
 +
</div>
 +
<!--work end PROJECT-->
-
<!--requirements section -->
+
<!--clients start RESULT-->
-
<tr><td colspan="3"> <h2> 1.The high-efficiency expression host—
+
    <div class="clients">
-
Aspergillus niger is coming! </h2></td></tr>
+
      <div class="content">
-
<tr>
+
        <div class="team_img"> <img src="https://static.igem.org/mediawiki/2014/d/de/2014NEAU_Result.jpg"></div>
-
<td width="45%" valign="top">  
+
            <div class="clients_nr">
 +
                 
 +
           
 +
            </div>
 +
  <div class="careers_tan">
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/result.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/5/57/2014NEAU_C.jpg" style="width:180px; height:230px !important"></a> </dt>                     </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/result.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/b/b5/2014NEAU_H.jpg" style="width:180px;height:230px !important "></a> </dt>                    </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/result.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/a/a7/2014NEAU_CAI.jpg" style="width:180px;height:230px !important "></a> </dt>                    </dl>
 +
                       
 +
            </div>     
 +
      </div>
 +
    </div>
 +
<!--clients end RESULT-->  
-
<ul><li>
+
<!--careers start DATA-->
-
<span>Aspergillus Niger</span> is an important fermentation microbial ,which is widely used in industrial enzymes'production and organic acid fermentation.It can produce more than 30 kinds of enzyme product such as amylase, acid protease, cellulase, pectinase and glucose oxidase. In fact, Aspergillus Niger has been applied in the field of food production for a long time.Because of its excellent ability of secreting proteins, Aspergillus Niger is developed for universal heterologous protein expression host.
+
<div class="careers">
-
</li><li>
+
  <div class="content">
-
As receptor bacteria of  genetic engineering ,Aspergillus Niger has  unique advantages upon bacteria and yeast .It's able to do majority  kinds of processing after translation , and the glycosylation system is similar to that of higher eukaryotes.It's well known for high protein secretion capacity and recognized as the safe strain for heterologous protein production,in that the fermentation and post-processing technologies are mature.In addition,its genome sequences has already been published.
+
      <div class="team_img"> <img src="https://static.igem.org/mediawiki/2014/a/a2/2014NEAU_Data.jpg"></div>
 +
          <div class="clients_nr">
 +
                   
 +
               
 +
            </div>
 +
            <div class="careers_tan">
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/notebook.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/2/2d/2014NEAU_Data1.jpg" style="width:150px; height:230px !important"></a> </dt>                      </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/protocols.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/a/a6/2014NEAU_Data2.jpg" style="width:150px;height:230px !important "></a> </dt>                    </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/parts.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/6/6e/2014NEAU_Data3.jpg" style="width:150px;height:230px !important "></a> </dt>                    </dl>
 +
                       
 +
            </div>     
 +
  </div>
 +
</div>
 +
<!--careers end DATA-->
-
</li></ul>
+
<!--contact start  HUMEN-->
-
<h1>2.Why  AMT？</h1>
+
<div class="contact">
-
<ul><li>
+
  <div class="content">
-
Agrobacterium-mediated fungal transformation(AMT)is a potential tool for performing  targeted and random mutagenesis .This method is commonly used for plant-cell transformations and recently widely applied to various fungus. In the AMT system,A.Tumefaciens is able to transfer T-DNA to a wide variety of fungi ,and it has especial high efficiency.</li><li>
+
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/4/48/2014NEAU_Humen.jpg" style="margin-left:30px;"></div>
-
The gram-negative bacterium A. tumefaciens is a plant pathogen, which causes crown gall tumors.A. tumefaciens induces this tumorous growth by transferring a part of its DNA (T-DNA) ,which is located on its 200-kbp tumor-inducing (Ti) plasmid to the host. After integration into the host genome, genes that are naturally located on this T-DNA and encode enzymes for the production of metabolites and regulators for the plant growth. But another segment,the virulence region, which is composed of a large number of vir genes,is necessary for the tumorigenicity .So the binary vector system is used,in which the T-DNA and the virulence region are placed on two separate plasmids.
+
            <div class="contact_tan">
-
</li></ul>
+
                        <dl id="team_tb">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/sadety.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/6/66/2014NEAU_Humen1.png" style="max-width:161px; height: 220px;"></a> </dt>
 +
                           
 +
                        </dl>
 +
                        <dl id="team_tb">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/meetups.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/c/c5/2014NEAU_Humen2.png" style="max-width:161px; height: 220px;"></a> </dt>
 +
                           
 +
                        </dl>
 +
                        <dl id="team_tb">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/sponsor.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/3/36/2014NEAU_Humen3.png" style="max-width:161px; height: 220px;"></a> </dt>
 +
                             
 +
                        </dl>
 +
                       
 +
            </div>     
 +
  </div>
 +
</div>
 +
<!--contact end-->
-
<br /><br /><br />
 
</body>
</body>
</html>
</html>

Latest revision as of 14:32, 3 May 2015

project

Retrieved from "http://2014.igem.org/Team:NEAU-Harbin/Sandbox"