Difference between revisions of "Team:SiCAU-China"

 
(75 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
 
+
{{Sicau-china basicstyle}}
−
{{header}}
+
 
<html>
 
<html>
 +
<head>
 +
<title>SiCAU-iGEM</title>
 
<style>
 
<style>
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
+
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
−
 
+
−
/* Wrapper for the content */
+
−
.igem_2017_content_wrapper {
+
−
width: 81%;
+
−
margin: 2%;
+
−
display:block;
+
−
float:left;
+
−
background-color:white;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
 
+
−
/********************************* HTML STYLING *********************************/
+
−
 
+
−
/* styling for the titles h1 h2 */
+
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
−
padding:5px 15px;
+
−
border-bottom: 0px;
+
−
color: #3399ff;
+
−
}
+
−
 
+
−
 
+
−
/* styling for the titles  h3 h4 h5 h6*/
+
−
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
+
−
padding:5px 15px;
+
−
border-bottom:0px;
+
−
color: #000000; 
+
−
}
+
−
 
+
−
 
+
−
/* font and text */
+
−
.igem_2017_content_wrapper p {
+
−
padding: 0px 15px;
+
−
font-size: 13px;
+
−
}
+
−
 
+
−
/* Links */
+
−
.igem_2017_content_wrapper a {
+
−
font-weight: bold;
+
−
text-decoration: underline;
+
−
text-decoration-color: #3399ff;
+
−
color:  #3399ff;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
}
+
−
 
+
−
/* hover for the links */
+
−
.igem_2017_content_wrapper a:hover {
+
−
text-decoration:none;
+
−
color:#000000;
+
−
}
+
−
 
+
−
/* non numbered lists */
+
−
.igem_2017_content_wrapper ul {
+
−
padding:0px 20px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* numbered lists */
+
−
.igem_2017_content_wrapper ol {
+
−
padding:0px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* Table */
+
−
.igem_2017_content_wrapper table {
+
−
width: 97%;
+
−
margin:15px 10px;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table cells */
+
−
.igem_2017_content_wrapper  td {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table headers */
+
−
.igem_2017_content_wrapper th {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
background-color:#f2f2f2;
+
−
}
+
−
/**********************************LAYOUT CLASSES **********************************/
+
−
 
+
−
/* general class for column divs */
+
−
.igem_2017_content_wrapper .column  {
+
−
padding: 10px 0px;
+
−
float:left;
+
−
}
+
−
 
+
−
/* class for a full width column */
+
−
.column .full_size {
+
−
width:100%;
+
−
}
+
−
 
+
−
/* styling for images in a full width column*/
+
−
.column.full_size img {
+
−
width:97%;
+
−
padding: 10px 15px;
+
−
}
+
−
 
+
−
/* class for a half width column */
+
−
.column.half_size {
+
−
width: 50%;
+
−
}
+
−
/* styling for images in a half width column*/
+
−
.column.half_size img {
+
−
width: 94.5%;
+
−
padding: 10px 15px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/********************************* SUPPORT CLASSES ********************************/
+
−
 
+
−
/* class that clears content below*/
+
−
.igem_2017_content_wrapper .clear {
+
−
clear:both;
+
−
}
+
 
 
 +
/* Clear the default wiki settings */
 
 
−
/* adds extra spacing when clearing content */
+
#home_logo, #sideMenu { display:none; }
−
.igem_2017_content_wrapper .clear.extra_space {
+
#sideMenu, #top_title, .patrollink {display:none;}
−
height: 30px;
+
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
−
}
+
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
 
+
    /*background image*/
−
/* highlight class, makes content slightly smaller */
+
#huahu {
−
.igem_2017_content_wrapper .highlight {  
+
    background-color:#c1d6d7;
−
margin: 0px 15px;
+
−
padding: 15px 0px;
+
 
}
 
}
 +
  /*Special positioning of the navigation bar*/ 
 +
h1{
 +
    margin:auto;
 +
    text-align:center;
 +
    font-size:25px;
 +
    font-size:35px;
 +
    color:#884400;
 +
    }
 +
.p-size{
 +
    width:75%;
 +
    margin:auto;
 +
    font-size:20px;
 +
    background:#6FAAB8;
 +
    border:3px solid #003567;
 +
    padding:0 30px;
 +
    }
 +
.picture1{
 +
    position:relative;
 +
    }
 +
.sherlock{
 +
    position:absolute;
 +
    top:230px;
 +
    left:150px;
 +
    }
 +
/*defines the father box of the navigation bar*/
  
 +
.navigation {
 +
width:100%;
 +
        background:url(https://static.igem.org/mediawiki/2017/3/3e/T-SICAU-navigation_background-image.jpg);
 +
        height:157px;
 +
position:relative;
 +
z-index:99;
 +
}
 +
/*defines the style of the team's icon*/
 +
#team-icon img{
 +
    position:absolute;
 +
    width:130px;
 +
    height:130px;
 +
    margin-left:300px;
 +
    top: 10px;
 +
    } 
 +
         
 +
.navigation-menu{
 +
    width:900px;
 +
    height:110px;
 +
    float:right;
 +
    }
 +
.navigation-menu a{
 +
    text-decoration:none;
 +
    color:#FFFFFF;
 +
    }
 +
.navigation li{
 +
    float:left;
 +
    list-style:none;
 +
    position:relative;
 +
    text-align:center;
 +
    font-size:18px;
 +
    line-height:20px;
 +
    font-family:"Comic Sans MS";
 +
    }
 +
/*defines the style of the drop-down box*/
 +
.navigation-menu .dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #333333;
 +
    width: 100%;
 +
    min-width: 230px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    padding: 4px 5px;
 +
    z-index:1;
 +
      }
 +
.navigation-menu .dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
background-color:#FFFFFF;
 +
text-align:center;
 +
    }
 +
.navigation-menu .dropdown-content a:hover {background-color: #f1f1f1}
 +
.navigation-menu li:hover .dropdown-content{
 +
      display: block;
 +
      }
  
−
/* highlight class, adds a gray background */
+
/*defines the style of the top-navgation-icon*/
−
.igem_2017_content_wrapper .highlight.gray {
+
.up-nav-icon {
−
background-color: #f2f2f2;  
+
    width:100px;
−
}
+
    height:100px;
−
 
+
    margin:10px 20px 0;
−
/* highlight with decoration blue line on top */
+
    display:block;
−
.igem_2017_content_wrapper .highlight.blue_top {
+
}
−
    border-top: 4px solid #3399ff;
+
        /* IF THE SCREEN IS LESS THAN 1000PX */
−
}
+
        @media only screen and (max-width: 1000px){
−
 
+
    .navigation {height:110px;}
−
/* highlight with a full blue border decoration */
+
    #team-icon img{width:105px;height:105px;top:8px;margin-left:160px;}
−
.igem_2017_content_wrapper .highlight.blue_border {
+
    .up-nav-icon {width:75px;height:75px;margin-top:10px;}
−
    border: 4px solid  #3399ff;
+
    .navigation-menu{width:700px;height:90px;}
−
}
+
    .navigation li{font-size:14px;}
−
 
+
    .navigation-menu .dropdown-content {min-width: 150px;}
−
 
+
    }
−
/* button class */
+
/* IF THE SCREEN IS LESS THAN 830PX */  
−
.igem_2017_content_wrapper .button{
+
@media only screen and (max-width: 830px) {  
−
max-width: 35%;
+
    .navigation {height:90px;}
−
margin: 30px auto;
+
    #team-icon img{width:85px;height:85px;top:4px;margin-left:150px;}
−
padding: 12px 10px;
+
    .up-nav-icon {width:50px;height:50px;margin-top:5px;}
−
    background-color: #3399ff;
+
    .navigation-menu{width:550px;height:70px;}
−
    text-align: center;
+
    .navigation li{font-size:10px;}
−
  color: #ffffff;
+
    .navigation-menu .dropdown-content {min-width: 100px;}  
−
-webkit-transition: all 0.4s ease;  
+
    }       
−
-moz-transition: all 0.4s ease;  
+
</style>
−
-ms-transition: all 0.4s ease;  
+
</head>
−
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
+
<body>
−
}
+
<div class="mao"><a href="#"><img src="https://static.igem.org/mediawiki/2017/b/bc/T-SICAU-sidebar_mao.jpg" />  <div class="t"><b>top</b></div></a></div>
−
 
+
<div id="huahu">
−
/* styling for button on hover */
+
<div align="center" class="STYLE1"><img src="https://static.igem.org/mediawiki/2017/f/ff/T-SICAU-EYEZHUAN666.png" width="100%" height="100%" /></div>
−
.igem_2017_content_wrapper .button:hover{
+
<div style="clear:both;"></div>
−
background-color: #3399ff;
+
<div id="float">
−
    color: #000000;
+
<div class="navigation">
−
}
+
  <div id="team-icon"><a href="https://2017.igem.org/Team:SiCAU-China"> <img src="https://static.igem.org/mediawiki/2017/2/2c/T-SICAU-Sherlock_E.coli.jpg" alt="club's logo" /> </a></div>
−
 
+
  <div class="navigation-menu">
−
 
+
−
 
+
−
 
+
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 1200PX */
+
−
@media only screen and (max-width: 1200px) {
+
−
 
+
−
#content {width:100%; }
+
−
.igem_2017_menu_wrapper {width:15%; right:0;}
+
−
.highlight {padding:10px 0px;}
+
−
.igem_2017_menu_wrapper #display_menu_control { display:none; }
+
−
#menu_content { display:block;}
+
−
.menu_button.direct_to_page {padding-left: 17px;}
+
 
 
−
}
+
    <li><a href="#"><div>
−
 
+
<img src="https://static.igem.org/mediawiki/2017/thumb/5/5b/T-SICAU-magnifier.jpg/180px-T-SICAU-magnifier.jpg.png" alt="project" class="up-nav-icon" />project</div></a>
−
/* IF THE SCREEN IS LESS THAN 800PX */
+
        <div class="dropdown-content">
−
@media only screen and (max-width: 800px) {
+
<a href="https://2017.igem.org/Team:SiCAU-China/Description">Description</a>
−
 
+
  <a href="https://2017.igem.org/Team:SiCAU-China/Results">Results</a>
−
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
                  <a href="https://2017.igem.org/Team:SiCAU-China/Contribution">Contribution</a> 
−
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
 
−
.column.half_size  {width:100%; }
+
<li><a href="https://2017.igem.org/Team:SiCAU-China/Model"><div>
−
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
<img src="https://static.igem.org/mediawiki/2017/thumb/c/c3/T-SICAU-letter_opener.jpg/180px-T-SICAU-letter_opener.jpg.png" alt="Model" class="up-nav-icon" />
−
.highlight {padding:15px 5px;}
+
        Model</div></a>
−
.igem_2017_menu_wrapper #display_menu_control { display:block; }
+
−
#menu_content { display:none;}
+
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
−
.menu_bottom_padding {display:none;}
+
−
.menu_button.direct_to_page { padding-left: 36px; }
+
−
}
+
−
 
+
−
 
+
−
+
−
+
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
+
−
.judges-will-not-evaluate {
+
−
    width: 96.6%;
+
−
  margin: 5px 15px;
+
−
  display: block;
+
−
border: 4px solid #3399ff;
+
−
    font-weight: bold;
+
−
}
+
 
 
 +
    <li><a href="https://2017.igem.org/Team:SiCAU-China/HP/Gold_Integrated"><div>
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/7/77/T-SICAU-hat.jpg/105px-T-SICAU-hat.jpg.png" alt="practice" class="up-nav-icon" />
 +
    Human Practices</div></a>
  
 +
        <li><a href="#"><div>
 +
        <img src="https://static.igem.org/mediawiki/2017/thumb/a/ab/T-SICAU-door.jpg/180px-T-SICAU-door.jpg.png" alt="Notebook" class="up-nav-icon" />Notebook</div></a>
 +
        <div class="dropdown-content">
 +
        <a href="https://2017.igem.org/Team:SiCAU-China/Notebook">Notebook</a>
 +
        <a href="https://2017.igem.org/Team:SiCAU-China/Experiments">Protocol</a></div></li>
 +
                 
 +
<li><a href="#"><div>
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/7/7f/T-SICAU-team.jpg/120px-T-SICAU-team.jpg.png" alt="team" class="up-nav-icon" />team</div></a>
 +
        <div class="dropdown-content">
 +
<a href="https://2017.igem.org/Team:SiCAU-China/Team">Team</a>
 +
                <a href="https://2017.igem.org/Team:SiCAU-China/Attributions">Attributions </a>
 +
                <a href="https://2017.igem.org/Team:SiCAU-China/gally">Gallery</a></div></li>
  
−
</style>
+
 
−
 
+
        <li><a href="https://2017.igem.org/Team:SiCAU-China/Collaborations"><div>
−
<div class="column full_size" >
+
        <img src="https://static.igem.org/mediawiki/2017/thumb/a/a6/T-SICAU-pipe.jpg/180px-T-SICAU-pipe.jpg.png" alt="Collaborations" class="up-nav-icon" />
−
<img src="https://static.igem.org/mediawiki/2017/7/70/T-SICAU-%E7%9C%BC%E7%9D%9B.jpg">
+
          Collaborations</div></a>
 +
</div>
 +
</div>
 +
</div>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<div style="clear:both;"></div>
 +
<div class="picture1"><img src="https://static.igem.org/mediawiki/2017/e/e0/T-SICAU-overview.jpg" /></div>
 +
<br/>
 +
<div class="p-size">
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Positive feedback system can be found in everywhere, which exists widely in creatures ranging from Lac operon of prokaryotes to human beings.  It has been used to construct various attractive circuits such bistable state, oscillators and other inconceivable systems. In our project this year, the significant performance of sensitivity would be developed in the positive feedback loop established by LuxR/LuxI quorum sensing system. But this loop can be opened up because of its background expression. The AiiA, which can hydrolyze the AHL, together with the Lac operon, will control the background expression. Furthermore, the input defined by user will have a negative correlation to the opening time. Hence, there is a need to establish a model to describe this relation and even realize quantitative determination.
 +
</div>
 +
<br/>
 +
<br/>
 +
<div class="picture1"><img src="https://static.igem.org/mediawiki/2017/6/63/T-SICAU-home_wiring_diagram.jpg" />
 +
  <div class="sherlock"><img src="https://static.igem.org/mediawiki/2017/0/05/T-SICAU-home_sherlock.jpg" /></div>
 +
<br/>
 +
<br/>
 
</div>
 
</div>
−
 
−
<div class="column full_size" >
 
−
<h1> description </h1>
 
−
<p>
 
−
Antibiotic is one of the most popular drug in the world, it can be used in medical treatment, agriculture, food processing, research and so on. But overusing antibiotics may bring antibiotics residue to environment, which will cause potential damage to human and impact the ecotope. Nowadays there are some physical and chemical methods to detect antibiotics residue, but they often need high cost and complicated process. So this year our team focus on Biosensor, said to be a easier way to detect than traditional methods at a lower price, to realize the trace detection.
 
−
 
−
</p>
 
−
<br /><p>
 
−
The positive feedback loop has been widely applied in synthetic biology, such as logic gates, oscillators, bistable circuit. Besides, the positive feedback loop is also an ultra-sensitive circuit, just like Polymerase Chain Reaction (PCR), even be used in quantitative expression detected. So we engineered a biosensor, which will be established a positive feedback loop using luxI/luxR system in E.coli, to achieve trace detection. Similar to the detect theory of real-time quantitative PCR, there will be a relation between the content of input signal and the time to open the loop. We will use this system to do some antibiotics leftover detections.
 
−
</p>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
  
  
 +
</body>
 +
<script type="text/javascript">
 +
window.onload=
 +
function(){
 +
    var oDiv = document.getElementById("float"),
 +
H = 0,
 +
Y = oDiv
 +
while (Y) {H += Y.offsetTop; Y = Y.offsetParent}
 +
window.onscroll = function()
 +
{
 +
    var s = document.body.scrollTop || document.documentElement.scrollTop
 +
    if(s>H+90) {
 +
        oDiv.style = "position:fixed;top:-90px;width:100%;z-index:100;"
 +
    } else {
 +
        oDiv.style = ""
 +
    }
 +
    }
 +
}
 +
</script>
 
</html>
 
</html>
 +
{{sicau-china footer}}

Latest revision as of 19:47, 1 November 2017

SiCAU-iGEM

top




      Positive feedback system can be found in everywhere, which exists widely in creatures ranging from Lac operon of prokaryotes to human beings. It has been used to construct various attractive circuits such bistable state, oscillators and other inconceivable systems. In our project this year, the significant performance of sensitivity would be developed in the positive feedback loop established by LuxR/LuxI quorum sensing system. But this loop can be opened up because of its background expression. The AiiA, which can hydrolyze the AHL, together with the Lac operon, will control the background expression. Furthermore, the input defined by user will have a negative correlation to the opening time. Hence, there is a need to establish a model to describe this relation and even realize quantitative determination.





college's logo xy's logo team's logo

contact us: sicau_igem@163.com