|
|
| (55 intermediate revisions not shown) |
| Line 13: |
Line 13: |
| | @import "/wiki/skins/igem/main.css?270"; | | @import "/wiki/skins/igem/main.css?270"; |
| | /*]]>*/</style> | | /*]]>*/</style> |
| | + | |
| | <link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/common/shared.css?270" /> | | <link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/common/shared.css?270" /> |
| | <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="screen, projection" href="https://2012.igem.org/wiki/skins/igem/main.css?270" /> |
| Line 66: |
Line 67: |
| | </script> | | </script> |
| | <script type="text/javascript" src="https://2012.igem.org/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script> | | <script type="text/javascript" src="https://2012.igem.org/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script> |
| | + | |
| | <!-- Head Scripts --> | | <!-- Head Scripts --> |
| | <script src="https://2012.igem.org/wiki/skins/common/ajax.js?270"></script> | | <script src="https://2012.igem.org/wiki/skins/common/ajax.js?270"></script> |
| Line 73: |
Line 75: |
| | <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/jquery-latest.min.js"></script> |
| | <script type="text/javascript" src ="https://2012.igem.org/common/tablesorter/jquery.tablesorter.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" /> | | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/tablesorter/themes/groupparts/style.css" /> |
| | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/table_styles.css" /> | | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/table_styles.css" /> |
| Line 78: |
Line 81: |
| | <script type="text/javascript" src ="https://2012.igem.org/forum/forum_scripts.js"></script> | | <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'); |
| | + | |
| | + | }); |
| | + | |
| | + | } |
| | + | $(function() { |
| | + | setInterval( "slider()", 5000 ); |
| | + | }); |
| | + | |
| | + | $(document).ready(function(){ |
| | + | |
| | + | $('a.lightbox').click(function(e) { |
| | + | $('body').css('display', 'inherit'); // hide scrollbars! |
| | + | |
| | + | $('<div id="overlay"></div>') |
| | + | .css('opacity', '0') |
| | + | .animate({'opacity': '0.7'}, 'slow') |
| | + | .click(function(){ |
| | + | removeLightbox(); |
| | + | }) |
| | + | .appendTo('body'); |
| | + | |
| | + | $('<div id="lightbox"></div>') |
| | + | .hide() |
| | + | .appendTo('body'); |
| | + | |
| | + | $('<img>') |
| | + | .attr('src', $(this).attr('href')) |
| | + | .load(function() { |
| | + | positionLightboxImage(); |
| | + | }) |
| | + | .click(function() { |
| | + | removeLightbox(); |
| | + | }) |
| | + | .appendTo('#lightbox'); |
| | + | |
| | + | return false; |
| | + | }); |
| | + | }); |
| | + | |
| | + | function positionLightboxImage() { |
| | + | var top = ($(window).height() - $('#lightbox').height())/2; |
| | + | var left = ($(window).width() - $('#lightbox').width())/2; |
| | + | |
| | + | $('#lightbox') |
| | + | .css({ |
| | + | 'top': top, |
| | + | 'left':left-80 |
| | + | }) |
| | + | .fadeIn(); |
| | + | } |
| | + | |
| | + | function removeLightbox() { |
| | + | |
| | + | $('#overlay, #lightbox') |
| | + | .fadeOut('slow', function() { |
| | + | $(this).remove(); |
| | + | $('body').css('overflow-y', 'auto'); // show scrollbars! |
| | + | }); |
| | + | } |
| | | | |
| | | | |
| | + | </script> |
| | + | <!-- slide script ends here --> |
| | <style type="text/css"> | | <style type="text/css"> |
| | <!-- beginning of slider style --> | | <!-- beginning of slider style --> |
| Line 87: |
Line 188: |
| | min-height:100%; /* real browsers */ | | 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; | + | #content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; top:-3px; margin-top: -45px !important; |
| | height:auto !important; /* real browsers */ | | height:auto !important; /* real browsers */ |
| | height:100%; /* IE6: treaded as min-height*/ | | height:100%; /* IE6: treaded as min-height*/ |
| Line 104: |
Line 205: |
| | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} |
| | .right-menu ul { border: none; width: 300px;} | | .right-menu ul { border: none; width: 300px;} |
| - | #footer-box { background-color: #216085; border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;} | + | #footer-box { background-color: #216085; border: none; width: 850px; height: 30px; margin: -10px auto 0 auto; padding: 20px 0;} |
| | .visualClear { display: none; } | | .visualClear { display: none; } |
| | #footer { border: none; width: 850px; margin: 0 auto; padding: 0;} | | #footer { border: none; width: 850px; margin: 0 auto; padding: 0;} |
| Line 116: |
Line 217: |
| | h3#siteSub { display: none;} | | h3#siteSub { display: none;} |
| | #contentSub {display: none;} | | #contentSub {display: none;} |
| - | p:first-child { display: none;} | + | p:first-child { display: block;} |
| | h1{border:none; width: 100%; clear: both;} | | h1{border:none; width: 100%; clear: both;} |
| - | <!-- end of slides style -->
| |
| - |
| |
| - | body {
| |
| - | background-color: #ffffff;
| |
| - | color: black;
| |
| - | font: x-small sans-serif;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| | | | |
| | #globalWrapper { | | #globalWrapper { |
| | position: relative; | | position: relative; |
| | font-size: 127%; | | font-size: 127%; |
| - | width: 100%; | + | width: 850px //100%; |
| | margin: 0; | | margin: 0; |
| | padding: 0; | | padding: 0; |
| | padding-bottom: 10px; | | padding-bottom: 10px; |
| - | background-color: #ffffff;
| + | # 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; |
| | } | | } |
| | | | |
| Line 143: |
Line 238: |
| | margin: 0 auto; | | margin: 0 auto; |
| | padding: 5px 5px 5px 5px;; | | padding: 5px 5px 5px 5px;; |
| - | background: white; | + | background: transparent; |
| | color: black; | | color: black; |
| - | border-left: 1px solid #ffffff;
| + | # border-left: 1px solid #ffffff; |
| - | border-right: 1px solid #ffffff;
| + | # border-right: 1px solid #ffffff; |
| - | line-height: 1.5em;
| + | # line-height: 1.5em; |
| - | # z-index: 2;
| + | |
| | } | | } |
| | + | |
| | + | |
| | + | body { |
| | + | background-color: rgba(255,255,255,1); |
| | + | background-image: url('https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg'); |
| | + | background-size: 100%; |
| | + | background-repeat: no-repeat; |
| | + | background-attachment:fixed; |
| | + | |
| | + | color: black; |
| | + | font: x-small sans-serif; |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | # height:100%; |
| | + | } |
| | + | |
| | | | |
| | #topmenubar { | | #topmenubar { |
| Line 201: |
Line 311: |
| | .topleft-menu:hover a { | | .topleft-menu:hover a { |
| | color: white; | | 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; |
| | } | | } |
| | | | |
| - | #nav {
| |
| - | position: relative;
| |
| - | height: 24px;
| |
| - | width: 850px;
| |
| - | # margin-left: 10px;
| |
| - | # margin: 0 auto 0 auto;
| |
| - | # border-left: 1px solid #444444;
| |
| - | # border-right: 1px solid #444444;
| |
| - | # border-bottom: 1px solid #444444;
| |
| | | | |
| - | background-color: white;
| + | #newnavi .newmenu li ul li ul { |
| - | # border: 0px solid black;
| + | height:40px; |
| - | # height: 0px;
| + | left:299px; |
| - | # width: 850px;
| + | top:-26px; |
| - | # left: 220px;
| + | margin: 0; |
| - | # top: -2px;
| + | padding: 0; |
| - | # position: relative;}
| + | list-style: none; |
| | + | width: 150px; |
| | + | position:absolute; |
| | + | display:none; |
| | + | } |
| | | | |
| - | #nav ul { | + | #newnavi .newmenu li ul li ul li { |
| - |
| + | position:relative; |
| - | list-style-type:none;
| + | background: #05bcea; |
| - | margin:0;
| + | width: 150px; |
| - | padding:0;
| + | } |
| - | overflow:hidden;}
| + | |
| - | #nav ul .groupb {
| + | |
| - | float: right;
| + | |
| - | padding: 0 .0em;}
| + | |
| | | | |
| - | #nav a:hover, #nav a:focus { | + | #newnavi .newmenu li ul li ul li a { |
| - | opacity:0.7;
| + | |
| | + | padding:5px 0px 5px 0px;display:block; font-size:12px; width:100px; text-indent:10px; color:#444; |
| | + | background-color: #05bcea; text-decoration:none; |
| | } | | } |
| | + | |
| | + | #newnavi .newmenu li ul li:hover ul { |
| | + | display:block; |
| | + | color:#ffffff; |
| | + | width:150px; |
| | + | background:transparent; |
| | + | } |
| | + | |
| | + | #newnavi .newmenu li ul li:hover ul li { |
| | + | top:-25px; |
| | + | left:150px; |
| | + | margin-bottom:-1px; |
| | + | height:26px; |
| | + | } |
| | + | |
| | + | #newnavi .newmenu li ul li:hover ul li a { |
| | + | |
| | + | padding:5px 0px 5px 0px;display:block; font-size:12px; text-indent:10px; color:#444; |
| | + | background-color: #05bcea; text-decoration:none;border:0px solid; |
| | + | } |
| | + | |
| | | | |
| | #slides { | | #slides { |
| | position:relative; | | position:relative; |
| - | height:350px; | + | height:280px; |
| | width: 840px | | width: 840px |
| | | | |
| Line 257: |
Line 434: |
| | #slides .previous { | | #slides .previous { |
| | z-index:2; | | z-index:2; |
| | + | } |
| | + | |
| | + | .progress { |
| | + | |
| | + | margin-top:-270px; |
| | + | margin-left:20px; |
| | + | position:absolute; |
| | + | |
| | + | } |
| | + | |
| | + | .progress li{ |
| | + | border:1px solid rgba(0,0,0,0.9); |
| | + | border-radius:3px; |
| | + | margin-left: 5px; |
| | + | float:left; |
| | + | display:block; |
| | + | position:relative; |
| | + | z-index:10; |
| | + | background-color:rgba(255,255,255,0.4); |
| | + | } |
| | + | |
| | + | .progress li a{ |
| | + | padding-left: 6px; |
| | + | padding-right: 6px; |
| | + | } |
| | + | |
| | + | .progress li a:hover { |
| | + | text-decoration:none; |
| | + | } |
| | + | |
| | + | .progress .current { |
| | + | background-color:white; |
| | + | } |
| | + | |
| | + | #myleftrightbox |
| | + | { |
| | + | position:relative; |
| | + | width:850px; |
| | + | float:left; |
| | + | background-color:transparent; |
| | + | 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 |
| | + | { |
| | + | 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-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 |
| | + | { |
| | + | 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-3 |
| | + | { |
| | + | 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-4 |
| | + | { |
| | + | 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-1:hover { |
| | + | background-color:orange; |
| | + | } |
| | + | #myleftrightbox .fourboxes-2:hover { |
| | + | background-color:#105ec5; |
| | + | } |
| | + | #myleftrightbox .fourboxes-3:hover { |
| | + | background-color:#05bcea; |
| | + | } |
| | + | #myleftrightbox .fourboxes-4:hover { |
| | + | background-color:#4a4a4a; |
| | + | } |
| | + | |
| | + | |
| | + | #myleftrightbox .fourboxes2 |
| | + | { |
| | + | width:191px; |
| | + | float:left; |
| | + | background-color:rgba(143,143,143,0.7); |
| | + | margin-top: 5px; |
| | + | 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 .spacebox |
| | + | { |
| | + | float:left; |
| | + | width:5px; |
| | + | |
| | + | } |
| | + | #myleftbox |
| | + | { |
| | + | position:relative; |
| | + | width:625px; |
| | + | float:left; |
| | + | background-color:; |
| | + | margin-top: 0px; |
| | + | border-radius: 4px; |
| | + | padding: 0px; |
| | + | font: sans-serif; |
| | + | font-size: 13px; |
| | + | color: white; |
| | + | } |
| | + | #myleftbox .smallbox |
| | + | { |
| | + | width:604px; |
| | + | float:left; |
| | + | background-color:#bfbfbf; |
| | + | margin-top: 15px; |
| | + | border-radius: 4px; |
| | + | padding: 15px 15px 15px 15px; |
| | + | font: sans-serif; |
| | + | font-size: 13px; |
| | + | line-height:1.5em; |
| | + | 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; |
| | + | } |
| | + | |
| | + | |
| | + | |
| | + | #myleftbox .twoboxes |
| | + | { |
| | + | width:295px; |
| | + | height:120px; |
| | + | 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 .twoboxes1 |
| | + | { |
| | + | width:295px; |
| | + | height:120px; |
| | + | float:left; |
| | + | background-color:rgba(143,143,143,0.7); |
| | + | margin-top: 15px; |
| | + | border-radius: 4px; |
| | + | border-left:1px solid #e8eff1; |
| | + | border-right:2px solid #e8eff1; |
| | + | padding: 7px 7px 7px 7px; |
| | + | font: sans-serif; |
| | + | font-size: 13px; |
| | + | color: white; |
| | + | left:9px; |
| | + | } |
| | + | |
| | + | #myleftbox .twoboxes:hover { |
| | + | background-color:red; |
| | + | } |
| | + | |
| | + | #myleftbox .twoboxes1:hover { |
| | + | background-color:green; |
| | + | } |
| | + | |
| | + | #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%; |
| | + | } |
| | + | |
| | + | #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; |
| | } | | } |
| | | | |
| Line 263: |
Line 814: |
| | position:relative; | | position:relative; |
| | top: 0px; | | top: 0px; |
| - | width:830px; | + | width:790px; |
| | left: 0px; | | left: 0px; |
| | background-color: #d2d2d2; | | background-color: #d2d2d2; |
| | margin-top: 0px; | | margin-top: 0px; |
| | border-radius: 4px; | | border-radius: 4px; |
| - | padding: 30px 10px 10px 10px; | + | padding: 30px; |
| | font: sans-serif; | | font: sans-serif; |
| | font-size: 13px; | | font-size: 13px; |
| Line 285: |
Line 836: |
| | font-weight: bold; | | font-weight: bold; |
| | color: #016D8B; | | color: #016D8B; |
| | + | } |
| | + | |
| | + | .floatbox3 article{ |
| | + | font-size: 14px; |
| | + | color: #000000; |
| | } | | } |
| | | | |
| Line 300: |
Line 856: |
| | padding: 0 .0em;} | | 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); |
| | + | margin-top:0px; |
| | + | } |
| | #footer-box-1 { | | #footer-box-1 { |
| | | | |
| Line 309: |
Line 875: |
| | border: 1px solid #444444; | | 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; |
| | + | |
| | + | } |
| | + | |
| | + | #overlay { |
| | + | z-index:2; |
| | + | position:fixed; |
| | + | top: 0; |
| | + | left: 0; |
| | + | height: 100%; |
| | + | width: 100%; |
| | + | background: black no-repeat scroll center center; |
| | + | } |
| | + | |
| | + | #lightbox { |
| | + | position: fixed; |
| | + | width:840; |
| | + | z-index:2; |
| | + | } |
| | | | |
| | </style> | | </style> |
| Line 334: |
Line 996: |
| | </ul> | | </ul> |
| | </div> | | </div> |
| - |
| + | |
| - | | + | |
| - | | + | <li ><a target="new" href="https://2012.igem.org/" title="Back to iGEM" >iGEM</a> |
| - | <li class=" groupb"><a href="https://2012.igem.org/" title="Back to iGEM"> | + | <ul> |
| - | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_09.jpg"></a></li>
| + | <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 class="groupb"><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions"> | + | <li ><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li> |
| - | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_08.jpg"></a></li>
| + | |
| | | | |
| - | <li class=" groupb"><a href="https://2012.igem.org/Team:UC_Davis/Data" title="Data"> | + | <li ><a title="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a> |
| - | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_07.jpg"></a></li>
| + | <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 class=" groupb"><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook"> | + | <li ><a href="https://2012.igem.org/Team:UC_Davis/Parts">Parts</a></li> |
| - | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_06.jpg"></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 class="groupb"><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety"> | + | <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li> |
| - | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_05.jpg"></a></li>
| + | |
| | | | |
| - | <li class=" groupb"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project"> | + | <li class=" selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project" >Project</a> |
| - | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_04.jpg"></a></li> | + | <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 ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li> |
| | + | </ul> |
| | + | </div> |
| | + | <!-- slide show starts here |
| | + | <div id="slides"> |
| | | | |
| - | <li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">
| + | <img src="https://static.igem.org/mediawiki/2012/c/cf/UCD_slide1.jpg" width="850" height="280" alt="" class="current" /> |
| - | <img src=" http://img. photobucket. com/ albums/ v26/ bluemelon/ main-button_03.jpg"></a></li> | + | <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> |
| | + | <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 --> |
| | | | |
| - | <li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis" title="Home">
| + | <img src="https://static.igem.org/mediawiki/2012/7/74/UCD_project_banner.jpg"> |
| - | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_02.jpg"></a></li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| - | <br>
| + | |
| - | <!--<a><h1 class="firstHeading">Team:UC Davis</h1></a>-->
| + | |
| | | | |
| | + | <div id="bodyContent"> |
| | + | <!-- <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/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-2"> |
| | + | <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-3"> |
| | + | <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 id="myleftrightbox" class="spacebox"> |
| | + | <p></p> |
| | + | </div> |
| | + | <div id="myleftrightbox" class="fourboxes-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> |
| | + | <!-- 1st row four boxes ends here --> |
| | | | |
| - | <div id="bodyContent">
| |
| - | <div id="contentSub"></div>
| |
| - | <br>
| |
| | | | |
| - | <div class="floatbox3"> | + | <!-- <div id="sponsorbox" style="width:220px; float:right;"> --> |
| - | <h1> Project </h1> | + | |
| | + | <div id="sponsorbox"> |
| | + | <div id="sponsorbox" class="sponsorfloat"> |
| | + | <!-- twitter starts here --> |
| | + | </script> |
| | + | <div id="tweets"> |
| | + | <center> |
| | + | <h2>UCDavis iGEM Tweets</h2> |
| | + | </center> |
| | + | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> |
| | + | <script> |
| | + | new TWTR.Widget({ |
| | + | version: 2, |
| | + | type: 'profile', |
| | + | rpp: 10, |
| | + | interval: 30000, |
| | + | width: 203, |
| | + | height: 100, |
| | + | |
| | + | 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> |
| - | <p>Tell us more about your project. Give us background. Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs)
| |
| | | | |
| - | Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. PET is used in beverage containers, oven food trays, and video tapes. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources, making its impact go beyond the landfill. Plastic pollution is not isolated to landfills; plastic debris can wash up on shores and tons of plastic trash build up in the ocean. Marine animals can mistake the plastic debris as food, but since they cannot digest plastic they can starve. Plastic six pack rings can also choke animals by closing off the airway.
| + | <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> |
| | | | |
| - | We hope to achieve biodegradation of PET by manipulating E. coli to secrete a key enzyme called cutinase, a lipolytic and esterolytic enzyme. Degradation of PET creates two by-products, one of which is a mildly toxic compound called ethylene glycol. Ethylene glycol will be broken down by two enzymes (glycolaldehyde reductase and glycolaldehyde dehydrogenase) into glycolate, a glycolysis intermediate. Aside from ethylene glycol, another byproduct of PET degradation is terephthalic acid (TPA). It is a harmless substance that can be reused for PET production. We will not be focusing on turning TPA into a more useful material. However, we do know that a certain strain of E. coli is able to convert TPA into polyhydroxyalkanoates (PHA), a kind of biodegradable plastic.
| + | <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> |
| | | | |
| - | Even if the E. coli could successfully degrade a majority of the plastic, the strain would face intense competition if we were to try and implement is use in a landfill. E. coli will probably require a controlled, suitable environment to thrive in. One way to ensure this control would be to use a bioreactor.
| |
| - | </p>
| |
| - | <!--
| |
| - | <div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #c2c2c2; padding: 5px;">
| |
| - | This is a template page. READ THESE INSTRUCTIONS.
| |
| | </div> | | </div> |
| - | <div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #c1c1c1; padding: 5px;">
| |
| - | You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples.
| |
| | </div> | | </div> |
| - | <div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #cccccc; padding: 5px;"> | + | <!-- <br> --> |
| - | You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
| + | <!-- div id="myleftbox" style="width:625px; float:left;" --> |
| | + | <div id="myleftbox"> |
| | + | |
| | + | <div id="myleftbox" class="smallbox"> |
| | + | <h1>Project Overview</h1> |
| | + | <article> |
| | + | Environment-friendly plastic degradation has been a challenging and daunting task for our society. Plastic, one of the greatest discoveries of the 20th century is notoriously difficult to degrade or recycle in an efficient way. The overutilization of plastic and lack of integrated methods for its recycling has created major environmental threats that we are currently facing and will continue at a greater magnitude in the future. The Pacific Gyre patch, 3.5 million tons of floating trash that consists of nets, bottles, bags, among other more obscure items is such an example [2]. Plastic poses a serious threat to land and marine life, as animals often mistake it for food, or they consume byproducts that result from its partial degradation and are often toxic to them. Interestingly, collisions with floating or submerged waste objects has caused 269 boating accidents, resulting in 15 deaths, 116 injuries and 3 million dollars in damage, although this numbers are trivial when compared to the billion dollar catastrophes and uncertain future that this environmental hazard imposes to our society [3]. Furthermore, "It costs the state of California an estimated $72 million per year to collect and dispose of one-time use disposable cups and bags. In addition, it costs California an estimated $52.2 million per year to attempt to keep our beaches clean. In total, the current annual costs to public agencies for litter prevention, cleanup, and disposal is $375.2 million" [2]. |
| | + | |
| | + | <br> |
| | + | <center><img src="https://static.igem.org/mediawiki/2012/a/ad/Landfilllandscape.jpg"></center><br>Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment [1]. Most plastics are made from petroleum, oil or natural gas, and a variety of chemicals that are toxic to humans (including ethylene glycol). Phthalates and Bisphenol-A (BPA) are the most common types of chemicals used to make plastic materials. Phthalates have been known to cause diseases related to cancer or hormonal imbalances. BPA is often known to leak from bottles and migrate into liquids and foods it comes into contact with. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources [2]. Instead of approaching the problem by reducing the amount of input coming in, most firms are simply increasing the amount of bioplastic. These “biobottles” are only 30% biodegradable, meaning that there is still an influx of non-biodegradable plastic coming into our environment [4]. Currently, the processes to recycle these plastics are churning out energy, water, and greenhouse gases, creating a process that is more wasteful than sustainable. |
| | + | |
| | + | <br><br><center><img src="https://static.igem.org/mediawiki/2012/a/a1/Saharsaharsahar.JPG" ></center><br>This year, the UC Davis IGEM team aspires to use synthetic biology techniques to create a microbial strain that has the capacity to metabolize PET and degrade it to non-toxic compounds. To achieve this outcome, we utilize targeted bioengineering and directed evolution techniques on the E. coli MG1655 strain, currently one of the most well-studied organisms. More specifically, the goals of our project are: |
| | + | |
| | + | <br><br>1. Targeted bioengineering of <i>E. coli</i> MG1655 to utilize PET as a carbon source. We seek to this by introducing a couple different modules to the strain. The first module encodes a cutinase gene which has been found to degrade PET into ethylene glycol and terephthalic acid. The second encodes the first two enzymes in a pathway that has been found to feed ethylene glycol into the TCA cycle. |
| | + | |
| | + | <br><br>2. Rational protein engineering to increase the enzymatic activity of cutinase to degrade PET. |
| | + | |
| | + | <br><br>3. Directed evolution of the ethylene glycol degradation pathway to increase its efficiency of ethylene glycol metabolism in E. coli cultures. Reintroduction of the glycolaldehyde reductase and glycolaldehyde dehydrogenase enzymes in various constructs to MG1655 and E-15 EG3 to increase the ethylene glycol consumption beyond E-15 EG3’s original capabilities. |
| | + | </article></div> |
| | + | |
| | + | |
| | + | |
| | + | <br> |
| | + | <div id="myleftbox" class="smallbox"><h1> References </h1> |
| | + | <article> |
| | + | |
| | + | 1. Mazzoni, Mary. "PET Bottle Recycling Tops 1.5 Billion Pounds." Earth911. N.p., 13 Oct. 2011. Web. 4 Aug. 2012. <br>http://earth911.com/news/2011/10/13/pet-bottle-recycling-tops-1-5-billion-pounds/ |
| | + | <br> |
| | + | 2. "Pollution Prevention." Save Our Shores. Earth Resources, n.d. Web. 28 July 2012. <br>http://www.saveourshores.org/what-we-do/pollution-prevention.php |
| | + | <br> |
| | + | 3. "Environmental Impact of The Garbage Patch." Environmentalimpact. University of Maine, Farmington, n.d. Web. 12 Aug. 2012. <br>http://students.umf.maine.edu/kevin.p.leary/public.www/environmentalimpact.html |
| | + | <br> |
| | + | 4. Ghosh, Labonita. "Green Drive Makes Coca-Cola & Pepsi See Red Once Again." The Economic Times. Bennett, Coleman & Co. Ltd., 23 Feb. 2012. Web. 05 Aug. 2012. <br>http://articles.economictimes.indiatimes.com/2012-02-23/news/31091279_1_coca-cola-bottle-plant-bottle-carbon-footprint |
| | + | |
| | + | </article> |
| | </div> | | </div> |
| | | | |
| | | | |
| - | <p><br />
| |
| - | </p><p><br />
| |
| - | </p>
| |
| - | <table align="justify">
| |
| - | <tr>
| |
| - | <td>You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
| |
| - | </td><td><div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="https://2012.igem.org/wiki/index.php?title=Special:Upload&wpDestFile=UC_Davis_logo.png" class="new" title="File:UC Davis logo.png">File:UC Davis logo.png</a> <div class="thumbcaption">200px</div></div></div>
| |
| - | </td></tr>
| |
| - | <tr>
| |
| - | <td>
| |
| - | <p><i>Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)</i>
| |
| - | </p>
| |
| - | </td><td><div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/wiki/index.php?title=Special:Upload&wpDestFile=UC_Davis_team.png" class="new" title="File:UC Davis team.png">File:UC Davis team.png</a> <div class="thumbcaption">Your team picture</div></div></div>
| |
| - | </td></tr>
| |
| - | <tr>
| |
| - | <td>
| |
| - | </td><td align="center"><strong class="selflink"> Team UC_Davis</strong>
| |
| - | </td></tr></table>
| |
| - | <p><br />
| |
| - | </p>
| |
| - | <table style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" width="62%" align="center">
| |
| - | <tr>
| |
| - | <th align="center"><strong class="selflink">Home</strong>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team:UC Davis/Team">Team</a>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team.cgi?year=2012&team_name=UC_Davis" class="external text" rel="nofollow">Official Team Profile</a>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Team:UC Davis/Project">Project</a>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team:UC_Davis/Parts" title="Team:UC Davis/Parts">Parts Submitted to the Registry</a>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team:UC_Davis/Modeling" title="Team:UC Davis/Modeling">Modeling</a>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Team:UC Davis/Notebook">Notebook</a>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Team:UC Davis/Safety">Safety</a>
| |
| - | </th><th align="center"><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Team:UC Davis/Attributions">Attributions</a>
| |
| - | </th></tr></table>
| |
| - | -->
| |
| - | <!--
| |
| - | NewPP limit report
| |
| - | Preprocessor node count: 4/1000000
| |
| - | Post-expand include size: 0/2097152 bytes
| |
| - | Template argument size: 0/2097152 bytes
| |
| - | Expensive parser function count: 0/100
| |
| - | -->
| |
| | | | |
| - | <!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:1318-0!1!0!!en!2!edit=0 and timestamp 20120705172055 --> | + | |
| - | <!-- | + | <!-- 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"> | | <div class="printfooter"> |
| | Retrieved from "<a href="https://2012.igem.org/Team:UC_Davis">https://2012.igem.org/Team:UC_Davis</a>"</div> | | 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> | + | <div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content --> |
| - | -->
| + | <div class="visualClear"></div> |
| - | <!-- end content --> | + | |
| - | <!-- <div class="visualClear"></div > --> | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | | | |
| | + | |
| | <script>if (window.runOnloadHook) runOnloadHook();</script> | | <script>if (window.runOnloadHook) runOnloadHook();</script> |
| | </div> | | </div> |
| - | <!-- Served in 0.192 secs. --> | + | </div> |
| - | </body>
| + | <!-- footer ends here --> |
| | </html> | | </html> |
"
