Team:ZJU-China

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
__NOTOC__
__NOTOC__
Loading, Please Wait..
Loading, Please Wait..
-
{{Template:Zjuheader}}
 
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>  
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<title>ZJU-China iGEM 2011</title>
 +
<link href='http://fonts.googleapis.com/css?family=Molengo'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Alice'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Ovo' rel='stylesheet'
 +
type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Federo'
 +
rel='stylesheet' type='text/css'>
 +
 
 +
<link href="http://zjuchina.tk/modeling.css" rel="stylesheet" type="text/css">
 +
<link href="http://zjuchina.tk/global.css" rel="stylesheet" type="text/css">
 +
<link href="http://zjuchina.tk/template2.css" rel="stylesheet" type="text/css"><!-- include the Tools -->
 +
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<style type="text/css">
<style type="text/css">
 +
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a {
 +
color: #ffcc99
 +
}
 +
 +
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a:hover
 +
{
 +
color: #ff9933
 +
}
 +
</style>
 +
 +
<style type="text/css">
@charset "UTF-8";
@charset "UTF-8";
 +
/* CSS Document */
/* CSS Document */
 +
a:hover {
 +
text-decoration: none;
 +
}
-
a:hover{
+
.block {
-
text-decoration:none;
+
margin: 10px;
 +
float: left;
 +
color: #333333;
 +
font-size: 12pt;
 +
padding: 0;
 +
width: 660px;
}
}
-
.block{
+
 
-
margin:10px;
+
.block h1 {
-
float:left;
+
font-size: 36pt;
-
color:#333333;
+
-
font-size:12pt;
+
-
padding:0;
+
-
width:660px;
+
}
}
-
.block h1{
+
.block a {
-
font-size:36pt;
+
color: #ff3333;
}
}
-
.block a{
+
 
-
color:#ff3333;
+
.block p {
 +
margin: 20px;
}
}
-
.block p{
+
.block h1,h2 {
-
margin:20px;
+
border-bottom: none;
 +
padding-left: 10px;
 +
padding-bottom: 0;
 +
padding-top: 0;
}
}
-
.block h1, h2{
+
 
-
border-bottom: none;
+
.block a {
-
padding-left:10px;
+
color: #666666;
-
padding-bottom:0;
+
-
padding-top:0;
+
-
}
+
-
.block a{
+
-
color:#666666;
+
}
}
-
.block hr{
+
 
-
height:2px;
+
.block hr {
-
margin-left:15px;
+
height: 2px;
-
margin-right:15px;
+
margin-left: 15px;
 +
margin-right: 15px;
}
}
-
.blocktop, .blockbottom{
+
 
-
width:100%;
+
.blocktop,.blockbottom {
-
height:10px;
+
width: 100%;
 +
height: 10px;
}
}
-
.blocktop{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png);
+
.blocktop {
-
background-repeat:no-repeat;
+
background-image: url(http://ung.igem.org/wiki/images/1/17/Blocktop.png)
 +
;
 +
background-repeat: no-repeat;
}
}
-
.blockbottom{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
+
.blockbottom {
-
background-repeat:no-repeat;
+
background-image:
 +
url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
 +
background-repeat: no-repeat;
}
}
-
.blockcontent{
+
 
-
padding:10px;
+
.blockcontent {
-
background-color:white;
+
padding: 10px;
 +
background-color: white;
}
}
-
.links{
+
.links {
-
background-color:white;
+
background-color: white;
-
text-align:right;
+
text-align: right;
-
padding-right:24px;
+
padding-right: 24px;
-
font-size:16px;
+
font-size: 16px;
}
}
-
.links a:hover{
+
 
-
cursor: pointer;
+
.links a:hover {
 +
cursor: pointer;
}
}
-
.sidebar{
+
 
-
float:right;
+
.sidebar {
-
width:250px;
+
float: right;
 +
width: 250px;
}
}
-
.sidebartop{
+
 
-
height:10px;
+
.sidebartop {
-
background-image:url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
+
height: 10px;
-
background-repeat:no-repeat;
+
background-image:
 +
url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
 +
background-repeat: no-repeat;
}
}
-
.sidebarbottom{
+
 
-
height:10px;
+
.sidebarbottom {
-
background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
+
height: 10px;
-
background-repeat::no-repeat;
+
background-image:
 +
url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
 +
background-repeat: : no-repeat;
}
}
-
.main{
+
.main {
-
background-color:#transparent;
+
background-color: #transparent;
-
position:static;
+
position: static;
-
top:auto;
+
top: auto;
-
height:auto;
+
height: auto;
-
padding:10px;
+
padding: 10px;
-
padding-top:0px;
+
padding-top: 0px;
-
padding-right:10px;
+
padding-right: 10px;
}
}
-
div #flash1{
+
 
-
width:auto;
+
div #flash1 {
-
height:auto;
+
width: auto;
-
margin-left:20px;
+
height: auto;
-
background-color:transparent;
+
margin-left: 20px;
-
filter:alpha(opacity=80);
+
background-color: transparent;
-
-moz-opacity:0.8;
+
filter: alpha(opacity = 80);
 +
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
opacity: 0.8;
}
}
-
div #part0{
+
 
-
float:right;
+
div #part0 {
-
width:250px;
+
float: right;
-
height:270px;
+
width: 250px;
-
filter:alpha(opacity=50);
+
height: 270px;
-
-moz-opacity:0.5;
+
filter: alpha(opacity = 50);
 +
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
opacity: 0.5;
-
background-color:transparent;
+
background-color: transparent;
-
color:white;
+
color: white;
-
 
+
}
}
-
div #part0 .blockcontent{
+
 
-
background-color:black;
+
div #part0 .blockcontent {
-
-moz-border-radius: 5px;
+
background-color: black;
 +
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
-
height:250px;
+
height: 250px;
}
}
-
div #part0 h1{color:white;
 
-
font-size:30px;}
 
-
div .countdown{
+
div #part0 h1 {
-
padding:5px;
+
color: white;
-
padding-left:6px;
+
font-size: 30px;
-
margin:5px;}
+
-
div #part0 .links{
+
-
background-color:black;
+
}
}
-
div #part0 .sidebartop{
+
 
-
background:url(blocktop3.png) transparent;
+
div .countdown {
 +
padding: 5px;
 +
padding-left: 6px;
 +
margin: 5px;
}
}
-
div #part0 .sidebarbottom{
+
 
-
background:url(blockbottom3.png) transparent;
+
div #part0 .links {
 +
background-color: black;
}
}
-
#welcome{
+
div #part0 .sidebartop {
-
width:660px;
+
background: url(blocktop3.png) transparent;
-
vertical-align:middle;
+
}
}
-
#welcome h1{
+
 
-
color:#f8b4ae;
+
div #part0 .sidebarbottom {
 +
background: url(blockbottom3.png) transparent;
}
}
-
#welcome hr{
+
 
-
background-color:#f8b4ae;
+
#welcome {
 +
width: 660px;
 +
vertical-align: middle;
}
}
-
#welcome a{
+
 
-
color:#f8b4ae;
+
#welcome h1 {
 +
color: #f8b4ae;
}
}
-
#welcome a:hover{
+
 
-
color:red;
+
#welcome hr {
-
text-decoration:none;
+
background-color: #f8b4ae;
}
}
-
#note{
+
 
-
float:right;
+
#welcome a {
-
width:250px;
+
color: #f8b4ae;
}
}
-
#note h1{
+
 
-
color:#7fb3d8
+
#welcome a:hover {
 +
color: red;
 +
text-decoration: none;
}
}
-
#note hr{
+
 
-
background-color:#7fb3d8;
+
#note {
 +
float: right;
 +
width: 250px;
}
}
-
#note a{
+
 
-
color:#7fb3d8;
+
#note h1 {
 +
color: #7fb3d8
}
}
-
#note a:hover{
+
 
-
color:#006699;
+
#note hr {
-
text-decoration:none;
+
background-color: #7fb3d8;
}
}
-
#project{
+
#note a {
-
width:660px;
+
color: #7fb3d8;
}
}
-
#project h1{
+
 
-
color:#ffcc99;
+
#note a:hover {
 +
color: #006699;
 +
text-decoration: none;
}
}
-
#project hr{
+
 
-
background-color:#ffcc99;
+
#project {
 +
width: 660px;
}
}
-
#project a{
+
 
-
color:#ffcc99;
+
#project h1 {
 +
color: #ffcc99;
}
}
-
#project a:hover{
+
 
-
color:#ff9933;
+
#project hr {
-
text-decoration:none;
+
background-color: #ffcc99;
}
}
-
#twitter{
+
#project a {
 +
color: #ffcc99;
}
}
-
#twitter h1{
+
 
-
color:#3399ff;
+
#project a:hover {
 +
color: #ff9933;
 +
text-decoration: none;
}
}
-
#twitter hr{
+
 
-
background-color:#3399ff;
+
#twitter {
 +
}
}
-
#twitter a{
+
 
-
color:#3399ff;
+
#twitter h1 {
 +
color: #3399ff;
}
}
-
#twitter a:hover{
+
 
-
color:#0066ff
+
#twitter hr {
-
text-decoration:none;
+
background-color: #3399ff;
}
}
-
#visits{
+
 
 +
#twitter a {
 +
color: #3399ff;
}
}
-
#visits h1{
+
 
-
color:#666666;
+
#twitter a:hover {
 +
color: #0066ff text-decoration : none;
}
}
-
#visits hr{
+
 
-
background-color:#666666;
+
#visits {
 +
}
}
-
#visits a{
+
 
-
color:#666666;
+
#visits h1 {
 +
color: #666666;
}
}
-
#visits a:hover{
+
 
-
color:#333333;
+
#visits hr {
-
text-decoration:none;
+
background-color: #666666;
}
}
-
#visits div #clustrmaps-widget{
+
 
-
margin-left:auto;
+
#visits a {
-
margin-right:auto;
+
color: #666666;
-
+
}
}
-
#team{
+
 
-
float:left;
+
#visits a:hover {
-
width:660px;
+
color: #333333;
 +
text-decoration: none;
}
}
-
#team h1{
+
 
-
color:#aadba5;
+
#visits div #clustrmaps-widget {
 +
margin-left: auto;
 +
margin-right: auto;
}
}
-
#team hr{
+
 
-
background-color:#aadba5;
+
#team {
 +
float: left;
 +
width: 660px;
}
}
-
#team a{
+
 
-
color:#aadba5;
+
#team h1 {
 +
color: #aadba5;
}
}
-
#team a:hover{
+
 
-
color:#56b74c;
+
#team hr {
-
text-decoration:none;
+
background-color: #aadba5;
}
}
-
#flickr{
+
 
 +
#team a {
 +
color: #aadba5;
}
}
-
#flickr .blockcontent #player{
+
 
 +
#team a:hover {
 +
color: #56b74c;
 +
text-decoration: none;
 +
}
 +
 
 +
#flickr {
-
padding-left:80px;
 
}
}
-
#flickr h1{
+
 
-
color:#ff66cc;
+
#flickr .blockcontent #player {
 +
padding-left: 80px;
}
}
-
#flickr hr{
+
 
-
background-color:#ff66cc;
+
#flickr h1 {
 +
color: #ff66cc;
}
}
-
#flickr a{
+
 
-
color:#ff66cc;
+
#flickr hr {
 +
background-color: #ff66cc;
}
}
-
#flickr a:hover{
+
 
-
color:#ff0099;
+
#flickr a {
-
text-decoration:none;
+
color: #ff66cc;
}
}
-
#sponsors{
+
 
-
float:right;
+
#flickr a:hover {
-
width:250px;
+
color: #ff0099;
 +
text-decoration: none;
}
}
-
#sponsors a{
+
 
-
color:black;
+
#sponsors {
 +
float: right;
 +
width: 250px;
}
}
-
#sponsors a:hover{
+
 
-
color:#999;
+
#sponsors a {
 +
color: black;
}
}
-
#sponsors .blocktop{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png);
+
#sponsors a:hover {
-
background-repeat:no-repeat;
+
color: #999;
}
}
-
#sponsors .blockbottom{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png);
+
#sponsors .blocktop {
-
background-repeat:no-repeat;
+
background-image:
 +
url(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png);
 +
background-repeat: no-repeat;
}
}
-
#hp h1{
+
 
-
color:#9966cc;
+
#sponsors .blockbottom {
-
font-size:30px;
+
background-image:
 +
url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png);
 +
background-repeat: no-repeat;
}
}
-
#hp hr{
+
#hp h1 {
-
background-color:#9966cc;
+
color: #9966cc;
 +
font-size: 30px;
}
}
-
#hp a{
+
 
-
color:#9966cc;
+
#hp hr {
 +
background-color: #9966cc;
}
}
-
#hp a:hover{
+
 
-
color:#4700b1;
+
#hp a {
-
text-decoration:none;
+
color: #9966cc;
}
}
-
.footer{
+
 
-
background-color:#666666;
+
#hp a:hover {
-
padding:10px;
+
color: #4700b1;
-
text-align:center;
+
text-decoration: none;
}
}
-
.footer a{
+
 
-
color:#cccccc;
+
.footer {
-
margin:10px;
+
background-color: #666666;
-
text-decoration:none;
+
padding: 10px;
 +
text-align: center;
}
}
 +
 +
.footer a {
 +
color: #cccccc;
 +
margin: 10px;
 +
text-decoration: none;
 +
}
 +
.footer a:hover {
.footer a:hover {
-
color:#FFF;
+
color: #FFF;
-
text-decoration:none;
+
text-decoration: none;
-
cursor:pointer;
+
cursor: pointer;
 +
}
 +
 
 +
#banner {
 +
position: relative;
 +
width: 930px;
 +
height: 325px;
 +
border: 1px solid #666;
 +
overflow: hidden;
 +
}
 +
 
 +
#banner_list img {
 +
border: 0px;
 +
width: 930px;
 +
height: 325px;
}
}
-
#banner {position:relative; width:930px; height:325px; border:1px solid #666; overflow:hidden;}
 
-
#banner_list img {border:0px;width:930px; height:325px;}
 
#banner ul {
#banner ul {
-
position:absolute;
+
position: absolute;
-
list-style-type:none;
+
list-style-type: none;
-
filter: Alpha(Opacity=80);
+
filter: Alpha(Opacity = 80);
-
opacity:0.8;
+
opacity: 0.8;
-
border:1px solid #fff;
+
border: 1px solid #fff;
-
z-index:1002;
+
z-index: 1002;
-
margin:0;
+
margin: 0;
-
padding:0;
+
padding: 0;
-
bottom:5px;
+
bottom: 5px;
-
right:3px;
+
right: 3px;
width: 103px;
width: 103px;
height: 31px;
height: 31px;
}
}
-
#banner ul li { padding:4px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
+
 
-
#banner ul li.on { background:#900}
+
#banner ul li {
-
#banner_list a{
+
padding: 4px;
-
position:absolute;
+
float: left;
 +
display: block;
 +
color: #FFF;
 +
border: #e5eaff 1px solid;
 +
background: #6f4f67;
 +
cursor: pointer
 +
}
 +
 
 +
#banner ul li.on {
 +
background: #900
 +
}
 +
 
 +
#banner_list a {
 +
position: absolute;
left: 1px;
left: 1px;
top: 0px;
top: 0px;
height: 240px;
height: 240px;
-
} 让四张图片都可以重叠在一起
+
}
-
 
+
a{
-
 
+
text-decoration:none;
 +
}
</style>
</style>
</head>
</head>
<body>
<body>
 +
<div class="global">
 +
<div class="header">
 +
<div class="bgimg"></div>
 +
<div class="bgpart1"></div>
 +
<div class="bgpart2"></div>
 +
 +
 +
<div class="banner">
 +
<div class="logo"><img
 +
src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" width="200"
 +
height="200" /></div>
 +
<div class="title"><img
 +
src="http://ung.igem.org/wiki/images/b/b3/Title.png" width="603"
 +
height="220" /></div>
 +
<div class="igemlogo"><a target="_blank"
 +
href="https://2011.igem.org"><img
 +
src="https://static.igem.org/mediawiki/2011/e/e2/Igemlogo.png" width="180"
 +
height="150" /></a></div>
 +
</div>
 +
<!--banner-->
 +
<div class="nav">
 +
<ul id="topnav">
 +
<li><a id="P_Home" href="https://2011.igem.org/Team:ZJU-China/index.html">Home</a></li>
 +
 +
<li><a id="P_Project"
 +
href="https://2011.igem.org/Team:ZJU-China/Project.html">Project</a> <!--Subnav Starts Here-->
 +
 +
 +
<!--Subnav Ends Here--></li>
 +
<li><a id="P_Team" href="https://2011.igem.org/Team:ZJU-China/Team.html">Team</a>
 +
 +
</li>
 +
<li><a id="P_Notebook"
 +
href="https://2011.igem.org/Team:ZJU-China/Notebook.html">Notebook</a></li>
 +
<li><a id="P_HumanPractice"
 +
href="https://2011.igem.org/Team:ZJU-China/Humanpractice.html">HumanPractice</a></li>
 +
<li id="search">
 +
<div id="searchbar">
 +
 +
<div>
 +
<form action="http://www.google.com.hk/cse" id="cse-search-box"
 +
target="_blank">
 +
<div><input type="hidden" name="cx"
 +
value="005438704919531788579:zbfi5n-q5du" /> <input type="hidden"
 +
name="cof" value="FORID:10" /> <input type="hidden" name="ie"
 +
value="UTF-8" /> <input type="text" name="q" size="15" /> <input
 +
type="submit" name="sa" value="Search" /></div>
 +
</form>
 +
<script type="text/javascript"
 +
src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
<!--navbar--> <script type="text/javascript">
 +
  document.getElementById('P_Team').onclick=function(){
 +
  document.getElementById('P_Te').style.display='block'
 +
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_Project').onclick=function(){
 +
  document.getElementById('P_Pr').style.display='block'
 +
    document.getElementById('P_Te').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_Notebook').onclick=function(){
 +
  document.getElementById('P_No').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_Te').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_HumanPractice').onclick=function(){
 +
  document.getElementById('P_Hu').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Te').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
 
 +
</script></div>
 +
<!--header-->
<div id="contentwrapper">
<div id="contentwrapper">
-
            <div class="block" id="flash1">
+
<div class="main">
-
                <script type="text/javascript">
+
<div class="bgpart3"></div>
 +
<div class="block" id="flash1" style="margin-left: 0; padding-left: 0;">
 +
<script type="text/javascript">
     var t = n = 0, count;
     var t = n = 0, count;
     $(document).ready(function(){     
     $(document).ready(function(){     
Line 374: Line 588:
     }
     }
</script>
</script>
-
<div id="banner">  
+
<div id="banner" style="margin-left: 0; padding-left: 0;">
-
    <div id="banner_bg"></div> <!--标题背景-->
+
<div id="banner_bg"></div>
-
    <div id="banner_info"></div> <!--标题-->
+
<!--标题背景-->
-
    <ul>
+
<div id="banner_info"></div>
-
        <li class="on">1</li>
+
<!--标题-->
-
        <li>2</li>
+
<ul>
-
        <li>3</li>
+
<li class="on">1</li>
-
        <li>4</li>
+
<li>2</li>
-
  <li>5</li>
+
<li>3</li>
-
  <li>6</li>
+
<li>4</li>
-
    </ul>
+
<li>5</li>
-
  <div id="banner_list">
+
 
-
        <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/e/e2/Zju-h1.jpg" title="" alt="" /></a>
+
</ul>
-
        <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/0/00/Zju-h2.jpg" title="" alt="" /></a>
+
<div id="banner_list"><a href="#" target="_blank"><img
-
        <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/5/54/Zju-h3.jpg" title="" alt="" /></a>
+
src="https://static.igem.org/mediawiki/2011/e/e2/Zju-h1.jpg" title="" alt="" /></a>
-
        <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/7/7f/Zju-h4.jpg" title="" alt="" /></a>
+
<a href="#" target="_blank"><img
-
  <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/8/86/Zju-h5.jpg" title="" alt="" /></a>
+
src="https://static.igem.org/mediawiki/2011/0/00/Zju-h2.jpg" title="" alt="" /></a>
-
  <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/7/76/Zju-h6.jpg" title="" alt="" /></a>
+
<a href="#" target="_blank"><img
-
    </div>
+
src="https://static.igem.org/mediawiki/2011/5/54/Zju-h3.jpg" title="" alt="" /></a>
 +
<a href="#" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/2011/7/7f/Zju-h4.jpg" title="" alt="" /></a>
 +
<a href="#" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/2011/8/86/Zju-h5.jpg" title="" alt="" /></a>
 +
<!-- <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/7/76/Zju-h6.jpg" title="" alt="" /></a>-->
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!----------main-------------->
 +
 
 +
 
 +
 
 +
<div class="block" style="margin-left: 1px; padding-left: 1px"
 +
id="project">
 +
<div class="blocktop"></div>
 +
<div class="blockcontent">
 +
<h1>Project</h1>
 +
<hr />
 +
<p>&nbsp;&nbsp; Rainbofilm is a stratified expression system in
 +
biofilm, a self-organized module extensible for various needs.
 +
Researchers found a vertical oxygen gradient establishes in the biofilm.
 +
Such property allows us to use oxygen sensitive promoters to
 +
artificially induce differentiated functions through the spatial
 +
distribution of cells. Thus, the multi-step reaction can be processed
 +
within the different layers of the biofilm.<br />
 +
&nbsp;&nbsp; The biofilm and its layered structure form spontaneously.
 +
Also biofilm has the natural resistance to high levels of toxin. These
 +
two properties render the Rainbofilm a convenient stable system for
 +
bio-production and bio-sensor. The system can cater to different needs
 +
simply by changing downstream genes. One possible application is ethanol
 +
production. The cellulose is degraded to monose from the bottom to the
 +
middle layer, and the ethanol is produced and secreted in the surface to
 +
minimize the toxicity to the inner cells.</p>
 +
</div>
 +
<div class="links"><a href="#top">Top</a> · <a
 +
href="https://2011.igem.org/Team:ZJU-China/Project.html">Project page</a></div>
 +
<div class="blockbottom"></div>
 +
</div>
 +
<div class="block sidebar" style="margin-right: 1px; padding-right: 1px"
 +
id="hp">
 +
<div class="sidebartop"></div>
 +
<div class="blockcontent">
 +
<h1>Human Practice</h1>
 +
<hr />
 +
<p><a
 +
href="https://2011.igem.org/Team:ZJU-China/Fundingreport.html">
 +
Funding Guide </a></p>
 +
<p><a
 +
href="https://2011.igem.org/Team:ZJU-China/Fundingreport.html"><img src="http://zjuchina.tk/guide10.jpg" width="191" height="145" /> </a></p>
 +
<p><a href="https://2011.igem.org/Team:ZJU-China/App.html">
 +
  App</a></p>
 +
<p><a href="https://2011.igem.org/Team:ZJU-China/App.html"><img src="http://zjuchina.tk/app.png" width="190" height="180" /></a></p>
 +
<p><a
 +
href="https://2011.igem.org/Team:ZJU-China/Novel.html">Novel</a></p>
 +
<p><a
 +
href="https://2011.igem.org/Team:ZJU-China/Novel.html"><img src="https://static.igem.org/mediawiki/2011/7/73/Zju-novel4.jpg" width="190" /></a></p>
 +
<p><a href="https://2011.igem.org/Team:ZJU-China/Safety.html"> Safety
 +
</a></p>
 +
</div>
 +
<div class="links"><a href="#top">Top</a> · <a
 +
href="https://2011.igem.org/Team:ZJU-China/Humanpractice.html">Human Practice page</a></div>
 +
<div class="sidebarbottom"></div>
 +
</div>
 +
<div class="block" style="margin-left: 1px; padding-left: 1px" id="team">
 +
<div class="blocktop"></div>
 +
<div class="blockcontent">
 +
<h1>Team</h1>
 +
<hr />
 +
<p>We are a young and happy team of 13 scientists and
 +
  engineers from very diverse backgrounds.Although this is our first year
 +
  working on a wet lab project and biofilm experiments are new to us,
 +
  we're currently taking great efforts to build the whole system for
 +
  experiments.Our team progress and more info will be frequently updated
 +
  so that our iGEM experience could be shared as much as possible along
 +
  the way. We truly welcome you to contact us for any cooperation or
 +
  suggestion.</p>
 +
<p ><div id="Player" style="text-align:center"><object width="600" height="450">
 +
<param name="flashvars"
 +
value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fzjuigem%2Fsets%2F72157627144127353%2Fshow%2F&page_show_back_url=%2Fphotos%2Fzjuigem%2Fsets%2F72157627144127353%2F&set_id=72157627144127353&jump_to="></param>
 +
<param name="movie"
 +
value="http://www.flickr.com/apps/slideshow/show.swf?v=104087"></param>
 +
<param name="allowFullScreen" value="true"></param>
 +
<embed type="application/x-shockwave-flash"
 +
src="http://www.flickr.com/apps/slideshow/show.swf?v=104087"
 +
allowFullScreen="true"
 +
flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fzjuigem%2Fsets%2F72157627144127353%2Fshow%2F&page_show_back_url=%2Fphotos%2Fzjuigem%2Fsets%2F72157627144127353%2F&set_id=72157627144127353&jump_to="
 +
width="600" height="450"></embed></object></div></p>
 +
</div>
 +
<div class="links"><a href="#top">Top</a> · <a
 +
href="https://2011.igem.org/Team:ZJU-China/Team.html">Team page</a></div>
 +
<div class="blockbottom"></div>
 +
</div>
 +
<div class="block sidebar" id="note"
 +
style="margin-right: 1px; padding-right: 1px">
 +
<div class="sidebartop"></div>
 +
<div class="blockcontent">
 +
<h1 style="font-size: 30px;">Sponsors</h1>
 +
<hr />
 +
<p><a href="http://ugrs.zju.edu.cn/english/" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/igem.org/6/69/Bksy.gif" width="188" height="62" /></a></p>
 +
<p><a href="http://www.zuef.zju.edu.cn/en/web" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/igem.org/8/80/Jyjjh.png" width="188"
 +
height="66" /></a></p>
 +
<p><a href="http://www.zjubiolab.zju.edu.cn/page/" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/igem.org/b/ba/Swsyzx.jpg" width="188"
 +
height="59" /></a></p>
 +
</div>
 +
 
 +
<div class="sidebarbottom"></div>
</div>
</div>
-
                </div>
+
<p style="clear: both"></p>
-
          <!----------main-------------->
 
-
            <div class="main">
 
-
             
 
-
               
 
-
<div class="block" id="project">
 
-
                <div class="blocktop"></div>
 
-
                    <div class="blockcontent">
 
-
                <h1>Project</h1>
 
-
                    <hr/>
 
-
                    <p> &nbsp;&nbsp;  Rainbofilm is a stratified expression system in biofilm, a self-organized module extensible for various needs. Researchers found a vertical oxygen gradient establishes in the biofilm. Such property allows us to use oxygen sensitive promoters to artificially induce differentiated functions through the spatial distribution of cells. Thus, the multi-step reaction can be processed within the different layers of the biofilm.<br/>
 
-
&nbsp;&nbsp;  The biofilm and its layered structure form spontaneously. Also biofilm has the natural resistance to high levels of toxin. These two properties render the Rainbofilm a convenient stable system for bio-production and bio-sensor. The system can cater to different needs simply by changing downstream genes. One possible application is ethanol production. The cellulose is degraded to monose from the bottom to the middle layer, and the ethanol is produced and secreted in the surface to minimize the toxicity to the inner cells.</p>
 
-
                </div>
 
-
                    <div class="links">
 
-
                <a href="#top">Top</a> ·
 
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Project">Project page</a>
 
-
                   
 
-
            </div>
 
-
                <div class="blockbottom"></div>
 
-
                </div>
 
-
              <div class="block sidebar" id="hp">
 
-
          <div class="sidebartop"></div>
 
-
                    <div class="blockcontent">
 
-
                    <h1>Human Practice</h1>
 
-
                        <hr/>
 
-
<p><a href="https://2011.igem.org/Team:ZJU-China/Human Practice/Funding Guide"> Funding Guide </a></p>
 
-
                    <p>&nbsp;&nbsp; Funding Report</p>
 
-
                    <p>&nbsp;&nbsp; Funding Manual</p>
 
-
                    <p>&nbsp;&nbsp; Biotech Industry Assessment</p>
 
-
                    <p><a href="https://2011.igem.org/Team:ZJU-China/Human Practice/App"> App</a></p>
 
-
                    <p> <a href="https://2011.igem.org/Team:ZJU-China/Human Practice/Novel">Novel</a></p>
 
-
                    <p> <a href="https://2011.igem.org/Team:ZJU-China/Safety"> Safety </a></p>                   
 
-
                    </div>
 
-
                    <div class="links">
 
-
                <a href="#top">Top</a> ·
 
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook page</a>
 
-
                   
 
</div>
</div>
-
                    <div class="sidebarbottom"></div>
+
<div class="footer" id="footer"><a href="https://2011.igem.org/">
-
                </div>
+
iGem 2011 Home Page</a> <a href="http://ung.igem.org/Special:Upload/">
-
                <div class="block" id="team">
+
Upload Files</a> <a
-
                <div class="blocktop"></div>
+
href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit
-
                    <div class="blockcontent">
+
CSS</a> <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a> <a
-
                <h1>Team</h1>
+
href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a></div>
-
                    <hr/>
+
-
                    <p>&nbsp;&nbsp; We are a young and happy team of 13 scientists and engineers from very diverse backgrounds.Although this is our first year working on a wet lab project and biofilm experiments are new to us, we're currently taking great efforts to build the whole system for experiments.Our team progress and more info will be frequently updated so that our iGEM experience could be shared as much as possible along the way. We truly welcome you to contact us for any cooperation or suggestion.</p>
+
-
                </div>
+
-
                    <div class="links">
+
-
                <a href="#top">Top</a> ·
+
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Team">Team page</a>
+
-
                 
+
-
            </div>
+
-
                <div class="blockbottom"></div>
+
-
                </div>
+
-
          <div class="block sidebar" id="note">
+
-
                <div class="sidebartop"></div>
+
-
                    <div class="blockcontent">
+
-
                    <h1>Sponsors</h1>
+
-
                        <hr/>
+
-
                        <p><a href="http://ugrs.zju.edu.cn/english/" target="_blank"><img src="https://static.igem.org/mediawiki/igem.org/6/69/Bksy.gif" width="188" height="85" /></a>
+
-
                  </p >
+
-
                            <p><a href="http://www.zuef.zju.edu.cn/en/web" target="_blank"><img src="https://static.igem.org/mediawiki/igem.org/8/80/Jyjjh.png" width="188" height="85" /></a>
+
-
                  </p >
+
-
                            <p><a href="http://www.zjubiolab.zju.edu.cn/page/" target="_blank"><img src="https://static.igem.org/mediawiki/igem.org/b/ba/Swsyzx.jpg" width="188" height="85" /></a>
+
-
                  </p >
+
-
                    </div>
+
-
                    <div class="links">
+
-
                <a href="#top">Top</a> ·
+
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook page</a>
+
-
                   
+
</div>
</div>
-
                    <div class="sidebarbottom"></div>
+
<!--contentwrapper--></div>
-
                </div>
+
-
                <p style ="clear:both"></p>
+
-
            </div>
+
-
           
+
-
          <div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
+
-
          <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
+
-
          <a href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit CSS</a>
+
-
          <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a>
+
-
         
+
-
          <a href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a>
+
-
         
+
-
  </div>
+
-
          </div>
+
-
<p>&nbsp;</p>
+
</body>
</body>
</html>
</html>

Revision as of 07:51, 16 October 2011

Loading, Please Wait.. ZJU-China iGEM 2011

Project

   Rainbofilm is a stratified expression system in biofilm, a self-organized module extensible for various needs. Researchers found a vertical oxygen gradient establishes in the biofilm. Such property allows us to use oxygen sensitive promoters to artificially induce differentiated functions through the spatial distribution of cells. Thus, the multi-step reaction can be processed within the different layers of the biofilm.
   The biofilm and its layered structure form spontaneously. Also biofilm has the natural resistance to high levels of toxin. These two properties render the Rainbofilm a convenient stable system for bio-production and bio-sensor. The system can cater to different needs simply by changing downstream genes. One possible application is ethanol production. The cellulose is degraded to monose from the bottom to the middle layer, and the ethanol is produced and secreted in the surface to minimize the toxicity to the inner cells.

Top · Project page

Team

We are a young and happy team of 13 scientists and engineers from very diverse backgrounds.Although this is our first year working on a wet lab project and biofilm experiments are new to us, we're currently taking great efforts to build the whole system for experiments.Our team progress and more info will be frequently updated so that our iGEM experience could be shared as much as possible along the way. We truly welcome you to contact us for any cooperation or suggestion.

Top · Team page

Retrieved from "http://2011.igem.org/Team:ZJU-China"