Team:NEAU-Harbin/Sandbox

From 2014.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Template:NEAU-Harbin/repair}}
-
<!DOCTYPE html>
+
<!--DOCTYPE html-->
<html>
<html>
<head>
<head>
-
<!--link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'-->
+
<meta charset="UTF-8">
-
<style>/*-- hides default wiki settings --*/
+
<link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
+
<link rel="shortcut icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
-
display: none;
+
<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,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAQhJREFUeNoEwQ0SkzAQgNEvfxAaaLV6Mm/rjDdyHKFFQhp21/fcj18/bUwJGSNBPdqFR4qgF02NFDy0A59zoRyN2X3w/kMOERPjcp1OYDtWNC9EP3RkvlFrY0mOKpWTgEpgcjsxz2Rp+Kl5mnZSGKj7TpmM7oRJXtiUmBH+eCXuwYgWIAiPr4Xf74pFGNN3zIQ9CMkUrw7uQaE7XkdgEKMcmVMv+gm3PkAa8YsKTZUSE5zCPS/0L3B8NvzoeOeTXo34toFoHu0bLhfMR+4OapnZXn+Zx4LPF/6hhrOK3iIajPUSnCrx8tyWJ+u/g/UE3+qGjYHnNfIMnew6qw6QOs1O4rcJ+wj/BwAKCJX7bI4ewgAAAABJRU5ErkJggg==);
+
-
}
+
 +
<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("img/sb.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;}
 +
      .inmovie_box dl dt img{}
 +
        .ycc{  background:#FFF; display:none; z-index:100; position:absolute; left:0px; text-align:center; font-size:12px; font-weight:bold; color:#000;}
 +
        #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;}
 +
        #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;}
 +
        #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;}
 +
.team_tc{ margin-right:93px;}
 +
#team_tb{ margin-left:9%;}
 +
#team_td{ margin-left:10%;}
 +
        </style>
 +
        <script>
 +
        //鼠标滑过弹出层
 +
        function ddd(obj, sType) {
 +
        var oDiv = document.getElementById(obj);
 +
        if (sType == 'show') { oDiv.style.display = 'block';}
 +
        if (sType == 'hide') { oDiv.style.display = 'none';}
 +
       
 +
        }
 +
        </script>
 +
<!--home 部分 鼠标经过弹出层-->
 +
<!--变暗-->
 +
 +
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> -->
 +
<style>
 +
#tabbox{ width: 978px; height:auto; margin-top:10%;  }
 +
#tabbox ul { width:978px !important;}
 +
#tabbox ul li{ float:left; width:489px !important; height:321px;}
 +
.imgbg{width: 489px; height: 321px; top: 0; left: 0;}
 +
 +
        #tabbox img:hover {
 +
        opacity:0.5;
 +
        filter:alpha(opacity=50);
 +
          }
 +
        </style>
 +
<!--变暗-->
 +
<style>
 +
  .go{ position:fixed;top:10%; right:0;}
 +
</style>
-
.hader, .smallbox:after {
 
-
animation: my_images 24s linear 0s infinite normal;
 
-
-moz-animation: my_images 24s linear 0s infinite normal;
 
-
-webkit-animation: my_images 24s linear 0s infinite normal;
 
-
-o-animation: my_images 24s linear 0s infinite normal;
 
-
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;
 
-
}
 
-
/*whole page*/
 
-
body {
 
-
background-color: #E5E5E5;
 
-
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
 
-
}
 
-
body:after {
+
</head>
-
<!--content: "\25ba Welcome to our iGEM team";-->
+
-
text-align: center;
+
-
font-size: 10px;
+
-
width: 100%;
+
-
bottom: 5px;
+
-
left: 0px;
+
-
}
+
-
/*all links*/
+
<body>
-
a {
+
-
color: #FFF;
+
-
text-decoration: none;
+
-
padding-top: 5px;
+
-
}
+
-
/*page whole fillin*/
+
-
.z {
+
-
margin: 0 auto;
+
-
text-align: left;
+
-
width: 900px;
+
-
position: relative;
+
-
}
+
-
/*top space name*/
+
-
.spname {
+
-
background-color: #66ccff;
+
-
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 {
+
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/ga.js"></script>
-
content: "";
+
<header>
-
position: fixed;
+
  <nav id="siteNav">
-
background-image: url("data:image/png;base64,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");
+
    <ul>
-
height: 70px;
+
      <li class="menu" role="button" style=" width:133px !important;">
-
width: 70px;
+
        <div class="sta1">
-
z-index: 31;
+
          <img src="https://static.igem.org/mediawiki/2014/7/74/2014NEAU_Hover_02.jpg">
-
left: 10px;<!---->
+
      </div>
-
top: 6px;
+
      <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-->
-
.spname:after {
+
<!--home end-->
-
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 {
+
<!--about start  TEAM-->
-
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 {
+
<div class="about">
-
content: "";
+
  <div class="content">
-
position: absolute;
+
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/3/3b/2014NEAU_Team_01.jpg" ></div>     
-
left: 285px;
+
            <div class="tan">
-
top: 330px;
+
                        <dl clss="team_tc">
-
height: 16px;
+
                            <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>                           
-
width: 64px;
+
                        </dl>
-
background: url("http://img.itc.cn/photo/oTaffnM1vg8") no-repeat 0px -16px,url("http://img.itc.cn/photo/oTaffnM1vg8") repeat-x 0px 0px;
+
                        <dl clss="team_tc">
-
animation: my_images_dot 24s linear 0s infinite normal;
+
                            <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>
-
-moz-animation: my_images_dot 24s linear 0s infinite normal;
+
                           
-
-webkit-animation: my_images_dot 24s linear 0s infinite normal;
+
                        </dl>
-
-o-animation: my_images_dot 24s linear 0s infinite normal;
+
                        <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-->
-
@keyframes my_images {
 
-
0% {
 
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
 
-
}
 
-
24% {
+
<!--work start PROJECT-->
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
<div class="work">
-
}
+
  <div class="content">
-
 
+
-
25% {
+
<div class="content" > 
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
      <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">
-
49% {
+
<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>
-
background-position: -620px 0px,0px 0px,620px 0px,1240px 0px;
+
-
}
+
</dl>
-
 
+
<dl class="tc" style="margin-right:60px">
-
50% {
+
<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>
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
-
}
+
</dl>
-
 
+
<dl class="tc">
-
74% {
+
<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>
-
background-position: -1240px 0px,-620px 0px,0px 0px,620px 0px;
+
</dl>
-
}
+
  </div>  
-
 
+
  </div>
-
75% {
+
<!--<div id="tabbox" >
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
<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;">
-
99% {
+
<div class="imgbg" style=" width:470px;"></div> </a>
-
background-position: -1860px 0px,-1240px 0px,-620px 0px,0px 0px;
+
</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="" >
-
100% {
+
<div class="imgbg"></div></a>
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
</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>
-
@-moz-keyframes my_images {
+
</li>
-
0% {
+
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/drylab.html">
-
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
+
<img src="https://static.igem.org/mediawiki/2014/6/6a/2014NEAU_Work4.jpg" alt="">
-
}
+
<div class="imgbg"></div></a>
-
 
+
</li>
-
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;
+
-
}
+
-
/*认证用户*/
+
-
h4 img {
+
-
position: absolute;
+
-
top: 0px;
+
-
right: 0px;
+
-
}
+
-
/*认证框*/
+
-
.verinfobox {
+
-
position: absolute;
+
-
border: 0px solid #DDD;
+
-
background: none;
+
-
padding: 0px;
+
-
margin-bottom: 5px;
+
-
-moz-border-radius: 0px;
+
-
-khtml-border-radius: 0px;
+
-
-webkit-border-radius: 0px;
+
-
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAA1JREFUGFdjYGBg8AUAAFIATrqmYLsAAAAASUVORK5CYII=);
+
-
background-repeat: repeat;
+
-
height: 50px;
+
-
width: 280px;
+
-
top: 104px;
+
-
}
+
-
 
+
-
.verinfobox b {
+
-
display: block;
+
-
background: none;
+
-
width: 280px;
+
-
text-align: center;
+
-
-moz-border-radius: 0px;
+
-
-khtml-border-radius: 0px;
+
-
-webkit-border-radius: 0px;
+
-
border: 0px solid white;
+
-
margin-bottom: 0px;
+
-
font-weight: normal;
+
-
color: #FF0;
+
-
padding-top: 4px;
+
-
padding-right: 0px;
+
-
padding-bottom: 4px;
+
-
padding-left: 0px;
+
-
}
+
-
 
+
-
.verinfobox p {
+
-
line-height: 140%;
+
-
color: #FFF;
+
-
padding-top: 2px;
+
-
padding-right: 2px;
+
-
padding-bottom: 2px;
+
-
padding-left: 8px;
+
-
}
+
-
/*发消息+加关注框架*/
+
-
.s_link {
+
-
display: block;
+
-
overflow: hidden;
+
-
text-align: center;
+
-
padding-left: 60px;
+
-
}
+
-
 
+
-
.s_link li {
+
-
float: left;
+
-
width: 60px;
+
-
margin: 2px;
+
-
text-align: center;
+
-
display: block;
+
-
font-size: 12px;
+
-
overflow: hidden;
+
-
color: #FFF;
+
-
text-shadow: 0 0 5px #000;
+
-
}
+
-
/*发消息+加关注+回复留言 按钮*/
+
-
.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;
+
-
}
+
-
/*等级积分*/
+
-
#s_info {
+
-
padding: 0px 0 0 0px;
+
-
color: #FFF;
+
-
border-top: 0px dotted #ccc;
+
-
margin-top: 8px;
+
-
text-align: center;
+
-
}
+
-
/*导航栏*/
+
-
.num {
+
-
left: 0px;
+
-
top: 394px;
+
-
background-color: #FFF;
+
-
width: 100%;
+
-
height: 40px;
+
-
z-index: 2;
+
-
float: right;
+
-
position: absolute;
+
-
right: 0px;
+
-
text-align: center;
+
-
padding-left: 225px;
+
-
color: #999;
+
-
padding-top: 5px;
+
-
}
+
-
/*导航栏-链接*/
+
-
.num a {
+
-
font-family: "Microsoft YaHei Light",微软雅黑 Light,"Microsoft JhengHei", "helvetica neue", Arial,"Lucida Grande", Sans-serif;
+
-
float: left;
+
-
display: block;
+
-
overflow: hidden;
+
-
font-size: 14px;
+
-
margin-right: 0px;
+
-
margin-left: 55px;
+
-
padding-top: 6px;
+
-
padding-right: 0px;
+
-
padding-bottom: 11px;
+
-
padding-left: 0px;
+
-
color: #999;
+
-
border-bottom-width: 2px;
+
-
border-bottom-style: solid;
+
-
border-bottom-color: #FFF;
+
-
/*动画*/
+
-
transition: 0.2s;
+
-
-moz-transition: 0.2s;
+
-
-webkit-transition: 0.2s;
+
-
-o-transition: 0.2s;
+
-
}
+
-
/*导航栏-链接-鼠标经过*/
+
-
.num a:hover {
+
-
border-top-width: 0px;
+
-
border-right-width: 0px;
+
-
border-bottom-width: 2px;
+
-
border-left-width: 0px;
+
-
border-top-style: solid;
+
-
border-right-style: solid;
+
-
border-bottom-style: solid;
+
-
border-left-style: solid;
+
-
border-top-color: #FFF;
+
-
border-right-color: #FFF;
+
-
border-bottom-color: #06F;
+
-
border-left-color: #FFF;
+
-
color: #666;
+
-
}
+
-
/*导航栏-链接-激活状态*/
+
-
.num a.on {
+
-
-moz-border-radius: 0px 0px 0 0;
+
-
-khtml-border-radius: 0px 0px 0 0;
+
-
-webkit-border-radius: 0px 0px 0 0;
+
-
background-image: none;
+
-
background-repeat: repeat-x;
+
-
background-position: 0 0px;
+
-
border-top-width: 0px;
+
-
border-right-width: 0px;
+
-
border-bottom-width: 2px;
+
-
border-left-width: 0px;
+
-
border-top-style: solid;
+
-
border-right-style: solid;
+
-
border-bottom-style: solid;
+
-
border-left-style: solid;
+
-
border-top-color: #FFF;
+
-
border-right-color: #FFF;
+
-
border-bottom-color: #06F;
+
-
border-left-color: #FFF;
+
-
color: #333;
+
-
font-weight: bolder;
+
-
}
+
-
</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>
+
-
<!--20140721 end-->
+
-
</head>
+
-
<body>
+
-
<!--navbar begin-->
+
-
<div class"container"=class"container">
+
-
<ul class="nav">
+
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin" class="s">Home</a></li>
+
-
<li>
+
-
<a href="#">Team</a>
+
-
<ul>
+
-
<li><a href="#">1.Students</a></li>
+
-
<li><a href="#">2.Advisors</a></li>
+
-
<li><a href="#">3.University</a></li>
+
-
<li>
+
-
<a href="#">Identity</a>
+
-
<!--ul>
+
-
<li><a href="#">Level 2</a></li>
+
-
<li><a href="#">Level 2</a></li>
+
-
<li>
+
-
<a href="#">Level 2</a>
+
-
<ul>
+
-
<li><a href="#">Level 3</a></li>
+
-
<li><a href="#">Level 3</a></li>
+
-
<li><a href="#">Level 3</a></li>
+
-
<li><a href="#">Level 3</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Level 2</a></li>
+
-
</ul-->
+
-
</li>
+
-
<li><a href="#">Marketing</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Project</a></li>
+
-
<li>
+
-
<a href="#">Notebook</a>
+
-
<ul>
+
-
<li><a href="#">Notebook_of_system</a></li>
+
-
<li><a href="#">Notebook_of_practice</a></li>
+
-
<li><a href="#">Reagent_and_ormulation</a></li>
+
-
<li><a href="#">Notebook_of_meetings</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Safety</a></li>
+
-
<li>
+
-
<a href="#">Human practice</a>
+
-
<ul>
+
-
<li><a href="#">1.台湾见面会</a></li>
+
-
<li><a href="#">2.工大见面会</a></li>
+
-
<li><a href="#">3.高中宣讲</a></li>
+
-
<li><a href="#">4.药厂</a></li>
+
-
<li><a href="#">5.游戏</a></li>
+
-
<li><a href="#">6.赞助</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a href="#">Results</a>
+
-
<ul>
+
-
<li><a href="#">1.实验结果-孙昊</a></li>
+
-
<li><a href="#">1.实验结果-郭强</a></li>
+
-
<li><a href="#">3.contribution-砖</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#"><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>
</ul>
-
</div><!--navbar end-->
+
-
<!--navbar end-->
+
</div>-->
-
<!--css gallary begin-->
+
-
<div class="pmdiv" style="display:none; ">
+
-
</div>
+
<!--不能删-->
-
<div class="z">
+
            <div class="scrollBar">
-
<p class="my-uid" style="display:none;">277119</p>
+
              <div class="bg"></div>
-
<p class="h-mid" style="display:none;">2</p>
+
              <div class="bar"></div>
-
<div class="hader">
+
              <div class="dragger"></div>
-
<div class="spname">Welcome to my iGEM</div>
+
            </div>
-
</div>
+
    <!--不能删-->
-
<div class="smallbox">
+
  </div>
-
<!--transparent box-->
+
-
<div class="facebox">
+
-
<img src="http://t.williamgates.net/image-F471_53DF344F.jpg" />
+
-
</div>
+
-
<div class="s_box">
+
-
<p class="verify" style="display:none;">1</p>
+
-
Hello world!
+
-
<ul class="s_link" id="s_link">
+
-
<li class="button">
+
-
<g>Follow me</g>
+
-
</li>
+
-
<li class="button">
+
-
<g>A tour!</g>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<div id="h-f" class="n_box">
+
-
<br />
+
-
<br />
+
-
<br />
+
-
</div>
+
-
</div>
+
</div>
</div>
-
<!--css gallary end-->
+
<!--work end PROJECT-->  
-
<table width="70%" align="center">
+
-
<!--welcome box -->
+
-
<tr>
+
-
<td class="drop-shadow round" style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor="#ff6666">
+
-
<h1 ><abbr title="Thank you!">Thanks for visiting our wiki!</abbr></h1>
+
-
<p>Our team has been approved and we are ready to start the iGEM season!
+
-
<br>On this page we can document our project, introduce our team members, document our progress <br> and share our iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:NEAU-Harbin/Sandbox&action=edit"style="color:#114514"> Click here to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<!--clients start RESULT-->
-
<!-- end welcome box -->
+
    <div class="clients">
-
<tr>  
+
      <div class="content">
 +
        <div class="team_img"> <img src="https://static.igem.org/mediawiki/2014/d/de/2014NEAU_Result.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/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-->  
-
</tr>
+
<!--careers start DATA-->
-
 
+
<div class="careers">
-
 
+
  <div class="content">
-
</tr>
+
      <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">
-
</td>
+
                    <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>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
                    <dl id="team_td">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
                        <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>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
                    <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>
-
 
+
                       
-
<!--requirements section -->
+
            </div>     
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
  </div>
-
<tr>
+
</div>
-
<td width="45%" valign="top">  
+
<!--careers end DATA-->  
-
 
+
-
<ol>Target</ol><p>
+
-
Firstly, we aim to introduce the new expression host Aspergillus Niger, which is a significant industrial fermentation microbial to iGEM. It's well known for efficient capacity of secreting proteins and recognized as the safe strain for heterologous protein production. Secondly, we want to exploit the visual gene replacement system. We design to utilize the fluorescent proteins to realize the indication of the target gene replacement and make the process continuable. The fluorescent proteins work as selective markers to help us pick out our target transformants without complex molecular detections. Thirdly, we import carotenoid metabolic pathway where all the enzymes are connected by the linker peptides to our vector, so that we can examine the feasibility of our system.
+
-
 
+
-
 
+
-
Now we are still constructing our expression vectors. We have ligated HPH, GFP with linker and one of GlaA3s. Now we are trying to ligate GlaA5 and another GlaA3. When we finish our expression vector, we will transform the well-constructed plasmid into the Agrobacterium and use the Agrobacterium to infect the Aspergillus niger to carry our plasmid in the Aspergillus niger. </p>
+
 +
<!--contact start  HUMEN-->
 +
<div class="contact">
 +
  <div class="content">
 +
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/4/48/2014NEAU_Humen.jpg" style="margin-left:30px;"></div>
 +
            <div class="contact_tan">
 +
                        <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-->
</body>
</body>
</html>
</html>

Latest revision as of 14:32, 3 May 2015

project