|
|
(44 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 97: |
Line 198: |
| min-height:100%; /* real browsers */ | | min-height:100%; /* real browsers */ |
| } | | } |
- | #top-section { z-index: 2; height: 10px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;} | + | #top-section { z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;} |
| #p-logo { height:1px; overflow:hidden; display: none;} | | #p-logo { height:1px; overflow:hidden; display: none;} |
| #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;} | | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;} |
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 166: |
Line 276: |
| text-align: right; | | text-align: right; |
| text-transform: lowercase; | | text-transform: lowercase; |
- | color: white;
| |
| } | | } |
| | | |
Line 202: |
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;
| + | |
- | list-style:none;
| + | |
- | 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 259: |
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:green; |
| + | } |
| + | #myleftrightbox .fourboxes-2:hover { |
| + | background-color:orange; |
| + | } |
| + | #myleftrightbox .fourboxes-3:hover { |
| + | background-color:#05bcea; |
| + | } |
| + | #myleftrightbox .fourboxes-4:hover { |
| + | background-color:#676767; |
| + | } |
| + | |
| + | |
| + | #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 265: |
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 287: |
Line 836: |
| font-weight: bold; | | font-weight: bold; |
| color: #016D8B; | | color: #016D8B; |
| + | } |
| + | |
| + | .floatbox3 article{ |
| + | font-size: 14px; |
| + | color: #000000; |
| } | | } |
| | | |
Line 302: |
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 311: |
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 327: |
Line 987: |
| <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/Safety">Page</a></li> | | <li class='selected' ><a href="https://2012.igem.org/Team:UC_Davis/Safety">Page</a></li> |
| + | |
| <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis/Safety&action=edit&redlink=1">Discussion</a></li> | | <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis/Safety&action=edit&redlink=1">Discussion</a></li> |
| <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Safety&action=edit">Edit</a></li> | | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Safety&action=edit">Edit</a></li> |
- | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Safety&action=history">History</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/Special:MovePage/Team:UC_Davis/Safety">Move</a></li> | | <li><a href="https://2012.igem.org/Special:MovePage/Team:UC_Davis/Safety">Move</a></li> |
| <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Safety&action=watch">Watch</a></li> | | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Safety&action=watch">Watch</a></li> |
Line 336: |
Line 997: |
| </ul> | | </ul> |
| </div> | | </div> |
- |
| + | <div id="newnavi"> |
- | <div id="nav">
| + | <ul class="newmenu"> |
- | <ul>
| + | <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 class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li> |
- | <img src="https://static.igem.org/mediawiki/2012/f/f4/UCDMain-button_05selected.jpg"></a></li>
| + | |
| | | |
- | <li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project"> | + | <li ><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 class="groupb"><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">
| + | <li ><a title="https://2012.igem.org/Team:UC_Davis/Project/Strain">Chassis Engineering </a> |
- | <img src="http://img.photobucket.com/albums/v26/bluemelon/main-button_03.jpg"></a></li> | + | <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" title="Home"> | + | <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/c/c4/UCDMain-button_02normal.jpg"></a></li>
| + | <img src="https://static.igem.org/mediawiki/2012/e/e3/UCD_Slide_2.jpg" width="850" height="280" alt="" /> |
- | </ul>
| + | <img src="https://static.igem.org/mediawiki/2012/d/d9/UCD_Slide_3.jpg" width="850" height="280" alt="" /> |
- | </div>
| + | <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/5/54/UCD_safety_banner.jpg"> |
| + | |
| + | |
| + | <!-- <div id="sponsorbox" style="width:220px; float:right;"> --> |
| + | |
| + | <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 id="sponsorbox" class="sponsorfloat"> |
| + | <center> |
| + | <h2>Our Sponsors</h2> |
| + | <a href="http://www.novozymes.com/en/Pages/default.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2011/2/21/UCD_Novozymes-logo.jpg" width="200"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://engineering.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/f/f6/UCD_CoE.png" width="200" height="40"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://www.cs.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/6/6b/UCD_Computer_sponsor.jpg" width="200"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://www.fishersci.com" target="_blank"><img src="https://static.igem.org/mediawiki/2011/a/a4/UCD_Fisher_Logo.gif" width="200"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://www.arcadiabio.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/4/46/UCD_Arcadia_sponsor.jpg |
| + | " width="200"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://provost.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/8/82/UCD_Provost_sponsor.jpg |
| + | " width="200"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://www.research.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/9/99/UCD_Research_sponsor.jpg" width="200"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a href="http://ucomm.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/b/b4/UCD_Communications_sponsor.jpg" width="200"></a> |
| + | </center> |
| + | |
| + | <center> |
| + | <a title="" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/25/UCD_Schultz_sponsor.jpg |
| + | " width="200"></a> |
| + | </center> |
| + | |
| + | </div> |
| + | </div> |
| + | <!-- <br> --> |
| + | <!-- div id="myleftbox" style="width:625px; float:left;" --> |
| + | <div id="myleftbox"> |
| + | |
| + | <div id="myleftbox" class="smallbox"> |
| + | <h1>Background</h1> |
| + | <article> |
| + | Originally, we wanted to optimize our engineered bacteria to live in landfills. Our goal was to break down PET at the source of the problem itself. As a team, we took a trip to Yolo County Landfill and learned that a diverse group of bacteria already lives amongst the debris. However, we also learned that our engineered bacteria would have next to no chance of survival amid the competitive microbes already present. Since our <i>E. coli</i> could not survive in the landfill, we shifted our focus to thinking about how the bacteria would work on an industrial level, with the controlled atmosphere of bioreactors to help the <i> E. coli</i> survive. If our project were implemented in industry, this would have the added bonus for safety of containment, which would prevent any concerns associated with releasing the bacteria into the environment. |
| <br> | | <br> |
- | <!--<a><h1 class="firstHeading">Team:UC Davis</h1></a>-->
| |
| | | |
| + | <h1>Safety</h1> |
| + | <article> |
| + | Our team made sure to perform a thorough analysis of safety for all parts of our project, since safety for researchers, the public, and the environment are all important. We work within a Level 2 Biosafety Lab, as defined by the <i>Laboratory Biosafety Manual</i> (1). This facility is well equipped to work with all the strains of E. coli we used. We used MG1655, DH5α, and K12, all of which are Risk Level 1, meaning these strains pose no pathogenic risk to humans, and were completely contained within the lab. |
| + | <br><br> |
| + | |
| + | We always made use of protective gear, such as wearing gloves at all times, face masks when using UV lamps, and lab coats when appropriate. All of our waste was autoclaved on site as well, and all tools and glassware thoroughly cleaned after each use. |
| + | <br><br> |
| + | |
| + | We worked with ethylene glycol during our experiments, which is toxic to the kidney, liver and central nervous system, as well as a skin and eye irritant. Obviously, we wanted to be very safe when using this chemical, so we made sure to consult with our advisers on how best to handle it. When using ethylene glycol, we always worked under a fume hood and wore lab coats. We had a separate waste bottle for all of the byproducts with ethylene glycol, so that the waste could be treated and properly disposed of. |
| + | <br><br> |
| | | |
- | <div id="bodyContent"> | + | <center> |
- | <div id="contentSub"></div>
| + | <img src="https://static.igem.org/mediawiki/2012/3/38/UCD_sterile3.jpg" align="left"> |
| + | <img src="https://static.igem.org/mediawiki/2012/2/2e/UCD_gloves2-1.jpg" align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2012/3/3d/UCD_autoclave3.jpg" align="right"> |
| + | </center> |
| <br> | | <br> |
| | | |
- | <div class="floatbox3"> | + | The University of California at Davis has a biosafety group, which heads the disposal and use of hazardous materials. They approve of our project and the procedures that we have followed. Further, they are excited for the potential that this project has, in terms of making the environment safer for inhabitants. |
- | <h1> Safety </h1> | + | <br><br> |
| + | |
| + | |
| + | Our project, when properly functioning, should not have any harmful effect on the environment, researchers, or the public. We keep everything contained within the lab, and all of the plates and wastes are autoclaved to prevent all bacteria we use from spreading to the outside environment. |
| + | <br><br> |
| + | |
| + | If we were to implement our bacteria in a landfill, it could not survive past a couple generations and therefore would not be very toxic. However, if we were to imagine a more robust version of our strain created in the future, we would implement a kill switch, which has already been created using synthetic biology, to make sure we could stop it (2). We would also create a system similar to Imperial College London’s Gene Guard, which would stop to plastic-degrading plasmid from getting transferred to other bacteria (3). This would contain the plasmid within only our bacteria, so it would not get out of hand. |
| + | <br><br> |
| + | Our project could potentially be dangerous if our strain received a pathogenic plasmid by lateral gene transfer from other organisms. However, if this were a concern, our strain would be just a susceptible to pathogenicity as any other. If someone with malicious intent were to use our construct, perhaps the most they could do is release it into the water way and have it degrade plastic pipes made of PET, or modify it to degrade other plastics in addition to PET and degrade something useful. Cutinase, the first enzyme in our degradation pathway, functions optimally at 50° C, and the water in our pipes would most likely not be at that temperature. Also, it is unlikely the strain would survive under conditions such as this temperature and being in an aquatic environment (4). |
| + | <br><br> |
| + | <center> |
| + | <img src="https://static.igem.org/mediawiki/2012/0/07/UCD_fumehood3.jpg" align="left"> |
| + | |
| + | <img src="https://static.igem.org/mediawiki/2012/8/8a/UCD_UV3.jpg" align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2012/2/25/UCD_gloves3.jpg" align="right"> |
| + | </center> |
| + | </article> |
| </div> | | </div> |
- | <p>1. Would any of your project ideas raise safety issues in terms of:
| |
| | | |
- | researcher safety, public safety, or environmental safety?</br></br>
| + | <div id="myleftbox" class="smallbox"> |
- | The accumulation of plastic products poses a hazard to the environment, as well as humans,
| + | <h1> Questions </h1> |
- | through drinking water contamination. This threat led us to develop a degradation pathway to
| + | <article> |
- | turn the polyethylene terephthalate into different substrates. We produce terephthalic acid and
| + | <b>1. Would any of your project ideas raise safety issues in terms of: researcher safety, public safety, or environmental safety?</b> |
- | ethylene glycol. Ethylene glycol is a moderately toxic substance, which is oxidized to glycolic
| + | |
- | acid. The glycolic acid is further oxidized to oxalic acid – a toxic substance that affects the central
| + | |
- | nervous system via the liver. However, in the environment, the ethylene glycol will be degraded
| + | |
- | by hydroxyl radicals and in sewage sludge, it is readily biodegradable. Because ethylene glycol
| + | |
- | must be ingested to pose a problem, researchers take extra precaution to make sure there
| + | |
- | are no splashes of ethylene glycol in the laboratory and the wastes will be disposed of in the
| + | |
- | appropriate hazardous waste receptacles. Ethylene glycol can also be a mild irritant if it comes
| + | |
- | in contact with the skin or if it is inhaled, so researchers wear eye protection as well as gloves
| + | |
- | and lab coats, and always work with ethylene glycol in the confine of a fume hood. Also, in our
| + | |
- | constructs, we have produced enzymes that will degrade ethylene glycol into glycoaldehyde
| + | |
- | and then glycolate. The glycolate has the potential to be turned in to oxaloacetate, a metabolic
| + | |
- | intermediate.
| + | |
- | In the environment, ethylene glycol can potentially be toxic within waterways, however
| + | |
- | the team made sure to dispose of ethylene glycol in a responsible way. </p>
| + | |
| | | |
- | <p>2. Do any of the new BioBrick parts (or devices) that you made this year raise any safety | + | <br> |
| | | |
- | issues? If yes, did you document these issues in the Registry? How did you manage to handle the safety issue? How could other teams learn from your experience? </br> </br>
| + | Our projects involves ethylene glycol, a moderately toxic substance, which is eventually oxidized to oxalic acid – a toxic substance that affects the central nervous system via the liver. Because ethylene glycol must be ingested to pose a problem, researchers take extra precaution to make sure there are no splashes of ethylene glycol in the laboratory and the wastes will be disposed of in the appropriate hazardous waste receptacles. Ethylene glycol can also be a mild irritant if it comes in contact with the skin or if it is inhaled, so researchers wear eye protection as well as gloves and lab coats, and always work with ethylene glycol in the confine of a fume hood. |
- | Our BioBrick parts this year do not raise safety issues, despite the ethylene glycol production.
| + | <br><br>In the environment, ethylene glycol is degraded by hydroxyl radicals and in sewage sludge, it is readily biodegradable. However, ethylene glycol can potentially be toxic within waterways so to ensure environmental safety the team has taken extra precautions to dispose of ethylene glycol safely. |
| + | Additionally, we have considered how to deal with ethylene glycol by designing a circuit in which we produce enzymes that will degrade ethylene glycol into glycoaldehyde and then glycolate. The glycolate has the potential to be turned in to oxaloacetate, a metabolic intermediate. |
| | | |
- | The safety management procedures have been discussed in the previous question’s answer. The novel part that we are submitting to the Registry is the cutinase gene, in BioBrick format. This is a lipolytic enzyme that does not pose a threat to humans. </p>
| + | <br><br> |
| | | |
- | <p>3. Is there a local biosafety group, committee, or review board at your institution? | + | <b>2. Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues? If yes, did you document these issues in the Registry? How did you manage to handle the safety issue? How could other teams learn from your experience?</b> |
| | | |
- | If yes, what does your local biosafety group think about your project?
| + | <br> |
| | | |
- | If no, which specific biosafety rules or guidelines do you have to consider in your
| + | Our BioBrick parts this year do not raise any serious safety issues. However one part, the LC-Cutinase gene <a href="http://partsregistry.org/Part:BBa_K936000">BBa_K936000</a>, encodes an enzyme that breaks down PET into ethylene glycol, a moderately toxic substance. This has been noted on its registry page. The safety management procedures have been discussed in the previous question’s answer. The novel part that we are submitting to the Registry is the cutinase gene, in BioBrick format. This is a lipolytic enzyme that does not pose a threat to humans. |
| | | |
- | country? </br></br>
| + | <br><br> |
- | The University of California at Davis has a biosafety group, which heads the disposal and use of
| + | |
- | hazardous materials. They approve of our project and the procedures that we have followed. Further, they are excited for the potential that this project has, in terms of making the environment safer for ihabitants.</p>
| + | |
| | | |
- | <p>4. Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering? | + | <b>3. Is there a local biosafety group, committee, or review board at your institution? If yes, what does your local biosafety group think about your project? If no, which specific biosafety rules or guidelines do you have to consider in your country?</b> |
- | </br></br>
| + | |
- | Safety issues could be headed by a designated safety monitor in each iGEM group. This set-up
| + | |
- | allows all of the teams to have a person who will always make sure that the safest procedures
| + | |
- | are being followed at all times. Also, the production of potentially hazardous materials should
| + | |
- | always be controlled by an inducible promoter, so that it may be stopped at any time. The
| + | |
- | different parts can be made safer by making the parts work only with BioBrick assembly units
| + | |
- | and nothing else that exists in nature. </p>
| + | |
| | | |
- | <?--Use this page to answer the questions on the [[Safety | safety page]].--> | + | <br> |
- | <!-- | + | |
- | <div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #c2c2c2; padding: 5px;"> | + | The University of California at Davis has a biosafety group, which heads the disposal and use of hazardous materials. They approve of our project and the procedures that we have followed. Further, they are excited for the potential that this project has, in terms of making the environment safer for inhabitants. |
- | This is a template page. READ THESE INSTRUCTIONS. | + | |
| + | <br><br> |
| + | |
| + | <b>4. Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering?</b> |
| + | |
| + | <br> |
| + | |
| + | Safety issues could be headed by a designated safety monitor in each iGEM group. This set-up allows all of the teams to have a person who will always make sure that the safest procedures are being followed at all times. Also, the production of potentially hazardous materials should always be controlled by an inducible promoter, so that it may be stopped at any time. The different parts can be made safer by making the parts work only with BioBrick assembly units and nothing else that exists in nature. |
| + | </article> |
| </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> | + | <br> |
- | <div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #cccccc; padding: 5px;"> | + | <div id="myleftbox" class="smallbox"><h1> References </h1> |
- | 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.
| + | <article> |
| + | 1. <i>Laboratory Biosafety Manual</i>. The World Health Organization. 2004. 3rd edition. |
| + | <br>2. Callura, Jared, Dwyer, Daniel, Isaacs, Farren, Cantor, Charles, Collins, James. “Tracking, tuning, and terminating microbial physiology using synthetic riboregulators”. PNAS vol. 107 no. 36, pp. 15898-15903. Web. 13 July 2010. |
| + | <br>3. “Gene Overview”, <i>Imperial College London iGEM Wiki 2011</i>. |
| + | <br>4. S. Sulaiman, S. Yamato, E. Kanaya, J. Kim, Y. Koga, K. Takano, S. Kanaya. "Isolation of a Novel Cutinase Homolog with Polyethylene Terephthalate-Degrading Activity from Leaf-Branch Compost by Using a Metagenomic Approach." Applied and Environment Microbiology, vol. 78 no. 5, pp. 1556-1562, March 2012. |
| + | </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> |