Team:Northwestern/Project

From 2013.igem.org

(Difference between revisions)
Line 13: Line 13:
.tab { text-indent: 40px; }
.tab { text-indent: 40px; }
-
ul li{
+
/* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/
-
        font-family: Helvetica;}
+
#main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px}
-
 
+
#main-nav .subnav {
-
.container {  
+
    display: none;
-
display: inline-block;
+
    position: absolute;
-
background-color: #C3C3E5;
+
    top: 67px;
-
width: 100%;
+
    left: 0px;
-
height: 35px;
+
    width: 100%;
-
        border-radius: 15px;
+
    list-style-type: none;
-
     
+
    background: #fff;
 +
    margin: 0;
 +
    border:solid 1px #eeeeee;
 +
    z-index:5;
 +
    padding:0;
}
}
-
.menu {
+
#main-nav .subnav li {
-
text-align: center;
+
    display: block;
-
}
+
    border-bottom: solid 1px #eeeeee;
-
+
    margin:0;
-
.menu ul ul {
+
-
display: none;
+
}
}
-
 
+
#main-nav .subnav li a {
-
.menu ul li:hover > ul {
+
    color: #333;
-
display: block;
+
    height:18px;
 +
    padding:10px 0;
 +
    font-size:13px;
}
}
-
 
+
#main-nav .subnav li a:hover {
-
.menu ul {  
+
    background:#f9f9f9;
-
background: #C3C3E5;
+
-
list-style: none;
+
-
position: relative;
+
-
display: inline-table;
+
}
}
-
 
+
#nav-primary {
-
.menu ul:after {
+
    list-style-type: none;
-
content: ""; clear: both; display: block;
+
    margin: 0;
 +
    float: left;
 +
    padding:0;
}
}
-
 
+
#nav-primary li {
-
.menu ul li {
+
    float: left;
-
float: left;
+
    position: relative;
}
}
-
 
+
#nav-primary li a {
-
.menu ul li:hover {
+
    float: left;
-
background: #443266;
+
    color: #000;
 +
    text-align: center;
 +
    font-size: 14px;
 +
    height: 48px;
 +
    padding-top: 19px;
 +
    line-height: 16px;
 +
    width: 164px;
 +
    text-decoration:none;
}
}
-
 
+
#nav-primary li a:hover {
-
.menu ul li:hover a{  
+
    text-decoration:none;
-
color: black;
+
}
}
-
 
+
#nav-primary li:hover .subnav {
-
.menu ul li a {
+
-
display: block; padding: 5px 20px;
+
-
color: black; text-decoration: none;
+
-
}
+
-
 
+
-
.menu ul ul {
+
-
background: #F1F0FF;
+
-
position: absolute; top: 100%;
+
-
}
+
-
 
+
-
.menu ul ul li{
+
-
float: none;
+
-
border-top: 1px solid #6b727c;
+
-
border-bottom: 1px solid #575f6a;
+
-
position: relative;
+
-
}
+
-
 
+
-
nav ul ul li a {
+
-
padding: 5px 20px;
+
-
color: #fff;
+
-
}
+
-
 
+
-
nav ul ul li a:hover {
+
-
background: #4b545f;
+
-
}
+
-
 
+
-
nav ul ul ul {
+
-
position: absolute; left: 100%; top:0;
+
-
}
+
-
 
+
-
/*div {
+
-
    : center;
+
-
    vertical-align: middle;
+
-
}*/
+
-
 
+
-
* {
+
-
/*background-color: #FFF;*/
+
-
font-family: "Helvetica", "Lucida Grande", sans-serif;
+
-
}
+
-
/*
+
-
.menu-bar {  
+
-
    text-align: right;
+
-
    font-size: 14px; 
+
-
    width: 100%;
+
-
    height: 20px;
+
     display: block;
     display: block;
-
    vertical-align: bottom;
 
}
}
-
.menu-bar a {
 
-
    color: #6A0888;
 
-
    text-decoration: none;
 
-
    margin-left: 15px;
 
-
}
 
-
*/
 
#header {
#header {
Line 211: Line 167:
</style>  
</style>  
-
<div class = "container">  
+
<nav id="main-nav">
-
<div class = "menu">
+
    <ul id="nav-primary">
-
<ul>
+
       
-
<li><a href="https://2013.igem.org/Team:Northwestern">Home</a></li>
+
        <li><a href="https://2013.igem.org/Team:Northwestern/Team">Team</a>
-
<li><a href="https://2013.igem.org/Team:Northwestern/Team">Team</a>
+
 
-
<ul>
+
            <ul class="subnav">
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Northwestern">Official Profile</a></li>
+
                <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Northwestern">Official Profile</a>
-
<li><a href="#">Meet Us!</a></li>
+
                </li>
-
<li><a href="https://2013.igem.org/Team:Northwestern/Attributions">Attribution</a></li>
+
                <li><a href="https://2013.igem.org/Team:Northwestern/Team">Meet us!</a>
-
</ul>
+
                </li>
-
</li>
+
                <li><a href="https://2013.igem.org/Team:Northwestern/Attributions">Attribution</a>
-
<li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a>
+
                </li>
-
<ul>
+
            </ul>
-
<li><a href="https://2013.igem.org/Team:Northwestern/Parts">Parts Submitted</a></li>
+
        </li>
-
<li><a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
+
        <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a>
-
<li><a href="#">Description</a></li>
+
 
-
</ul>
+
            <ul class="subnav">
-
</li>
+
                <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a></li>
-
<li><a href="https://2013.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
+
                <li><a href="https://2013.igem.org/Team:Northwestern/Parts">Parts Submitted</a>
-
<li><a href= "https://2013.igem.org/Team:Northwestern/Safety"> Safety </a></li>
+
                </li>
-
</ul>
+
                <li><a href="https://2013.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
-
</div>
+
                <li><a href="https://2013.igem.org/Team:Northwestern/Results/PreFluorescence">Buffers</a>
-
</div>
+
                <li><a href="https://2013.igem.org/Team:Northwestern/Results/Fluorescence">Fluorescence Assay</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a>  
 +
 
 +
          <ul class="subnav">
 +
              <li> <a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a> </li>
 +
                <li> <a href="https://2013.igem.org/Team:Northwestern/biblio">References</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#"> Outreach </a>
 +
              <ul class="subnav">
 +
                  <li> <a href="https://2013.igem.org/Team:Northwestern/Human_Practice">Human Practice</a> </li>
 +
              </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a>
 +
        <ul class="subnav">
 +
                  <li> <a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a> </li>
 +
              </ul>
 +
        </li>
 +
    </ul>
 +
</nav>
<h1> Project At a Glance </h1>
<h1> Project At a Glance </h1>

Revision as of 03:23, 28 September 2013

Project At a Glance

The pH of the mouth drops several times per day after mealtimes, resulting in severe tooth decay over time if not addressed. One way to combat this problem is to engineer the microbiome of the mouth to respond dynamically to changes in pH. To enable this, here we present the development of a novel dual-state promoter for the detection of and response to pH fluctuations in the mouth.

This novel transcriptional regulation element will be capable of having both constitutive and inducible activity. This is achieved by linking a constitutive promoter downstream a pH-inducible promoter. We plan to characterize our dual-state promoter by first linking single promoters upstream green fluorescent protein (GFP) and assess the transcriptional activity via fluorescence assays. This will be followed by fluorescence assays on the dual-state promoter.

From the construction of a dual-state promoter, we hypothesize three outcomes:

  • The pH-inducible promoters will demonstrate minimal activity at a neutral pH, with an intense activity as the pH nears and crossed the cavity formation threshold, at pH 5.5
  • The constitutive promoters will have a constant activity, independent of pH.
  • The dual-state promoter construct will exhibit the combined effect of both promoters, performing at a constant basal expression as well as at an elevated level when prompted with a drop in pH.

This technology should have future applications in any system requiring pH detection and response.