|
|
(41 intermediate revisions not shown) |
Line 80: |
Line 80: |
| <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" /> | | <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> | | <script type="text/javascript" src ="https://2012.igem.org/forum/forum_scripts.js"></script> |
| + | |
| + | <!-- slide script starts here --> |
| + | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
- | $(document).ready(function(){ | + | function slider() { |
- | $('.ntabs a').click(function() {
| + | var $current = $('#slides IMG.current'); |
- | $this = $(this);
| + | |
- | $('.npanel').hide();
| + | if ( $current.length == 0 ) $current = $('#slides IMG:last'); |
- | $('.ntabs a.active').removeClass('active');
| + | var $next = $current.next().length ? $current.next() |
- | $this.addClass('active').blur();
| + | : $('#slides IMG:first'); |
- | var contents = $this.attr('href');
| + | |
- | $(contents).fadeIn(250);
| + | $current.addClass('previous'); |
- | return false;
| + | $next.css({opacity: 0.0}) |
- | });
| + | .addClass('current') |
- | $('.ntabs li:first a').click();
| + | .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(){ | | $(document).ready(function(){ |
- | $("#firstpane p.menu_head").click(function() | + | |
- | { | + | $('a.lightbox').click(function(e) { |
- | $(this).css({backgroundImage:"url(./arrow_down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); | + | $('body').css('display', 'inherit'); // hide scrollbars! |
- | $(this).siblings().css({backgroundImage:"url(./arrow_right.png)"}); | + | |
- | }); | + | $('<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; |
| + | }); |
| }); | | }); |
| | | |
- | </script> | + | 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 110: |
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 127: |
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%; height: 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 139: |
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 -->
| |
| | | |
| #globalWrapper { | | #globalWrapper { |
Line 150: |
Line 227: |
| padding: 0; | | padding: 0; |
| padding-bottom: 10px; | | padding-bottom: 10px; |
- | # background:url(http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg); | + | # background:url(https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg); |
| # background-repeat: no-repeat; | | # background-repeat: no-repeat; |
| # background-attachment: fixed; | | # background-attachment: fixed; |
Line 171: |
Line 248: |
| body { | | body { |
| background-color: rgba(255,255,255,1); | | background-color: rgba(255,255,255,1); |
- | background-image: url('http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg'); | + | background-image: url('https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg'); |
| background-size: 100%; | | background-size: 100%; |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
Line 238: |
Line 315: |
| position:relative; | | position:relative; |
| height:42px; | | height:42px; |
- | width: 856px; | + | width: 850px; |
| margin-left: -2px; | | margin-left: -2px; |
| display:block; | | display:block; |
Line 250: |
Line 327: |
| list-style-type:none; | | list-style-type:none; |
| height:24px; | | height:24px; |
| + | width: 107px; |
| list-style-image:none; | | list-style-image:none; |
| background: #004b85; | | background: #004b85; |
Line 255: |
Line 333: |
| #newnavi .newmenu li { | | #newnavi .newmenu li { |
| float:right; | | float:right; |
- | height:24px;
| |
- | width: 103px;
| |
| background: #004b85; | | background: #004b85; |
- | # margin-left: solid 2px transparent;
| + | text-align:center; |
- | # margin-right: solid 2px transparent;
| + | |
- | # margin-bottom: solid 1px transparent;
| + | |
- | # border-right: 4px solid #eaf0f2;
| + | |
- | # border-left: 2px solid #eaf0f2;
| + | |
- | border-right: 2px solid transparent;
| + | |
- | border-left: 2px solid transparent;
| + | |
- | text-align:center;
| + | |
| } | | } |
| #newnavi .newmenu .selected { | | #newnavi .newmenu .selected { |
Line 271: |
Line 340: |
| } | | } |
| #newnavi .newmenu li a { | | #newnavi .newmenu li a { |
- | text-align:center; vertical-align:middle; width:82px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold; | + | 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 { | | #newnavi .newmenu li:hover a { |
Line 277: |
Line 346: |
| } | | } |
| #newnavi .newmenu ul { | | #newnavi .newmenu ul { |
- | position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background:lavender; | + | 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 { | | #newnavi .newmenu li:hover { |
Line 283: |
Line 352: |
| } | | } |
| #newnavi .newmenu li:hover ul { | | #newnavi .newmenu li:hover ul { |
- | left:0px; top:23px; background:lavender; width:103px; opacity:0.7; z-index:4; | + | left:0px; top:26px; background: #05bcea; width:150px; opacity:1.0 ; z-index:4; |
| } | | } |
| #newnavi .newmenu li:hover ul li { | | #newnavi .newmenu li:hover ul li { |
- | height:17px; | + | |
- | border:none;
| + | background: #05bcea; |
- | background:lavender; | + | |
| } | | } |
| #newnavi .newmenu li:hover ul li a { | | #newnavi .newmenu li:hover ul li a { |
- | text-align:center; height:17px; padding:0px;display:block; font-size:12px; width:103px; line-height:16px; text-indent:0px; color:#444; | + | text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444; |
- | background-color:transparent; text-decoration:none; border:0px solid transparent; | + | background-color: #05bcea; text-decoration:none; |
| } | | } |
| #newnavi .newmenu li:hover ul li a:hover { | | #newnavi .newmenu li:hover ul li a:hover { |
- | height:18px; background:silver; color:#000; border:solid 0px #444;
| + | background: #05bcea; color:#ffffff; width:150px; |
| } | | } |
- | /* slide starts here */
| + | |
| + | |
| + | #newnavi .newmenu li ul li ul { |
| + | height:40px; |
| + | left:299px; |
| + | top:-26px; |
| + | margin: 0; |
| + | padding: 0; |
| + | list-style: none; |
| + | width: 150px; |
| + | position:absolute; |
| + | display:none; |
| + | } |
| + | |
| + | #newnavi .newmenu li ul li ul li { |
| + | position:relative; |
| + | background: #05bcea; |
| + | width: 150px; |
| + | } |
| + | |
| + | #newnavi .newmenu li ul li ul li a { |
| + | |
| + | 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 321: |
Line 435: |
| z-index:2; | | z-index:2; |
| } | | } |
- | /* slide ends here */
| |
- | //leftbox, rightbox starts here
| |
| | | |
| + | .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 | | #myleftbox |
| { | | { |
Line 329: |
Line 605: |
| width:625px; | | width:625px; |
| float:left; | | float:left; |
- | background-color:#d2d2d2; | + | background-color:; |
| margin-top: 0px; | | margin-top: 0px; |
| border-radius: 4px; | | border-radius: 4px; |
Line 339: |
Line 615: |
| #myleftbox .smallbox | | #myleftbox .smallbox |
| { | | { |
- | width:595px; | + | width:604px; |
| float:left; | | float:left; |
| background-color:#bfbfbf; | | background-color:#bfbfbf; |
- | margin-top: 17px; | + | margin-top: 15px; |
- | margin-bottom: 10px;
| + | |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 361: |
Line 636: |
| font-weight:bold; | | 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 | | #myleftbox .threeboxes |
| { | | { |
- | width:175px; | + | width:191px; |
| float:left; | | float:left; |
| background-color:rgba(143,143,143,0.7); | | background-color:rgba(143,143,143,0.7); |
- | margin-top: 17px; | + | margin-top: 15px; |
| border-radius: 4px; | | border-radius: 4px; |
| border-left:2px solid #e8eff1; | | border-left:2px solid #e8eff1; |
| border-right:2px solid #e8eff1; | | border-right:2px solid #e8eff1; |
- | padding: 15px 15px 15px 15px; | + | padding: 7px 7px 7px 7px; |
| font: sans-serif; | | font: sans-serif; |
| font-size: 13px; | | font-size: 13px; |
| color: white; | | 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; |
| } | | } |
| | | |
Line 383: |
Line 685: |
| float:left; | | float:left; |
| background-color:#ba9108; | | background-color:#ba9108; |
- | margin-top: 17px; | + | margin-top: -52px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 396: |
Line 698: |
| #float:left; | | #float:left; |
| background-color:#ba9108; | | background-color:#ba9108; |
- | margin-top: 17px; | + | margin-top: -52px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 408: |
Line 710: |
| float:right; | | float:right; |
| background-color:#ba9108; | | background-color:#ba9108; |
- | margin-top: 17px; | + | margin-top: -52px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
Line 414: |
Line 716: |
| font-size: 13px; | | font-size: 13px; |
| color: white; | | 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; |
| } | | } |
| | | |
Line 419: |
Line 764: |
| { | | { |
| position: relative; | | position: relative; |
- | width: 215px; | + | width: 208px; |
- | margin-top:17px; | + | margin-top:15px; |
| float: right; | | float: right; |
| height: auto; | | height: auto; |
Line 427: |
Line 772: |
| #sponsorbox .sponsorfloat | | #sponsorbox .sponsorfloat |
| { | | { |
- | width:205px; | + | left:-3px; |
| + | width:198px; |
| float: right; | | float: right; |
| background-color: #004b85; | | background-color: #004b85; |
Line 445: |
Line 791: |
| font-size:130%; | | font-size:130%; |
| } | | } |
- | //leftbox, rightbox ends here
| |
| | | |
| #sponsorbox .sponsorfloat a | | #sponsorbox .sponsorfloat a |
| { | | { |
| color:white; | | color:white; |
| + | font: sans-serif; |
| + | } |
| + | |
| + | #sponsorbox .sponsorfloat p |
| + | { |
| + | font: sans-serif; |
| } | | } |
| .newsAnnouncement | | .newsAnnouncement |
Line 458: |
Line 809: |
| overflow-y:scroll; | | overflow-y:scroll; |
| } | | } |
- | <!-- notebook tab style starts here -->
| |
- | .ntabs {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | zoom : 1;
| |
- | }
| |
- | .ntabs li {
| |
- | float: left;
| |
- | list-style: none;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | }
| |
- | .ntabs a {
| |
- | display: block;
| |
- | text-decoration: none;
| |
- | padding: 1px 8px 1px 8px;
| |
- | background-color: #ba9108;
| |
- | margin-right:1px;
| |
- | border: 1px solid rgb(153,153,153);
| |
- | border-radius: 4px 4px 0px 0px;
| |
- | margin-bottom: -1px;
| |
- | font-size:14px;
| |
- | line-height:25px;
| |
- | }
| |
- | .ntabs a.active {
| |
- | border-bottom: 1px solid #fdf2b2;
| |
- | background-color: #fdf2b2;
| |
- | color: #004b85;
| |
- | position: relative;
| |
- | }
| |
- | .ntabs a:hover {
| |
- | background-color: rgba(186,145,8,0.3);
| |
- | }
| |
- | .npanelContainer {
| |
- | background:url("./notepad_pattern.jpg") repeat;
| |
- | clear: both;
| |
- | margin-bottom: 25px;
| |
- | border: 1px solid rgb(153,153,153);
| |
- | background-color: white;
| |
- | padding: 17px 0 0 10px;;
| |
- | font-size:14px;
| |
- | line-height:25px;
| |
- | border-radius:4px;
| |
- | }
| |
- |
| |
- | .npanel h2 {
| |
- | color: rgb(57,78,121);
| |
- | text-shadow: none;
| |
- | }
| |
- | .npanel p {
| |
- | color: black;
| |
- | }
| |
- | <!-- notebook tab style ends here -->
| |
- | #firstpane {
| |
- | position:relative;
| |
- | }
| |
- | #firstpane p {
| |
- | display:block;
| |
- | }
| |
- | #firstpane .menu_head {
| |
- | padding: 5px 20px;
| |
- | cursor: pointer;
| |
- | position: relative;
| |
- | margin:1px;
| |
- | font-weight:bold;
| |
- | background: #eef4d3 url(./arrow_right.png) center left no-repeat;
| |
- | background-position: 5px center;
| |
- | background-size: 0.7em auto;
| |
- | }
| |
- |
| |
- | #firstpane .menu_body {
| |
- | display:none;
| |
- | background-color:#e1e1e1;
| |
- | background-image:none !important;
| |
- | margin-top:-5px
| |
- | border-radius:4px;
| |
- | padding:10px;
| |
- | }
| |
- | #firstpane .menu_body a {
| |
- | display:block;
| |
- | color:#006699;
| |
- | background-color:#EFEFEF;
| |
- | padding-left:10px;
| |
- | font-weight:bold;
| |
- | text-decoration:none;
| |
- | }
| |
- | #firstpane .menu_body a:hover {
| |
- | color: #000000;
| |
- | text-decoration:underline;
| |
- | }
| |
- |
| |
| | | |
| .floatbox3 | | .floatbox3 |
Line 596: |
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 605: |
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 620: |
Line 986: |
| <ul> | | <ul> |
| <li style='color:#014457; cursor:default'><a>teams</a></li> | | <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='selected' ><a href="https://2012.igem.org/Team:UC_Davis/Project">Page</a></li> |
- | | + | <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis/Project&action=edit&redlink=1">Discussion</a></li> |
- | <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis&action=edit&redlink=1">Discussion</a></li> | + | |
| <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project&action=edit">Edit</a></li> | | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project&action=edit">Edit</a></li> |
- | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&action=history">History</a></li> | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project&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/Special:MovePage/Team:UC_Davis/Project">Move</a></li> |
- | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&action=watch">Watch</a></li> | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project&action=watch">Watch</a></li> |
| <li><a href="https://igem.org/Login">Log in</a></li> | | <li><a href="https://igem.org/Login">Log in</a></li> |
| | | |
Line 633: |
Line 998: |
| <div id="newnavi"> | | <div id="newnavi"> |
| <ul class="newmenu"> | | <ul class="newmenu"> |
- | <li ><a href="https://2012.igem.org/" title="Back to iGEM">iGEM</a></li>
| + | <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 href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li> |
| | | |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a> | + | <li ><a title="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a> |
| <ul> | | <ul> |
- | <li ><a href="./Data.htm ">Data 1</a></li> | + | <li ><a href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity" title="Data">Cutinase Activity</a></li> |
- | <li ><a href="./Data.htm ">Data 2</a></li> | + | <li ><a href="https://2012.igem.org/Team:UC_Davis/Data/Ethylene_Glycol" |
- | <li ><a href="./Data.htm ">Data 3</a></li>
| + | title="Data">Ethylene Glycol</a></li> |
- | </ul>
| + | <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> |
| <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a> | | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a> |
| <ul> | | <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/Protocols ">Protocols</a></li> |
- | <li ><a href="Notebook.htm ">Week 1</a></li> | + | <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery">Gallery</a></li> |
- | <li ><a href="Notebook.htm ">Week 2</a></li>
| + | |
- | <li ><a href="Notebook.htm ">Week 3</a></li>
| + | |
| </ul> | | </ul> |
| </li> | | </li> |
Line 655: |
Line 1,029: |
| <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/Safety" title="Safety">Safety</a></li> |
| | | |
- | <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a> | + | <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a> |
| <ul> | | <ul> |
- | <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li> | + | <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/Strain">Strain</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" style="font-size:8pt">Protein 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> | | </ul> |
| </li> | | </li> |
Line 666: |
Line 1,047: |
| </ul> | | </ul> |
| </div> | | </div> |
- | <!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here --> | + | <!-- slide show starts here |
- | <img src="http://img.photobucket.com/albums/v26/bluemelon/project_banner1.jpg" width="850" height="214"> | + | <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> |
| + | <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 --> |
| + | |
| + | <img src="https://static.igem.org/mediawiki/2012/7/74/UCD_project_banner.jpg"> |
| | | |
| <div id="bodyContent"> | | <div id="bodyContent"> |
Line 673: |
Line 1,069: |
| <!-- </div> --> | | <!-- </div> --> |
| <!-- float: right; first try --> | | <!-- 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="sponsorbox" style="width:220px; float:right;"> --> | | <!-- <div id="sponsorbox" style="width:220px; float:right;"> --> |
| | | |
| <div id="sponsorbox"> | | <div id="sponsorbox"> |
| <div id="sponsorbox" class="sponsorfloat"> | | <div id="sponsorbox" class="sponsorfloat"> |
| + | <!-- twitter starts here --> |
| + | </script> |
| + | <div id="tweets"> |
| <center> | | <center> |
- | <h2>News</h2> | + | <h2>UCDavis iGEM Tweets</h2> |
| </center> | | </center> |
- | <div class="newsAnnouncement"> | + | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> |
- | <ul> | + | <script> |
- | <li>Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown. </li> | + | new TWTR.Widget({ |
- | <li>Requested the protocal from the iGEM Washington 2011 team, July 10th. </li>
| + | version: 2, |
- | <li>Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill. </li>
| + | type: 'profile', |
- | <li>Sushi buffet for lunch, June 21st</li>
| + | rpp: 10, |
- | <li>First day of iGEM meeting, June 18th</li>
| + | interval: 30000, |
- | </ul> | + | 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> | | </div> |
| + | <!-- twitter ends here --> |
| </div> | | </div> |
| | | |
Line 710: |
Line 1,161: |
| | | |
| <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> | + | <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> |
| | | |
Line 717: |
Line 1,168: |
| </center> | | </center> |
| | | |
- | </div> | + | <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> |
| | | |
- | <!--
| |
- | <a href="https://2011.igem.org/Team:UC_Davis/PartFamilies"><div id="sponsorbox" class="sponsorfloat"></a>
| |
| <center> | | <center> |
- | <h2>Start a Family</h2> | + | <a href="http://www.arcadiabio.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/4/46/UCD_Arcadia_sponsor.jpg |
- | Got a favorite BioBrick? Check our our <a href="https://2011.igem.org/Team:UC_Davis/PartFamilies">process</a> for expanding basic parts into part families.
| + | " width="200"></a> |
- | </div> | + | </center> |
- | -->
| + | |
| | | |
- | <div id="sponsorbox" class="sponsorfloat">
| |
| <center> | | <center> |
- | <h2>Criteria</h2> | + | <a href="http://provost.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/8/82/UCD_Provost_sponsor.jpg |
- | View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
| + | " width="200"></a> |
| </center> | | </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> |
| </div> | | </div> |
- | | + | <!-- <br> --> |
| + | <!-- div id="myleftbox" style="width:625px; float:left;" --> |
| <div id="myleftbox"> | | <div id="myleftbox"> |
| + | |
| <div id="myleftbox" class="smallbox"> | | <div id="myleftbox" class="smallbox"> |
- | <!-- Project content starts here --> | + | <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: |
| | | |
- | <!-- <div class="floatbox3"> --> | + | <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. |
- | <h1> Project </h1> | + | |
| + | <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> | | <article> |
- | 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. 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. 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.
| + | |
| + | 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> | | </article> |
- | <!-- </div> -->
| + | </div> |
| | | |
- | <br>
| |
- | <!-- <div class="floatbox3"> -->
| |
- | <h1> What we did </h1>
| |
- | <!-- </div> -->
| |
| | | |
| | | |
- | <!-- Project content ends here --> | + | |
| + | <!-- 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> | | </div> |
Line 761: |
Line 1,348: |
| </div> | | </div> |
| </div> | | </div> |
- |
| |
- |
| |
| </body> | | </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> |