Team:Northwestern

From 2013.igem.org

(Difference between revisions)
 
(136 intermediate revisions not shown)
Line 1: Line 1:
-
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
+
{{:Team:Northwestern/Templates/Skinning}}
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<meta name="generator" content="MediaWiki 1.16.0" />
+
-
<link rel="shortcut icon" href="/favicon.ico" />
+
-
<link rel="search" type="application/opensearchdescription+xml" href="https://2012.igem.org/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
+
-
<link title="Creative Commons" type="application/rdf+xml" href="https://2012.igem.org/wiki/index.php? title=Team:UC_Davis&amp;action=creativecommons" rel="meta" />
+
-
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
-
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="https://2012.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:UC Davis - 2012.igem.org</title>
+
-
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
-
@import "/wiki/skins/common/shared.css?270";
+
-
@import "/wiki/skins/igem/main.css?270";
+
-
/*]]>*/</style>
+
-
<link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/common/shared.css?270" />
+
<!-- LAST EDITED: 8/21 6:09 PM -->  
-
<link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/igem/main.css?270" />
+
-
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
+
<!-- To-do list (8/21)
-
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
+
    - Get a Gallery
-
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
+
    - Fix the "view source" bar
-
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
+
        - Remove hover css
-
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
+
        - Make plain black/grey text color
-
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
+
        - Remove background color
-
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
    - Get linked logos to each sponsor
-
<script>
+
        - 3 columns grid
-
var skin="igem",
+
-
stylepath="/wiki/skins",
+
-
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
-
wgArticlePath="/$1",
+
-
wgScriptPath="/wiki",
+
-
wgScriptExtension=".php",
+
-
wgScript="/wiki/index.php",
+
-
wgVariantArticlePath=false,
+
-
wgActionPaths={},
+
-
wgServer="https://2012.igem.org",
+
-
wgCanonicalNamespace="",
+
-
wgCanonicalSpecialPageName=false,
+
-
wgNamespaceNumber=0,
+
-
wgPageName="Team:UC_Davis",
+
-
wgTitle="Team:UC Davis",
+
-
wgAction="view",
+
-
wgArticleId=1318,
+
-
wgIsArticle=true,
+
-
wgUserName=null,
+
-
wgUserGroups=null,
+
-
wgUserLanguage="en",
+
-
wgContentLanguage="en",
+
-
wgBreakFrames=false,
+
-
wgCurRevisionId=22440,
+
-
wgVersion="1.16.0",
+
-
wgEnableAPI=true,
+
-
wgEnableWriteAPI=true,
+
-
wgSeparatorTransformTable=["", ""],
+
-
wgDigitTransformTable=["", ""],
+
-
wgMainPageTitle="Main Page",
+
-
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
+
-
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2012.igem.org": 4, "2012.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
+
-
wgSiteName="2012.igem.org",
+
-
wgCategories=[],
+
-
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
+
-
wgDBname="2012_igem_org",
+
-
wgSearchNamespaces=[0],
+
-
wgMWSuggestMessages=["with suggestions", "no suggestions"],
+
-
wgRestrictionEdit=[],
+
-
wgRestrictionMove=[];       
+
-
</script>
+
-
<script type="text/javascript" src="https://2012.igem.org/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
+
-
<!-- Head Scripts -->
+
-->  
-
<script src="https://2012.igem.org/wiki/skins/common/ajax.js?270"></script>
+
-
<script src="https://2012.igem.org/wiki/skins/common/mwsuggest.js?270"></script>
+
-
<script type="text/javascript" src="https://2012.igem.org/wiki/index.php? title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
+
-
<!-- jQuery Javascript -->
+
-
<script type="text/javascript"        src ="https://2012.igem.org/common/jquery-latest.min.js"></script>
+
-
<script type="text/javascript"        src ="https://2012.igem.org/common/tablesorter/jquery.tablesorter.min.js"></script>
+
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/tablesorter/themes/groupparts/style.css" />
+
<html>
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/table_styles.css" />
+
<style>
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
+
-
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
+
-
 
+
-
<!-- slide script starts here -->
+
-
 
+
-
<script type="text/javascript">
+
-
function slider() {
+
-
    var $current = $('#slides IMG.current');
+
-
 
+
-
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
+
-
    var $next =  $current.next().length ? $current.next()
+
-
        : $('#slides IMG:first');
+
-
 
+
-
      $current.addClass('previous');
+
-
    $next.css({opacity: 0.0})
+
-
        .addClass('current')
+
-
        .animate({opacity: 1.0}, 2500, function() {
+
-
            $current.removeClass('current previous');
+
-
        });
+
-
 
+
-
var $navicurrent = $('.progress li.current');
+
-
if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
+
-
var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
+
-
$navicurrent.addClass('previous');
+
-
$navicurrent.removeClass('current previous');
+
-
$navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
+
-
        });
+
-
 
+
-
$('.progress li').click(function(){
+
-
   
+
-
var $ncurrent = $(this);
+
-
        $('.progress li').removeClass('current').removeClass('previous');
+
-
        $('#slides IMG').removeClass('current').removeClass('previous');
+
-
        $ncurrent.addClass('current');
+
-
        var ncurrentindex = $ncurrent.index();
+
-
if(  ncurrentindex=== 0) $current = $('#slides IMG:first');
+
-
        if(  ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
+
-
        if(  ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
+
-
        if(  ncurrentindex=== 3) $current = $('#slides IMG:last');
+
-
        $current.addClass('current');
+
-
 
+
-
});
+
 +
/* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/
 +
#main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px}
 +
#main-nav .subnav {
 +
    display: none;
 +
    position: absolute;
 +
    top: 67px;
 +
    left: 0px;
 +
    width: 100%;
 +
    list-style-type: none;
 +
    background: #fff;
 +
    margin: 0;
 +
    border:solid 1px #eeeeee;
 +
    z-index:5;
 +
    padding:0;
}
}
-
$(function() {
+
#main-nav .subnav li {
-
     setInterval( "slider()", 5000 );
+
     display: block;
-
});
+
    border-bottom: solid 1px #eeeeee;
-
 
+
    margin:0;
-
</script>
+
-
 
+
-
</script>
+
-
 
+
-
<!-- slide script ends here -->
+
-
<style type="text/css">
+
-
<!-- beginning of slider style -->
+
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%;
+
-
height:auto !important; /* real browsers */
+
-
height:100%; /* IE6: treaded as min-height*/
+
-
min-height:100%; /* real browsers */
+
}
}
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -45px !important;
+
#main-nav .subnav li a {
-
height:auto !important; /* real browsers */
+
    color: #333;
-
height:100%; /* IE6: treaded as min-height*/
+
    height:18px;
-
min-height:100%; /* real browsers */
+
    padding:10px 0;
 +
    font-size:13px;
}
}
-
#bodyContent { border: none; padding:0; margin:0; width:100%;
+
#main-nav .subnav li a:hover {
-
height:auto !important; /* real browsers */
+
    background:#f9f9f9;
-
height:100%; /* IE6: treaded as min-height*/
+
-
min-height:100%; /* real browsers */
+
}
}
-
#top-section { z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
+
#nav-primary {
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
    list-style-type: none;
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
-
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
+
-
.left-menu ul { border: none; }
+
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
+
-
.right-menu ul { border: none; width: 300px;}
+
-
#footer-box { background-color: #216085; border: none; width: 850px; height: 30px; margin: -10px auto 0 auto; padding: 20px 0;}
+
-
.visualClear { display: none; }
+
-
#footer { border: none; width: 850px; margin: 0 auto; padding: 0;}
+
-
.firstHeading { display: block;}
+
-
#f-list a { color: #333; font-size: 10px;}
+
-
#f-list a:hover { color: #666;}
+
-
.printfooter { display: none; }
+
-
#footer ul { margin: 0; padding: 0;}
+
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
+
-
#search-controls { display:none; }
+
-
h3#siteSub { display: none;}
+
-
#contentSub {display: none;}
+
-
p:first-child { display: block;}
+
-
h1{border:none; width: 100%; clear: both;}
+
-
 
+
-
<!-- end of slides style -->
+
-
 
+
-
 
+
-
#globalWrapper {
+
-
    position: relative;
+
-
    font-size: 127%;
+
-
    width: 850px //100%;
+
     margin: 0;
     margin: 0;
-
     padding: 0;
+
     float: left;
-
     padding-bottom: 10px;
+
     padding:0;
-
#    background:url(https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg);
+
-
#    background-repeat: no-repeat;
+
-
#    background-attachment: fixed;
+
-
#    background-size:100% auto;
+
}
}
-
 
+
#nav-primary li {
-
#main-content {
+
    float: left;
     position: relative;
     position: relative;
-
    width:  850px;
 
-
    margin: 0 auto;
 
-
    padding: 5px 5px 5px 5px;;
 
-
    background: transparent;
 
-
    color: black;
 
-
#    border-left: 1px solid #ffffff;
 
-
#    border-right: 1px solid #ffffff;
 
-
#    line-height: 1.5em;
 
}
}
-
 
+
#nav-primary li a {
-
 
+
    float: left;
-
body {
+
    color: #000;
-
display:inherit;
+
    text-align: center;
-
background-color: rgba(255,255,255,1);
+
    font-size: 14px;
-
background-image: url('https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg');
+
    height: 48px;
-
background-size: 100%;
+
    padding-top: 19px;
-
background-repeat: no-repeat;
+
     line-height: 16px;
-
background-attachment:fixed;
+
     width: 164px;
-
 
+
     text-decoration:none;
-
     color: black;
+
-
     font: x-small sans-serif;
+
-
     margin: 0;
+
-
    padding: 0;
+
-
#    height:100%;
+
}
}
-
 
+
#nav-primary li a:hover {
-
 
+
     text-decoration:none;
-
#topmenubar {
+
-
    position: relative;
+
-
    white-space: nowrap;
+
-
    top: -3px;
+
-
    width: 850px;
+
-
    z-index: 5;
+
-
    font-family: sans-serif;
+
-
    font-size: 80%;
+
-
     line-height: 1em;
+
}
}
-
 
+
#nav-primary li:hover .subnav {
-
.topleft-menu, .topleft-menu a {
+
     display: block;
-
     left: 0px;
+
-
    text-align: right;
+
-
    text-transform: lowercase;
+
}
}
 +
/** END OF HEADER **/
-
.topleft-menu:hover {
+
body {
-
    color: white;
+
margin: 0;
-
    background-color: #bbbbbb
+
-
 
+
-
}
+
-
.topright-menu, .right-menu a {
+
-
    right: 0px;
+
-
    text-align: right;
+
-
    color: white;
+
-
}
+
-
#topmenubar ul {
+
-
    color: #555555;
+
-
    list-style: none;
+
-
}
+
-
#topmenubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
}
+
-
.topleft-menu li a {
+
-
    padding: 0px 7px 0px 0px;
+
-
}
+
-
.topleft-menu .selected {
+
-
#    color: white;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
#    color: #5555FF;
+
-
#}
+
-
 
+
-
.topleft-menu:hover a {
+
-
    color: white;
+
-
}
+
-
#newnavi {
+
-
        position:relative;
+
-
        height:42px;
+
-
        width: 850px;
+
-
        margin-left: -2px;
+
-
        display:block;
+
-
        background:transparent;
+
-
}
+
-
#newnavi .newmenu {
+
-
        display:inline;
+
-
        overflow:hidden;
+
-
        padding:0px;
+
-
        margin:2px solid transparent;
+
-
        list-style-type:none;
+
-
        height:24px;
+
-
        width: 107px;
+
-
        list-style-image:none;
+
-
        background: #004b85;
+
-
}
+
-
#newnavi .newmenu li    {
+
-
        float:right;
+
-
        background: #004b85;
+
-
        text-align:center;
+
-
}
+
-
#newnavi .newmenu .selected {
+
-
        background: #ba9108;
+
-
}
+
-
#newnavi .newmenu li a  {
+
-
text-align:center; vertical-align:middle; width:86px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
+
-
}
+
-
#newnavi .newmenu li:hover a {
+
-
        text-decoration:none;
+
-
}
+
-
#newnavi .newmenu ul    {
+
-
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background:  #05bcea;
+
-
}
+
-
#newnavi .newmenu li:hover      {
+
-
position:relative; background: #05bcea;
+
-
}
+
-
#newnavi .newmenu li:hover ul  {
+
-
left:0px; top:26px; background: #05bcea;  width:150px; opacity:1.0 ; z-index:4;
+
-
}
+
-
#newnavi .newmenu li:hover ul li        {
+
-
       
+
-
        background: #05bcea;
+
-
}
+
-
#newnavi .newmenu li:hover ul li a      {
+
-
text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444;
+
-
background-color: #05bcea; text-decoration:none;     
+
-
}
+
-
#newnavi .newmenu li:hover ul li a:hover {
+
-
background: #05bcea; color:#ffffff; width:150px;     
+
-
}
+
-
 
+
-
 
+
-
#newnavi .newmenu li ul li ul {
+
-
        height:40px;
+
-
        left:299px;
+
-
        top:-26px;
+
-
        margin: 0;
+
padding: 0;
padding: 0;
-
list-style: none;
+
background: #222;
-
width: 150px;
+
color: #EEE;
-
        position:absolute;
+
text-align: center;
-
display:none;
+
font: normal 9pt Verdana;
}
}
-
 
+
a:link, a:visited {  
-
#newnavi .newmenu li ul li ul li {
+
color: #EEE;  
-
position:relative;
+
-
background: #05bcea;
+
-
width: 150px;
+
}
}
-
 
+
img {
-
#newnavi .newmenu li ul li ul li a {
+
border: none;
-
 
+
-
padding:5px 0px 5px 0px;display:block; font-size:12px; width:100px; text-indent:10px; color:#444;
+
-
background-color: #05bcea; text-decoration:none;
+
}
}
-
 
+
#normal2, #normal3, #normal4, #normal5 {
-
#newnavi .newmenu li ul li:hover ul {
+
display: none;
-
display:block;
+
-
color:#ffffff;
+
-
width:150px;
+
-
background:transparent;
+
}
}
-
 
+
#gallery {
-
#newnavi .newmenu li ul li:hover ul li {
+
margin: 0 auto;
-
top:-25px;
+
width: 800px;
-
left:150px;
+
-
margin-bottom:-1px;
+
-
height:26px;
+
}
}
-
 
+
#thumbs {
-
#newnavi .newmenu li ul li:hover ul li a {
+
margin: 10px auto 10px auto;
-
 
+
text-align: center;
-
padding:5px 0px 5px 0px;display:block; font-size:12px; text-indent:10px; color:#444;
+
width: 800px;
-
background-color: #05bcea; text-decoration:none;border:0px solid;
+
}
}
-
 
+
#bigimages {
-
#slides {
+
width: 770px;
-
    position:relative;
+
float: left;
-
    height:280px;
+
-
    width: 840px
+
-
   
+
}
}
-
 
+
#thumbs img {
-
#slides IMG {
+
width: 130px;
-
        position:absolute;
+
height: 130px;
-
        opacity:0.0;
+
-
        top:0px;   
+
-
        left:0px;
+
-
        z-index:1;  
+
}
}
-
 
+
#bigimages img {
-
#slides .current {
+
border: 4px solid #555;
-
    z-index:3;
+
margin-top: 5px;
-
    opacity:1.0;
+
width: 750px;
}
}
-
 
+
#thumbs a:link, #thumbs a:visited {
-
#slides .previous {
+
width: 130px;
-
    z-index:2;
+
height: 130px;
 +
border: 6px solid #555;
 +
margin: 6px;
 +
float: left;
}
}
 +
#thumbs a:hover {
 +
border: 6px solid #888;
 +
}
-
.progress {
+
/**END of gallery**/
-
 
+
-
margin-top:-270px;
+
-
margin-left:20px;
+
-
position:absolute;
+
 +
#picture {
 +
        margin: auto;
}
}
-
.progress li{
+
#project-description-title {  
-
border:1px solid rgba(0,0,0,0.9);
+
width: 800px;  
-
border-radius:3px;
+
margin: auto;  
-
margin-left: 5px;
+
display: block;
-
float:left;
+
font-style: bold;  
-
display:block;
+
font-size: 23px;  
-
position:relative;
+
margin-top: 55px;
-
z-index:10;
+
        font-family: "Impact";
-
background-color:rgba(255,255,255,0.4);
+
-
  line-height:1.0em;
+
}
}
-
.progress li a{
+
#project-description {  
-
    padding-left: 6px;
+
width: 850px;  
-
    padding-right: 6px;
+
height: 500px;
-
    font-size:12px;
+
        margin : auto;
-
   line-height:1.0em;
+
display: block;
 +
font-size: 16px;
 +
      font-family: "Georgia";
 +
      text-align: left;
}
}
-
.progress li a:hover {
+
.first-row {  
-
text-decoration:none;
+
width: 100%;
 +
height: 350px;
 +
display: block;
 +
background-color: #C972D0;
 +
margin-bottom: 0px;
 +
        border-radius: 20px;
}
}
-
.progress .current {
+
#problem {  
-
background-color:white;
+
color: #FFF;
-
}
+
width: 22%;
 +
display: inline-block;
 +
background-color: #C972D0;
 +
height: 270px;
 +
padding-left: 57px;
 +
padding-right: 25px;
 +
vertical-align: middle;
 +
margin:auto;
 +
        font-size: 16px;
 +
        border-radius: 20px
-
/* slide ends here */
 
-
//leftbox, rightbox starts here
 
-
#myleftrightbox
 
-
{
 
-
position:relative;
 
-
width:850px;
 
-
float:left;
 
-
background-color:#d2d2d2;
 
-
margin-top: 0px;
 
-
margin-left:3.75px solid transparent;
 
-
margin-right:3.75px solid transparent;
 
-
border-radius: 4px;
 
-
padding: 0px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
}
}
-
#myleftrightbox .fourboxes
+
#pH {  
-
{
+
color: #FFF;
-
width:191px;
+
width: 22%;
-
float:left;
+
display: inline-block;
-
background-color:rgba(143,143,143,0.7);
+
background-color: #C972D0;
-
margin-top: 15px;
+
vertical-align: middle;
-
margin-left:3.75px solid #e8eff1;
+
height: 270px;
-
margin-right:3.75px solid #e8eff1;
+
padding-left: 25px;
-
margin-bottom:0px;
+
padding-right: 25px;
-
border-radius: 4px;
+
margin: auto;
-
padding: 8.5px;
+
        font-size: 16px;
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
 
-
 
-
#myleftrightbox .fourboxes-1
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
margin-left:3.75px solid #e8eff1;
 
-
margin-right:3.75px solid #e8eff1;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
}
}
-
#myleftrightbox .fourboxes-2
+
#dual-state {  
-
{
+
color: #FFF;
-
width:191px;
+
width: 22%;
-
float:left;
+
display: inline-block;
-
background-color:rgba(143,143,143,0.7);
+
background-color: #C972D0;
-
margin-top: 15px;
+
height: 270px;
-
margin-left:3.75px solid #e8eff1;
+
padding-left: 25px;
-
margin-right:3.75px solid #e8eff1;
+
padding-right: 50px;
-
margin-bottom:0px;
+
vertical-align: middle;  
-
border-radius: 4px;
+
margin: auto;
-
padding: 8.5px;
+
        font-size: 16px;
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
#myleftrightbox .fourboxes-3
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
margin-left:3.75px solid #105ec5;
 
-
margin-right:3.75px solid #105ec5;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
}
}
-
#myleftrightbox .fourboxes-4
+
#first-row-title {  
-
{
+
text-align: center;
-
width:191px;
+
background-color:#C972D0;
-
float:left;
+
vertical-align: middle;
-
background-color:rgba(143,143,143,0.7);
+
padding-top: 30px;
-
margin-top: 15px;
+
text-align: center;
-
margin-left:3.75px solid #05bcea;
+
-
margin-right:3.75px solid #05bcea;
+
-
margin-bottom:0px;
+
-
border-radius: 4px;
+
-
padding: 8.5px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
}
}
-
#myleftrightbox .fourboxes-1:hover {
+
#first-row-description {  
-
background-color:green;
+
text-align: center;  
-
}
+
background-color: #C972D0;
-
#myleftrightbox .fourboxes-2:hover {
+
vertical-align: middle;
-
background-color:orange;
+
text-align: center;
-
}
+
-
#myleftrightbox .fourboxes-3:hover {
+
-
background-color:#105ec5;
+
-
}
+
-
#myleftrightbox .fourboxes-4:hover {
+
-
background-color:#05bcea;
+
}
}
-
#myleftrightbox .fourboxes2
+
#sponsors {  
-
{
+
width: 100%;  
-
width:191px;
+
height: 500px;  
-
float:left;
+
display: block;
-
background-color:rgba(143,143,143,0.7);
+
background-color: #8AB8E6;  
-
margin-top: 5px;
+
margin: 10px 0px 0px 0px;
-
margin-left:3.75px solid #e8eff1;
+
border-radius: 20px
-
margin-right:3.75px solid #e8eff1;
+
}
-
margin-bottom:0px;
+
-
border-radius: 4px;
+
#thanks {
-
padding: 8.5px;
+
color: white;  
-
font: sans-serif;
+
display: inline-block;
-
font-size: 13px;
+
text-align: center;
-
color: white;
+
background-color: #8AB8E6;
 +
width: 100%;
 +
font-size: 24px;
 +
        border-radius:20px
 +
border-radius: 20px
}
}
-
#myleftrightbox .fourboxes2-1
+
#logos-warning {  
-
{
+
color: red;  
-
width:191px;
+
display: inline-block;
-
float:left;
+
text-align: center;
-
background-color:rgba(143,143,143,0.7);
+
background-color: #8AB8E6;
-
margin-top: 5px;
+
width: 100%;
-
margin-left:3.75px solid #6a6a6a;
+
font-size: 20px;
-
margin-right:3.75px solid #6a6a6a;
+
-
margin-bottom:0px;
+
-
border-radius: 4px;
+
-
padding: 8.5px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
}
}
-
#myleftrightbox .fourboxes2-2
+
#companies {  
-
{
+
color: white;  
-
width:191px;
+
display: block;  
-
float:left;
+
background-color: #8AB8E6;  
-
background-color:rgba(143,143,143,0.7);
+
width: 100%;  
-
margin-top: 5px;
+
text-align: center;  
-
margin-left:3.75px solid #ff8a00;
+
font-size: 20px;
-
margin-right:3.75px solid #ff8a00;
+
        border-radius: 20px}
-
margin-bottom:0px;
+
-
border-radius: 4px;
+
-
padding: 8.5px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
#myleftrightbox .fourboxes2-3
+
p{
-
{
+
text-indent: 40px;}
-
width:191px;
+
</style>
-
float:left;
+
-
background-color:rgba(143,143,143,0.7);
+
-
margin-top: 5px;
+
-
margin-left:3.75px solid #03d557;
+
-
margin-right:3.75px solid #03d557;
+
-
margin-bottom:0px;
+
-
border-radius: 4px;
+
-
padding: 8.5px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
#myleftrightbox .fourboxes2-4
+
<script type="text/javascript">
-
{
+
-
width:191px;
+
function changeImage(current) {
-
float:left;
+
var imagesNumber = 5;
-
background-color:rgba(143,143,143,0.7);
+
-
margin-top: 5px;
+
for (i=1; i<=imagesNumber; i++) {
-
margin-left:3.75px solid #ff8a00;
+
if (i == current) {
-
margin-right:3.75px solid #ff8a00;
+
document.getElementById("normal" + current).style.display = "block";
-
margin-bottom:0px;
+
} else {
-
border-radius: 4px;
+
document.getElementById("normal" + i).style.display = "none";
-
padding: 8.5px;
+
}
-
font: sans-serif;
+
}
-
font-size: 13px;
+
}
-
color: white;
+
-
}
+
</script>
-
#myleftrightbox .fourboxes2-1:hover {
 
-
background-color:#6a6a6a;
 
-
}
 
-
#myleftrightbox .fourboxes2-2:hover {
 
-
background-color:#ff8a00;
 
-
}
 
-
#myleftrightbox .fourboxes2-3:hover {
+
</br>
-
background-color:#323947;
+
-
}
+
-
#myleftrightbox .fourboxes2-4:hover {
+
<body>
-
background-color:#4a4a4a;
+
-
}
+
-
#myleftrightbox .spacebox
+
<div id="gallery">
-
{
+
<div id="bigimages">
-
float:left;
+
<div id="normal1">
-
width:5px;
+
<a href = "https://2013.igem.org/Team:Northwestern/Project"> <img src="https://static.igem.org/mediawiki/2013/c/cc/NorthwesternDual-state-gallery.gif" alt=""/> </a>
-
 
+
</div>
-
}
+
-
#myleftbox
+
<div id="normal2">
-
{
+
<a href = "https://2013.igem.org/Team:Northwestern/Human_Practice"> <img src="https://static.igem.org/mediawiki/2013/1/1c/NorthwesternHuman-practices-gallery.gif" alt=""/> </a>
-
position:relative;
+
</div>
-
width:625px;
+
-
float:left;
+
<div id="normal3">
-
background-color:;
+
<a href = "https://2013.igem.org/Team:Northwestern/Team"> <img src="https://static.igem.org/mediawiki/2013/8/89/Meet-the-team.gif" alt=""/> </a>
-
margin-top: 0px;
+
</div>
-
border-radius: 4px;
+
-
padding: 0px;
+
<div id="normal4">
-
font: sans-serif;
+
<img src="https://static.igem.org/mediawiki/2013/3/39/NorthwesternOral-health-gallery.gif" alt=""/>
-
font-size: 13px;
+
</div>
-
color: white;
+
-
}
+
<div id="normal5">
-
#myleftbox .smallbox
+
<a href = "https://2013.igem.org/Team:Northwestern/methods"> <img src="https://static.igem.org/mediawiki/2013/7/73/NorthwesternMETHODS-GALLERY.gif" alt=""/> </a>
-
{
+
</div>
-
width:604px;
+
</div>
-
float:left;
+
-
background-color:#bfbfbf;
+
<div id="thumbs">
-
margin-top: 15px;
+
<a href="javascript: changeImage(1);"><img src="https://static.igem.org/mediawiki/2013/e/ef/Dual-state-gallery-small.gif" alt="" /></a>
-
border-radius: 4px;
+
<a href="javascript: changeImage(2);"><img src="https://static.igem.org/mediawiki/2013/1/13/NorthwesternHuman-practices-gallery-small.gif" alt="" /></a>
-
padding: 15px 15px 15px 15px;
+
<a href="javascript: changeImage(3);"><img src="https://static.igem.org/mediawiki/2013/b/b6/Meet-the-team-small.gif" alt="" /></a>
-
font: sans-serif;
+
<a href="javascript: changeImage(4);"><img src="https://static.igem.org/mediawiki/2013/4/4b/Oral-health-gallery-small.gif" alt="" /></a>
-
font-size: 13px;
+
<a href="javascript: changeImage(5);"><img src="https://static.igem.org/mediawiki/2013/b/b5/METHODS-GALLERY-small.gif" alt="" /></a>
-
line-height:1.5em;
+
</div>
-
color:black;
+
-
}
+
-
#myleftbox .smallbox h1
+
-
{
+
-
color:#004b85;
+
-
font-weight:bold;
+
-
}
+
-
#myleftbox .smallbox p
+
-
{
+
-
color: #004b85;
+
-
font-weight:bold;
+
-
}
+
-
#myleftbox .smallboxsite
+
-
{
+
-
width:604px;
+
-
float:left;
+
-
background-color:rgba(191,191,191,0.6 );
+
-
margin-top: 17px;
+
-
border-radius: 4px;
+
-
padding: 15px 15px 15px 15px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
line-height:1.5em;
+
-
color:black;
+
-
 
+
-
}
+
-
#myleftbox .threeboxes
+
-
{
+
-
width:191px;
+
-
float:left;
+
-
background-color:rgba(143,143,143,0.7);
+
-
margin-top: 15px;
+
-
border-radius: 4px;
+
-
border-left:2px solid #e8eff1;
+
-
border-right:2px solid #e8eff1;
+
-
padding: 7px 7px 7px 7px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
 
+
-
#myleftbox .threeboxes2
+
-
{
+
-
width:191px;
+
-
float:left;
+
-
background-color:rgba(143,143,143,0.7);
+
-
margin-top: 5px;
+
-
border-radius: 4px;
+
-
border-left:2px solid #e8eff1;
+
-
border-right:2px solid #e8eff1;
+
-
padding: 7px 7px 7px 7px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
 
+
-
#myleftbox .threeleft
+
-
{
+
-
width:175px;
+
-
float:left;
+
-
background-color:#ba9108;
+
-
margin-top: -52px;
+
-
border-radius: 4px;
+
-
padding: 15px 15px 15px 15px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
 
+
-
#myleftbox .threecenter
+
-
{
+
-
width:175px;
+
-
#float:left;
+
-
background-color:#ba9108;
+
-
margin-top: -52px;
+
-
border-radius: 4px;
+
-
padding: 15px 15px 15px 15px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
#myleftbox .threeright
+
-
{
+
-
width:175px;
+
-
float:right;
+
-
background-color:#ba9108;
+
-
margin-top: -52px;
+
-
border-radius: 4px;
+
-
padding: 15px 15px 15px 15px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: white;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#sponsorbox
+
-
{
+
-
position: relative;
+
-
width: 208px;
+
-
margin-top:15px;
+
-
float: right;
+
-
height: auto;
+
-
}
+
-
 
+
-
#sponsorbox .sponsorfloat
+
-
{
+
-
left:-3px;
+
-
width:198px;
+
-
float: right;
+
-
background-color: #004b85;
+
-
margin-top: 0px;
+
-
margin-bottom:5px;
+
-
border-radius: 4px;
+
-
padding: 5px 5px 5px 5px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: rgba(225,225,225,1);
+
-
}
+
-
 
+
-
#sponsorbox .sponsorfloat h2
+
-
{
+
-
#color:#ba9108;
+
-
color:white;
+
-
font-size:130%;
+
-
}
+
-
//leftbox, rightbox ends here
+
-
 
+
-
#sponsorbox .sponsorfloat a
+
-
{
+
-
color:white;
+
-
font: sans-serif;
+
-
}
+
-
 
+
-
#sponsorbox .sponsorfloat p
+
-
{
+
-
font: sans-serif;
+
-
}
+
-
.newsAnnouncement
+
-
{
+
-
width:205px;
+
-
height:110px;
+
-
overflow-x:hidden;
+
-
overflow-y:scroll;
+
-
}
+
-
 
+
-
.floatbox3
+
-
{
+
-
position:relative;
+
-
top: 0px;
+
-
width:790px;
+
-
left: 0px;
+
-
background-color: #d2d2d2;
+
-
margin-top: 0px;
+
-
border-radius: 4px;
+
-
padding: 30px;
+
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: #000000;
+
-
}
+
-
 
+
-
.floatbox3 h1{
+
-
font-weight:bold;
+
-
font-size: 40px;
+
-
color: #016D8B;;
+
-
left:10px;
+
-
}
+
-
 
+
-
.floatbox3 p{
+
-
font-size: 20px;
+
-
font-weight: bold;
+
-
color: #016D8B;
+
-
}
+
-
 
+
-
.floatbox3 article{
+
-
font-size: 14px;
+
-
color: #000000;
+
-
}
+
-
 
+
-
.floatbox3 ul {
+
-
        list-style-type:none;
+
-
        margin:0;
+
-
        padding:0;
+
-
        overflow:hidden;}
+
-
.floatbox3 ul .groupa {
+
-
    float: right;
+
-
    padding: 0 .0em;}
+
-
 
+
-
.floatbox3 ul .groupc {
+
-
    float: left;
+
-
    padding: 0 .0em;}
+
-
 
+
-
#catlinks {
+
-
background-color:transparent;
+
-
border:1px solid transparent;
+
-
}
+
-
#footpage {
+
-
background-color:transparent;
+
-
}
+
-
#footer-box {
+
-
background-color:rgba(191,191,191,0.5);
+
-
}
+
-
#footer-box-1 {
+
-
       
+
-
        width: 850px;
+
-
        padding: 5px;
+
-
        background-color: white;
+
-
        margin: 0 auto;
+
-
        border: 1px solid #444444;
+
-
}
+
-
 
+
-
#tweets {
+
-
 
+
-
    width: 203px;
+
-
    margin: 0 auto;
+
-
    font: sans-serif;
+
-
    font-size: 12px;
+
-
}
+
-
 
+
-
#tweets .twtr-widget,
+
-
#tweets .twtr-doc {
+
-
 
+
-
    width: 100%;
+
-
    height: auto;
+
-
}
+
-
 
+
-
#tweets .twtr-hd {
+
-
    display:none;
+
-
    background: #d40;
+
-
    color: #fff;
+
-
    -moz-border-radius: 4px 4px 0 0;
+
-
    border-radius: 4px 4px 0 0;
+
-
    font-family: sans-serif !important;
+
-
    }
+
-
 
+
-
#tweets .twtr-hd *,
+
-
#tweets .twtr-hd h4 a {
+
-
 
+
-
    background: #d40 !important;
+
-
    font: sans-serif !important;
+
-
}
+
-
 
+
-
#tweets .twtr-hd h3,
+
-
#tweets .twtr-hd h4 {
+
-
 
+
-
    font-weight: normal;
+
-
    text-align: left;
+
-
    margin:0;
+
-
}
+
-
 
+
-
#tweets .twtr-hd h3 {
+
-
       
+
-
    background: #fff !important;
+
-
    color: #333 !important;
+
-
    font: sans-serif;
+
-
    font-size: 1.0em !important;
+
-
    padding: 0.2em !important;
+
-
    -moz-border-radius: 0px;
+
-
    border-radius: 0px;
+
-
 
+
-
}
+
-
 
+
-
#tweets .twtr-tweet {
+
-
 
+
-
    background: #fff;
+
-
    font: sans-serif !important;
+
-
    font-size: 12px;
+
-
}
+
-
 
+
-
#tweets .twtr-tweet a:link,
+
-
#tweets .twtr-tweet a:visited,
+
-
#tweets .twtr-tweet a:hover {
+
-
 
+
-
    color: #c40 !important;
+
-
 
+
-
}
+
-
 
+
-
#tweets .twtr-tweet .twtr-tweet-text {
+
-
 
+
-
    border-bottom: 1px dashed #666 !important;
+
-
    padding-bottom: 4px !important;
+
-
    font: sans-serif;
+
-
    font-size:12px;
+
-
}
+
-
 
+
-
#tweets .twtr-tweet .twtr-tweet-text p {
+
-
 
+
-
    color: #333 !important;
+
-
    font: sans-serif;
+
-
    font-size: 12px;
+
-
 
+
-
}
+
-
//twitt style ends here
+
-
</style>
+
-
 
+
-
</head>
+
-
 
+
-
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_UC_Davis">
+
-
 
+
-
  <div id="globalWrapper">
+
-
 
+
-
  <div id="main-content">  
+
-
 
+
-
<div id="topmenubar" class="topleft-menu" >
+
-
  <ul>
+
-
  <li style='color:#014457; cursor:default'><a>teams</a></li>
+
-
                  <li class='selected'        ><a href="https://2012.igem.org/Team:UC_Davis">Page</a></li>
+
-
 
+
-
                <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis&amp;action=edit&amp;redlink=1">Discussion</a></li>
+
-
              <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&action=edit">Edit</a></li>
+
-
                          <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&amp;action=history">History</a></li>
+
-
                <li><a href="https://2012.igem.org/Special:MovePage/Team:UC_Davis">Move</a></li>
+
-
                          <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&amp;action=watch">Watch</a></li>
+
-
  <li><a href="https://igem.org/Login">Log in</a></li>
+
-
 
+
-
  </ul>
+
-
</div>
+
-
  <div id="newnavi">
+
-
    <ul class="newmenu">
+
-
    <li ><a target="new" href="https://2012.igem.org/" title="Back to iGEM">iGEM</a>
+
-
          <ul>
+
-
          <li><a target="new" href="https://2012.igem.org/">Main iGEM</a></li>
+
-
          <li><a
+
-
href="https://2012.igem.org/Team:UC_Davis/Criteria">Criteria</a></li>
+
-
          <li><a
+
-
href="https://2012.igem.org/Team:UC_Davis/Human_Practices">Human
+
-
Practices</a></li>
+
-
          </ul>
+
-
        </li>
+
-
 
+
-
        <li ><a href="https://2012.igem.org/Team:UC_Davis/Attributions"
+
-
title="Attributions">Attributions</a></li>
+
-
 
+
-
        <li ><a title="https://2012.igem.org/Team:UC_Davis/Data"
+
-
title="Data">Data</a>
+
-
          <ul>
+
-
            <li ><a
+
-
href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity"
+
-
title="Data">Cutinase Activity</a></li>
+
-
            <li ><a
+
-
href="https://2012.igem.org/Team:UC_Davis/Data/Ethylene_Glycol"
+
-
title="Data">Ethylene Glycol</a></li>
+
-
<li ><a
+
-
href="https://2012.igem.org/Team:UC_Davis/Data/Modeling"
+
-
title="Data">Modeling</a></li>
+
-
            <li ><a
+
-
href="https://2012.igem.org/Team:UC_Davis/Parts">Parts</a></li>
+
-
          </ul>
+
-
        </li>
+
-
        <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
+
-
          <ul>
+
-
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook">Notebook</a></li>
+
-
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
+
-
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery">Gallery</a></li>
+
-
          </ul>
+
-
        </li>
+
-
 
+
-
        <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
+
-
 
+
-
        <li ><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
+
-
          <ul>
+
-
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a></li>
+
-
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Module Engineering</a></li>
+
-
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
+
-
            <li ><a title="https://2012.igem.org/Team:UC_Davis/Project/Strain">Chassis Engineering </a>
+
-
  <ul>
+
-
                <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Background</a></li>
+
-
        <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution">Directed Evolution</a></li>
+
-
                <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain">Rational Engineering </a></li>
+
-
</ul>
+
-
</li>
+
-
          </ul>
+
-
        </li>
+
-
        <li ><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">Team</a></li>
+
-
        <li  class="selected"><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
+
-
    </ul>
+
-
  </div>
+
-
<!-- slide show starts here -->
+
-
<div id="slides">
+
-
 
+
-
    <img src="https://static.igem.org/mediawiki/2012/c/cf/UCD_slide1.jpg" width="850" height="280" alt="" class="current" />
+
-
    <img  src="https://static.igem.org/mediawiki/2012/e/e3/UCD_Slide_2.jpg" width="850" height="280" alt="" />
+
-
    <img src="https://static.igem.org/mediawiki/2012/d/d9/UCD_Slide_3.jpg" width="850" height="280" alt="" />
+
-
    <img  src="https://static.igem.org/mediawiki/2012/a/a4/UCD_Slide_4.jpg" width="850" height="280" alt="" />
+
</div>
</div>
-
    <ul class="progress">
 
-
<li class="current"><a href="#n_0">1</a> </li>
 
-
<li><a href="#n_1">2</a> </li>
 
-
        <li><a href="#n_2">3</a> </li>
 
-
        <li><a href="#n_3">4</a> </li>
 
-
    </ul>
 
-
<!-- slide show ends here -->
 
-
<div id="bodyContent"> 
+
</body>
-
<!--  <div id="contentSub"></div> -->
+
-
<!--  </div> -->
+
-
<!-- float: right; first try -->
+
-
<!-- 1st row four boxes starts here -->
+
-
<div id="myleftrightbox">
+
-
<div id="myleftrightbox"  class="fourboxes-1">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Project"><img src="https://static.igem.org/mediawiki/2012/7/73/UCD_project_small_banner.jpg
+
-
"></a>
+
-
</div>
+
-
<div id="myleftrightbox"  class="spacebox">
+
-
<p></p>
+
-
</div>
+
-
<div id="myleftrightbox"  class="fourboxes-2">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst"><img src="https://static.igem.org/mediawiki/2012/5/55/UCD_modular_small_banner.jpg
+
-
"></a>
+
-
</div>
+
-
<div id="myleftrightbox"  class="spacebox">
+
-
<p></p>
+
-
</div>
+
-
<div id="myleftrightbox"  class="fourboxes-3">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Strain"><img src="https://static.igem.org/mediawiki/2012/e/ec/UCD_chassis_small_banner.jpg
+
-
"></a>
+
-
</div>
+
-
<div id="myleftrightbox"  class="spacebox">
+
-
<p></p>
+
-
</div>
+
-
<div id="myleftrightbox"  class="fourboxes-4">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering"><img src="https://static.igem.org/mediawiki/2012/f/ff/UCD_protein_small_banner.jpg
+
-
"></a>
+
-
</div>
+
-
</div>
+
-
<!-- 1st row four boxes ends here -->
+
-
<!-- 2nd row four boxes ends here -->
+
-
<div id="myleftrightbox">
+
-
<div id="myleftrightbox"  class="fourboxes2-1">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity"><img src="https://static.igem.org/mediawiki/2012/d/da/UCD_data_small_banner.jpg"></a>
+
-
</div>
+
-
<div id="myleftrightbox"  class="spacebox">
+
-
<p></p>
+
-
</div>
+
-
<div id="myleftrightbox"  class="fourboxes2-2">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Notebook"><img src="https://static.igem.org/mediawiki/2012/2/24/UCD_notebook_small_banner.jpg"></a>
+
-
</div>
+
-
<div id="myleftrightbox"  class="spacebox">
+
-
<p></p>
+
-
</div>
+
-
<div id="myleftrightbox"  class="fourboxes2-3">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Parts"><img src="https://static.igem.org/mediawiki/2012/3/3f/UCD_parts_small_banner.jpg"></a>
+
-
</div>
+
-
<div id="myleftrightbox"  class="spacebox">
+
-
<p></p>
+
-
</div>
+
-
<div id="myleftrightbox"  class="fourboxes2-4">
+
-
<a href="https://2012.igem.org/Team:UC_Davis/Criteria"><img src="https://static.igem.org/mediawiki/2012/1/18/UCD_criteria_small_banner.jpg"></a>
+
-
</div>
+
-
</div>
+
-
<!-- 2nd row four boxes ends here -->
+
 +
<p id = "project-description-title"> <!--<font size=1>N</font> <font size=2>N</font> <font size=3>N</font> <font size=4>N</font> <font size=5>N</font>--> NUtralize! </p>
 +
<div id = "project-description">
 +
  <p>  Poor oral health (tooth decay and infection) can lead to many painful symptoms and complicated treatments.  Mouth bacteria are a primary culprit in tooth decay, as lactic acid secreted by natural bacteria in the human mouth decreases pH, leading to cavity formation. The enamel demineralization threshold is known to be around pH 5.5.  The overall vision of our project is to prevent mouth pH from falling below 5.5 by engineering bacteria to sense pH and respond by increasing the alkalinity. To do this, we aimed to create genetic pH sensing elements that would work in the mouth. <p/>
 +
<p>Our project laid the foundation for a dual-state promoter consisting of two promoters in series: a constitutive promoter active at a (tunable) basal level and an upstream, pH-inducible promoter. Previous research has found that the E. coli genes Asr and GadA are highly expressed when pH drops below 5.5. This research drove us to choose the promoter elements for GadA and Asr as our pH-inducible promoters. </p>
 +
<p>We have characterized a new pH-responsive promoter (Asr) as well as an iGEM-characterized promoter (GadA) and a constitutive promoter (Lpp).  Ongoing work will evaluate how promoters in series affect each other and further characterize the dual state phenomenon. Here we used E. coli  for the ease at which it is genetically manipulated to provide proof of principle. Additionally, we tested these promoters with GFP for an easy visual output. Ultimately the aim is to engineer bacteria native to the oral microbiome to sense and respond to drops in pH. We envision that these bacteria will induce enzymes that catalyze reactions to counteract the decrease in pH, preventing the demineralization of the tooth. </p>
-
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
+
</div>  
-
<div id="sponsorbox">
+
<div class = "first-row">  
-
<div id="sponsorbox" class="sponsorfloat">
+
<div id = "problem">
-
<!-- twitter starts here -->
+
<p id = "first-row-title"> Summary of Problem </p>
-
</script>
+
                <center> <a href = "https://2013.igem.org/Team:Northwestern/problem"> <img src="https://static.igem.org/mediawiki/2013/thumb/2/2c/Summary-of-problem.gif/600px-Summary-of-problem.gif" width="120" height="120"/> </a></center>
-
<div id="tweets">
+
<p id = "first-row-description"> Following meals, the pH within the mouth drops substantially which leads to cavities. </p>
-
<center>
+
             
-
<h2>UCDavis iGEM Tweets</h2>
+
</div>
-
</center>
+
<div id = "pH">  
-
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
+
<p id = "first-row-title"> pH </p>
-
<script>
+
                <center> <a href = "https://2013.igem.org/Team:Northwestern/detectpH"><img src="https://static.igem.org/mediawiki/2013/thumb/1/1e/Ph-image.gif/120px-Ph-image.gif" width="120" height="120"/></center>
-
new TWTR.Widget({
+
<p id = "first-row-description"> The first step in combating cavities is to create a bacteria that can detect pH. </p>
-
  version: 2,
+
</div>
-
  type: 'profile',
+
<div id = "dual-state">
-
  rpp: 10,
+
<p id = "first-row-title"> Dual State Promoter </p>
-
  interval: 30000,
+
                <center> <a href = "https://2013.igem.org/Team:Northwestern/dualstate"><img src="https://static.igem.org/mediawiki/2013/thumb/1/14/Dual-state-image.gif/180px-Dual-state-image.gif" width="120" height="120"/></center> </a>
-
  width: 203,
+
<p id = "first-row-description"> In order for a quick response from basal level, we designed the dual state promoter. </p>
-
  height: 100,
+
</div>
-
 
+
-
  theme: {
+
-
    shell: {
+
-
      background: '#004b85',
+
-
      color: '#ffffff'
+
-
    },
+
-
    tweets: {
+
-
      background: '#004b85',
+
-
      color: '#ffffff',
+
-
      links: '#4aed05'
+
-
    }
+
-
+
-
  },
+
-
  features: {
+
-
    scrollbar: true,
+
-
    loop: false,
+
-
    live: true,
+
-
    behavior: 'all'
+
-
  }
+
-
}).render().setUser('UCDavisiGEM').start();
+
-
 
+
-
</script>
+
-
</div>
+
-
<!-- twitter ends here -->
+
</div>
</div>
-
<div id="sponsorbox" class="sponsorfloat">
 
-
<center>
 
-
<h2>Our Sponsors</h2>
 
-
<a href="http://www.novozymes.com/en/Pages/default.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2011/2/21/UCD_Novozymes-logo.jpg" width="200"></a>
 
-
</center>
 
-
<center>
 
-
<a href="http://engineering.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/f/f6/UCD_CoE.png" width="200" height="40"></a>
 
-
</center>
 
-
<center>
 
-
<a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://www.cs.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/6/6b/UCD_Computer_sponsor.jpg" width="200"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://www.fishersci.com" target="_blank"><img src="https://static.igem.org/mediawiki/2011/a/a4/UCD_Fisher_Logo.gif" width="200"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://www.arcadiabio.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/4/46/UCD_Arcadia_sponsor.jpg
 
-
" width="200"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://provost.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/8/82/UCD_Provost_sponsor.jpg
 
-
" width="200"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://www.research.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/9/99/UCD_Research_sponsor.jpg" width="200"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a href="http://ucomm.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/b/b4/UCD_Communications_sponsor.jpg" width="200"></a>
 
-
</center>
 
-
 
-
<center>
 
-
<a title="" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/25/UCD_Schultz_sponsor.jpg
 
-
" width="200"></a>
 
-
</center>
 
-
 
-
</div>
 
-
</div>
 
-
<!--  <br> -->
 
-
<!-- div id="myleftbox" style="width:625px; float:left;" -->
 
-
<div id="myleftbox">
 
-
 
-
 
-
<div id="myleftbox"  class="smallbox">
 
-
<h1> Welcome </h1>
 
-
<p>Welcome to iGEM 2012 at UC Davis!</p>
 
-
 
-
This year's UC Davis team is composed of ten undergraduates, two advisors, and two graduate students. We come from different areas of study, but we're all working together on this year's synthetic biology project for the iGEM competition. Due to the global impact of plastic pollution, we have decided to focus on biodegradation of polyethylene terephthalate (PET). PET is a widely used material, commonly found in plastic bottles, textiles, and other consumer goods. However, only a small percentage of it ends up being recycled, meaning a majority of the PET ends up in landfills and the oceans. It is a global issue, and achieving our goal would have a big impact on the issue of plastic degradation.
 
-
</div>
 
-
 
-
<!-- site map starts here -->
 
-
<div id="myleftbox"  class="smallboxsite">
 
-
<ul style="font-size:10px;list-style-image:none;list-style-type:none;float:left;display:inline;color:#000000;"
 
-
>
 
-
 
-
<li style="float:left;margin:0 10px;"><a
 
-
href="https://2012.igem.org/Team:UC_Davis"><p>Home</p><ul
 
-
style="text-indent:-15px;
 
-
list-style-image:none;list-style-type:none;color:#000000;"><li><a
 
-
style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis">Welcome</a> </li><li><a
 
-
style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis">Tweets</a></li><li><a
 
-
style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis">Sponsors</a> </li><li><a
 
-
style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Criteria">Criteria</a> </li>
 
-
</ul> </a> </li>
 
-
 
-
<li style="float:left;margin:0 10px;"><a
 
-
href="https://2012.igem.org/Team:UC_Davis/Team"><p>Team</p><ul
 
-
style="text-indent:-15px;
 
-
list-style-image:none;list-style-type:none;color:#000000;"><li><a
 
-
style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Team">Who we are</a>
 
-
</li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Team">Students</a></li><li><a
 
-
style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Team">Advisors</a> </li>
 
-
</ul> </a> </li>
 
-
 
-
<li style="float:left ;margin:0 10px;"><a
 
-
href="https://2012.igem.org/Team:UC_Davis/Project "><p>Project</p></a>
 
-
<ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000"><li><a
 
-
style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a>
 
-
</li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst ">Module
 
-
Engineering</a></li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering
 
-
">Protein Engineering</a></li>
 
-
<li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Project/Strain ">Chassis
 
-
Engineering</a></li>
 
-
  <li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution ">
 
-
- Directed Evolution</a></li>
 
-
  <li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain "> -
 
-
Rational Engineering</a></li>
 
-
<li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Criteria">Critera</a>
 
-
</li></ul> </li>
 
-
 
-
<li style="float:left ;margin:0 10px"><a
 
-
href="https://2012.igem.org/Team:UC_Davis/Safety "> <p>Safety</p></a>
 
-
<a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Safety "> Safety</a> </li>
 
-
 
-
<li style="float:left ;margin:0 10px;"><a
 
-
href="https://2012.igem.org/Team:UC_Davis/Notebook ">
 
-
<p>Notebook</p></a> <ul
 
-
style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000
 
-
"><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Notebook">Notebook</a>
 
-
</li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols
 
-
">Protocols</a> </li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery">Gallery</a>
 
-
</li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Criteria">Critera</a> </li>
 
-
</ul> </li>
 
-
 
-
<li style="float:left ;margin:0 10px;"><a
 
-
title="https://2012.igem.org/Team:UC_Davis/Data "> <p>Data </p></a> <ul
 
-
style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000
 
-
"><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity ">
 
-
Cutinase Activity</a> </li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Data/Ethylene_Glycol ">
 
-
Ethylene Glycol</a> </li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Data/Modeling ">
 
-
Modeling</a> </li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Parts ">Parts</a></li> </ul>
 
-
 
-
<li style="float:left ;margin:0 10px"><a
 
-
href="https://2012.igem.org/Team:UC_Davis/Attributions ">
 
-
<p>Attribution </p></a><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Attributions ">
 
-
Attribution</a></li>
 
-
 
-
<li style="float:left ;margin:0 10px"><a
 
-
href="https://2012.igem.org/Main_Page "> <p>iGEM </p></a><ul
 
-
style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000
 
-
"><li><a style="color:#000000 " href="https://2012.igem.org/Main_Page
 
-
">Main iGEM</a> </li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Criteria "> Criteria</a>
 
-
</li><li><a style="color:#000000 "
 
-
href="https://2012.igem.org/Team:UC_Davis/Human_Practices ">Human
 
-
Practices</a></li> </ul>
 
-
</div>
 
-
<!-- site map ends here -->
 
-
 
-
</div>
 
-
</div>
 
-
<!--  </div> -->
 
-
<script>if (window.runOnloadHook) runOnloadHook();</script>
 
-
</div>
 
-
</div>
 
-
</body>
 
-
<!-- footer starts here -->
 
-
<br>
 
-
<div id="footpage">
 
-
<div class="printfooter">
 
-
Retrieved from "<a href="https://2012.igem.org/Team:UC_Davis">https://2012.igem.org/Team:UC_Davis</a>"</div>
 
-
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 
-
<div class="visualClear"></div>
 
-
</div>
 
-
    </div>
 
-
 
-
 
-
<script>if (window.runOnloadHook) runOnloadHook();</script>
 
-
</div>
 
-
</div>
 
-
<!-- footer ends here -->
 
</html>
</html>

Latest revision as of 04:04, 28 September 2013



NUtralize!

Poor oral health (tooth decay and infection) can lead to many painful symptoms and complicated treatments. Mouth bacteria are a primary culprit in tooth decay, as lactic acid secreted by natural bacteria in the human mouth decreases pH, leading to cavity formation. The enamel demineralization threshold is known to be around pH 5.5. The overall vision of our project is to prevent mouth pH from falling below 5.5 by engineering bacteria to sense pH and respond by increasing the alkalinity. To do this, we aimed to create genetic pH sensing elements that would work in the mouth.

Our project laid the foundation for a dual-state promoter consisting of two promoters in series: a constitutive promoter active at a (tunable) basal level and an upstream, pH-inducible promoter. Previous research has found that the E. coli genes Asr and GadA are highly expressed when pH drops below 5.5. This research drove us to choose the promoter elements for GadA and Asr as our pH-inducible promoters.

We have characterized a new pH-responsive promoter (Asr) as well as an iGEM-characterized promoter (GadA) and a constitutive promoter (Lpp). Ongoing work will evaluate how promoters in series affect each other and further characterize the dual state phenomenon. Here we used E. coli for the ease at which it is genetically manipulated to provide proof of principle. Additionally, we tested these promoters with GFP for an easy visual output. Ultimately the aim is to engineer bacteria native to the oral microbiome to sense and respond to drops in pH. We envision that these bacteria will induce enzymes that catalyze reactions to counteract the decrease in pH, preventing the demineralization of the tooth.

Summary of Problem

Following meals, the pH within the mouth drops substantially which leads to cavities.

Dual State Promoter

In order for a quick response from basal level, we designed the dual state promoter.