Team:NEAU-Harbin

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
 +
<!--DOCTYPE html-->
 +
<html>
 +
<head>
 +
<style>/*-- hides default wiki settings --*/
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
 +
display: none;
 +
}
 +
</style>
 +
<style><!--navigation.css-->
 +
.nav, .nav ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
line-height: 1;
 +
}
 +
.nav {
 +
/* Layout & positioning */
 +
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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);
 +
}
-
<html>
 
-
<!--main content -->
+
.nav>li {
-
<table width="70%" align="center">
+
margin: 0;
 +
line-height: 1;
 +
padding: 0;
 +
display: inline;
 +
position: relative;
 +
margin: 0 12px;
 +
}
 +
.nav::after, .nav::before {
 +
content: "";
 +
display: block;
 +
position: absolute;
 +
top: 6px;
 +
height: 0px;
 +
width: 0px;
 +
border: 23px solid #65c0bb;
 +
z-index: -1;
 +
}
 +
/* The left ribbon */
 +
.nav::before {
 +
border-left-color: transparent;
 +
left: -30px;
 +
}
-
<!--welcome box -->
+
/* The right ribbon */
-
<tr>
+
.nav::after {
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#66CCFF>
+
border-right-color: transparent;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
right: -30px;
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
}
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your 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&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
.nav>li>a {
-
<!-- end welcome box -->
+
display: inline-block;
-
<tr>
+
padding: 15px 9px;
 +
position: relative;
-
<!--navigation menu -->
+
font-family: 'Oswald', sans-serif;
-
<td align="center" colspan="3">
+
font-size: 16px;
 +
text-transform: uppercase;
 +
text-decoration: none;
 +
color: #fff;
 +
text-shadow: 1px 2px rgba(0, 0, 0, .2);
 +
 +
-webkit-transition: color .3s linear;
 +
  -moz-transition: color .3s linear;
 +
-o-transition: color .3s linear;
 +
-ms-transition: color .3s linear;
 +
transition: color .3s linear;
 +
}
-
<table  width="100%">
+
.nav>li>a:hover, .nav>li:hover>a {
-
<tr heigth="15px"></tr>
+
color: #eae8a5;
-
<tr heigth="75px">  
+
}
 +
.nav>li>a::after {
 +
content: "";
 +
height: 15px;
 +
width: 15px;
 +
/*stars*/
 +
background-image: url(data:image/png;base64,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);
 +
position: absolute;
 +
right: -20px;
 +
top: 16px;
 +
display: block;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.nav>li:last-child>a::after {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin"style="color:#000000">Home </a> </td>
+
display: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.nav ul {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Team"style="color:#000000"> Team </a> </td>
+
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;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
.nav>li:hover>ul {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=NEAU-Harbin"style="color:#000000"> Official Team Profile </a></td>
+
left: 0;
 +
opacity: 1;
 +
top: 30px;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Project"style="color:#000000"> Project</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
.nav ul li:hover>ul {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Parts"style="color:#000000"> Parts</a></td>
+
left: 150px;
 +
opacity: 1;
 +
top: -11px;
 +
padding-left: 12px;
 +
border-bottom: 0;
 +
box-shadow: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.nav ul li {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Modeling"style="color:#000000"> Modeling</a></td>
+
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;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.nav ul li a {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook"style="color:#000000"> Notebook</a></td>
+
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;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
.nav ul li:hover>a, .nav ul li a:hover {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Safety"style=" color:#000000"> Safety </a></td>
+
color: #4db6b0;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.nav ul li:hover {
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Attributions"style="color:#000000"> Attributions </a></td>
+
background: #f7f7f7;
 +
}
 +
.nav ul ul li:last-child {
 +
border-bottom: 1px solid #ccc;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
.nav ul ul li {
-
</tr>
+
box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
-
</table>
+
}
-
<!--end navigation menu -->
+
.nav ul::after, .nav ul::before {
-
</tr>
+
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);
 +
}
-
</tr>
+
.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>
 +
/*==================all format==================*/
-
</td>
+
.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;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
body:after {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<!--content: "\25ba Welcome to our iGEM team";-->
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
text-align: center;
 +
font-size: 10px;
 +
width: 100%;
 +
bottom: 5px;
 +
left: 0px;
 +
}
 +
/*all links*/
 +
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;
 +
<!---->
 +
}
-
<!--requirements section -->
+
.spname:before {
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
content: "";
-
<tr>
+
position: fixed;
-
<td width="45%"  valign="top">
+
background-image: url("data:image/png;base64,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");
 +
height: 70px;
 +
width: 70px;
 +
z-index: 31;
 +
left: 10px;<!---->
 +
top: 6px;
 +
}
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
.spname:after {
 +
content: " ";
 +
}
-
<!-- Links to other team pages -->
+
/*head+top space name*/
-
<ul>
+
.hader .spname {
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin">Home</a> </li>
+
margin-top: 0px;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Team">Team</a> </li>
+
font-size: 18px;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=NEAU-Harbin">Official Team Profile</a> </li>
+
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Project">Project</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Parts">Parts</a> </li>
+
/*head*/
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Modeling">Modeling</a> </li>
+
.hader {
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook">Notebook</a> </li>
+
height: 350px;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Safety">Safety</a> </li>
+
width: 620px;
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Attributions">Attributions</a> </li>
+
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;
 +
}
-
</ul>
+
.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;
 +
}
-
</td>
+
.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;
 +
}
-
<td > </td>
+
@keyframes my_images {
-
<td width="45%">
+
0% {
 +
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
 +
}
-
<p>There are a few wiki requirements teams must follow:</p>
+
24% {
-
<ul>
+
background-position: 0px 0px,620px 0px,1240px 0px,1860px 0px;
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
}
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
 +
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>
 +
span {
 +
color:#ff6666;
 +
}
 +
</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="#">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>
 +
</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-->
 +
<!--css gallary begin-->
 +
<div class="pmdiv" style="display:none; ">
 +
</div>
 +
<div class="z">
 +
<p class="my-uid" style="display:none;">277119</p>
 +
<p class="h-mid" style="display:none;">2</p>
 +
<div class="hader">
 +
<div class="spname">Welcome to my iGEM</div>
 +
</div>
 +
<div class="smallbox">
 +
<!--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>
 +
                        <ul><li>Our captain</li></ul>
 +
<ul class="s_link" id="s_link">
 +
<li class="button">
 +
<g>Follow me</g>
 +
</li>
 +
<li class="button">
 +
<g>Take a tour!</g>
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="h-f" class="n_box">
 +
<br />
 +
<br />
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
<!--css gallary end-->
 +
<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&action=edit"style="color:#114514"> Click here to edit this page!</a> </p>
</td>
</td>
</tr>
</tr>
 +
<tr> <td colspan="3"  height="5px"> </td></tr>
 +
<!-- end welcome box -->
 +
<tr>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
</tr>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
<!--tips  -->
+
</tr>
-
<tr><td colspan="3" > <h3> Tips </h3></td></tr>
+
   
 +
 
-
<tr>
 
-
<td width="45%" valign="top">
 
-
<p>We are currently working on providing teams with some easy to use design templates.
 
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
 
-
<ul>
 
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
 
-
</ul>
 
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
 
</td>
</td>
-
<td> </td>
+
<tr> <td colspan="3"  height="15px"> </td></tr>
-
<td width="45%">  
+
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 +
<tr> <td colspan="3"  height="5px"> </td></tr>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
-
<ul>
+
<!--requirements section -->
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
<tr><td colspan="3"> <h3> Description </h3></td></tr>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
<tr>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<td width="45%"  valign="top">
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
 
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
<ul><li>
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
<i>Aspergillus Niger</i> is one species of filamentous fungi which have been widely employed in the fermentation industry, and become a principal source of enzymes and metabolites. With features such as low cost and high productivity and Generally Regarded As Safe (GRAS) status in the food and food processing industry, <i>Aspergillus Niger</i> has achieved increased attention as host for the production of heterologous proteins, such as amylase, acid protease, cellulase, pectinase and glucose oxidase, etc.</li><li>
-
<li>Have lots of fun! </li>
+
In this study, we aim to establish one visual operation system of continuous target gene replacement using <i>Aspergillus Niger</i>. Firstly, a construct contains amilCP gene, which produces blue chromoproteins, and cjBlue, which produces green chromoproteins, fused selective marker gene HPH was made and transformed into the high expression site through homologous recombination in the <i>Aspergillus Niger</i> genome. In this construct, amilCP gene was driven by GlaA5 promoter, and followed by GlaA3 terminator; the HPH and cjBlue fusion gene was driven by pgpdA promoter, and followed by GlaA3 terminator. GlaA5 and GlaA3 can be used as homologous arm sequences that can mediate specific recombination. The selected HPH resistant <i>Aspergillus Niger</i> cell will highly express amilCP and cjBlue protein which can be detected by <span>blue color</span> and cjBlue signal. After several generations, homologous recombination will happen between the two GlaA3 sequences, and lead to the loss of HPH and cjBlue, then get the transgenic <i>Aspergillus Niger</i> cells only express amilCP gene which can be easily detected by <span>blue color</span>. These transgenic <i>Aspergillus Niger</i> cells with <span>blue color</span> can be used as original strain for target gene transformation. Those colonies without <span>blue color</span> will be the real transformants in which amilCP gene is replaced with the target gene. In a word, the visual gene operation system in <i>Aspergillus Niger</i> will be established with which the homologous recombination of target genes will be easily traced by detecting the color of colonies.
-
</ul>
+
</li><li>So far we have finished the expression vectors construction. The genetic transformation work is in the process.
-
</br>
+
</li></ul>
-
</td>
+
 
-
</tr>
+
<br /><br /><br />
-
</table>
+
</body>
 +
</html>

Revision as of 13:39, 14 August 2014

Welcome to my iGEM
  • Our captain



Thanks for visiting our wiki!

Our team has been approved and we are ready to start the iGEM season!
On this page we can document our project, introduce our team members, document our progress
and share our iGEM experience with the rest of the world!


Click here to edit this page!

Description

  • Aspergillus Niger is one species of filamentous fungi which have been widely employed in the fermentation industry, and become a principal source of enzymes and metabolites. With features such as low cost and high productivity and Generally Regarded As Safe (GRAS) status in the food and food processing industry, Aspergillus Niger has achieved increased attention as host for the production of heterologous proteins, such as amylase, acid protease, cellulase, pectinase and glucose oxidase, etc.
  • In this study, we aim to establish one visual operation system of continuous target gene replacement using Aspergillus Niger. Firstly, a construct contains amilCP gene, which produces blue chromoproteins, and cjBlue, which produces green chromoproteins, fused selective marker gene HPH was made and transformed into the high expression site through homologous recombination in the Aspergillus Niger genome. In this construct, amilCP gene was driven by GlaA5 promoter, and followed by GlaA3 terminator; the HPH and cjBlue fusion gene was driven by pgpdA promoter, and followed by GlaA3 terminator. GlaA5 and GlaA3 can be used as homologous arm sequences that can mediate specific recombination. The selected HPH resistant Aspergillus Niger cell will highly express amilCP and cjBlue protein which can be detected by blue color and cjBlue signal. After several generations, homologous recombination will happen between the two GlaA3 sequences, and lead to the loss of HPH and cjBlue, then get the transgenic Aspergillus Niger cells only express amilCP gene which can be easily detected by blue color. These transgenic Aspergillus Niger cells with blue color can be used as original strain for target gene transformation. Those colonies without blue color will be the real transformants in which amilCP gene is replaced with the target gene. In a word, the visual gene operation system in Aspergillus Niger will be established with which the homologous recombination of target genes will be easily traced by detecting the color of colonies.
  • So far we have finished the expression vectors construction. The genetic transformation work is in the process.