|
|
(One intermediate revision not shown) |
Line 1: |
Line 1: |
- | | + | {{Template:12SJTU_header}} |
- | <!--{{Template:12SJTU_header}}-->
| + | {{Template:12SJTU_nav_parts}} |
- | <!----{{Template:12SJTU_scroll2top_css}}---->
| + | |
- | <html>
| + | |
- | <head>
| + | |
- | <style type="text/css">
| + | |
- | .back-to {
| + | |
- | position: fixed;
| + | |
- | bottom: 35px;
| + | |
- | *bottom: 50px;
| + | |
- | right: 10px;
| + | |
- | z-index: 999;
| + | |
- | width: 50px;
| + | |
- | zoom: 1;
| + | |
- | background-position: -50px 0
| + | |
- | }
| + | |
- | .back-to .backtotop {
| + | |
- | float: left;
| + | |
- | display: block;
| + | |
- | width: 50px;
| + | |
- | height: 50px;
| + | |
- | background: #666 url(/wiki/images/3/3b/12SJTU_btt.png) 8px -57px no-repeat;
| + | |
- | margin-bottom: 15px;
| + | |
- | outline: 0 none;
| + | |
- | text-indent: -9999em;
| + | |
- | -webkit-border-radius: 4px;
| + | |
- | border-radius: 4px;
| + | |
- | position: relative
| + | |
- | }
| + | |
- | .back-to .backtotop:hover {
| + | |
- | background-color: #333;
| + | |
- | background-position: 8px 13px
| + | |
- | }
| + | |
- | .back-to .backtotop .back-tip {
| + | |
- | position: absolute;
| + | |
- | visibility: hidden;
| + | |
- | top: -31px;
| + | |
- | left: -10px
| + | |
- | }
| + | |
- | .back-to .backtotop:hover .back-tip {
| + | |
- | visibility: visible
| + | |
- | }
| + | |
- | .back-to .back-top:hover {
| + | |
- | background-position: -50px 0
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | </html>
| + | |
- | <!----End {{Template:12SJTU_scroll2top_css}}---->
| + | |
- | | + | |
- | <!----{{Template:12SJTU_sliderbar}}---->
| + | |
- | <!----End {{Template:12SJTU_sliderbar}}---->
| + | |
- | | + | |
- | <!----{{Template:12SJTU_theme_css}}---->
| + | |
- | <html>
| + | |
- | <head>
| + | |
- | <style type="text/css">
| + | |
- | table.head /*Important!*/
| + | |
- | {
| + | |
- | height: 200px;
| + | |
- | width: 1012px;
| + | |
- | z-index:999;
| + | |
- | display: block;
| + | |
- | background:url(/wiki/images/2/2d/12SJTU_inner_banner.png) no-repeat;
| + | |
- | box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
| + | |
- | -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
| + | |
- | -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.4);
| + | |
- | }
| + | |
- | table.mainouter /*Important*/
| + | |
- | {
| + | |
- | width:1012px !important;
| + | |
- | position:relative;
| + | |
- | box-shadow: 0px 10px 16px rgba(0,0,0,0.4);
| + | |
- | -webkit-box-shadow: 0px 10px 16px rgba(0,0,0,0.4);
| + | |
- | -moz-box-shadow: 0px 10px 16px rgba(0,0,0,0.4);
| + | |
- | border-collapse:separate;
| + | |
- | }
| + | |
- | td.bottom /*Important*/
| + | |
- | {
| + | |
- | border-right: medium none;
| + | |
- | border-top: medium none;
| + | |
- | border-left: medium none;
| + | |
- | border-bottom: medium none
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | </html>
| + | |
- | <!----End {{Template:12SJTU_theme_css}}---->
| + | |
- | | + | |
- | <html>
| + | |
- | <head>
| + | |
- | <style type="text/css">
| + | |
- | | + | |
- | | + | |
- | #p-logo{
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #footer-box{
| + | |
- | display: none;
| + | |
- | }
| + | |
- | div.thumb {
| + | |
- | margin-bottom: .5em;
| + | |
- | border-style: solid;
| + | |
- | border-color: transparent;
| + | |
- | width: auto;
| + | |
- | }
| + | |
- | #menubar li{
| + | |
- | margin-left: 0px;
| + | |
- | }
| + | |
- | #firstHeading{
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #top-section{
| + | |
- | border: 0px;
| + | |
- | }
| + | |
- | #content{
| + | |
- | background: none;
| + | |
- | border: 0px;
| + | |
- | }
| + | |
- | #contentSub{
| + | |
- | display: none;
| + | |
- | }
| + | |
- | .firstHeading{
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #catlinks{
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #globalWrapper{
| + | |
- | | + | |
- | margin: 0px 0px 0px 0px;
| + | |
- | height: 0px;
| + | |
- | background-repeat:no-repeat !important;
| + | |
- | background-attachment: fixed!important;
| + | |
- | color: #000000;
| + | |
- | background-color: #e6e6e6;
| + | |
- | -moz-background-size:cover !important;
| + | |
- | background-size:cover !important;
| + | |
- | padding:0px 0px 0px 0px;
| + | |
- | }
| + | |
- | #main_wrapper{
| + | |
- | position:absolute;
| + | |
- | top:-93px;
| + | |
- | left:-20px;
| + | |
- | margin: 0px 0px 0px 0px;
| + | |
- | width:1012px;
| + | |
- | background-repeat:no-repeat !important;
| + | |
- | background-attachment: fixed!important;
| + | |
- | color: #000000;
| + | |
- | -moz-background-size:cover !important;
| + | |
- | background-size:cover !important;
| + | |
- | padding-top:8px;
| + | |
- | }
| + | |
- | #search-controls
| + | |
- | {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | </style>
| + | |
- | <script src="http://igem.bio-x.cn/home/style/jquery-1.3.2.min.js" type="text/javascript"></script>
| + | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=1.3.2"></script>
| + | |
- | <script type="text/javascript">
| + | |
- | jQuery.noConflict();
| + | |
- | ($(function () {
| + | |
- | var $el, leftPos, newWidth,
| + | |
- | $mainNav = $("#lavalamp");
| + | |
- | $mainNav.append("<li id='lavalampbg'></li>");
| + | |
- | var $magicLine = $("#lavalampbg");
| + | |
- | $magicLine
| + | |
- | .css("left", $(".current a").position().left + $(".current a").width() / 2 - 35)
| + | |
- | .data("origLeft", $(".current a").position().left + $(".current a").width() / 2 - 35)
| + | |
- | $("#lavalamp li").find("a").hover(function () {
| + | |
- | $el = $(this);
| + | |
- | leftPos = $el.position().left + $el.width() / 2 - 35;
| + | |
- | $magicLine.stop().animate({
| + | |
- | left: leftPos
| + | |
- | })
| + | |
- | }, function () {
| + | |
- | $magicLine.stop().animate({
| + | |
- | left: $magicLine.data("origLeft")
| + | |
- | });
| + | |
- | });
| + | |
- | })
| + | |
- | ); (jQuery);
| + | |
- | </script>
| + | |
- | | + | |
- | </head>
| + | |
- | <body>
| + | |
- | | + | |
- | <div id="main_wrapper">
| + | |
- | <table class="head" cellspacing="0" width="1012" cellpadding="0" align="center"><tbody>
| + | |
- | <td><tr></tr>
| + | |
- | </td>
| + | |
- | </tbody></table>
| + | |
- |
| + | |
- | | + | |
- |
| + | |
- | <!-- =============================================================================== -->
| + | |
- | | + | |
- | | + | |
- | <div id="toolBackTo" class="back-to" style="display:block;">
| + | |
- | <a class="backtotop" href="#top" onclick="window.scrollTo(0,0);return false;">To Top
| + | |
- |
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | | + | |
- | </body>
| + | |
- | </html>
| + | |
- | <!--End {{Template:12SJTU_header}}-->
| + | |
- | | + | |
- | <!--{{Template:12SJTU_nav_project}}-->
| + | |
- | <html>
| + | |
- | <head>
| + | |
- | <style type="text/css">
| + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <!-- =============================================================================== -->
| + | |
- |
| + | |
- | <table class="mainouter" width="1012" cellspacing="0" cellpadding="5" align="center">
| + | |
- | <tbody>
| + | |
- | <tr><td class="pumpkin">
| + | |
- | </td></tr>
| + | |
- | <tr><td class="text" align="center">
| + | |
- | <table class="main" width="1010" border="0" cellspacing="0" cellpadding="0"><tbody>
| + | |
- | <tr><td class="embedded">
| + | |
- | <div>
| + | |
- | <ul class="semiopaquemenu navipages" id="lavalamp">
| + | |
- | <li><a href="/Team:SJTU-BioX-Shanghai">Home</a></li>
| + | |
- | <li class="current"><a href="/Team:SJTU-BioX-Shanghai/Project" class="selected">Project</a></li>
| + | |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Parts">Parts</a></li>
| + | |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Team">Team</a></li>
| + | |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Notebook/protocol">Notebook</a></li>
| + | |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Consideration/human">Human Practice</a></li>
| + | |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Consideration/safety">Consideration</a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- |
| + | |
- | </td></tr>
| + | |
- | </tbody></table>
| + | |
- | </td></tr>
| + | |
- | | + | |
- | <tr><td align="center" class="outer">
| + | |
- | <table width="1010" class="main" border="0" cellspacing="0" cellpadding="0"><tbody>
| + | |
- | </body>
| + | |
- | </html>
| + | |
- | <!--End {{Template:12SJTU_nav_project}}-->
| + | |
| | | |
| <table><tr> | | <table><tr> |
| <td valign="top" width="200"> | | <td valign="top" width="200"> |
- | <!--{{Template:12SJTU_floatnav_head}}-->
| + | {{Template:12SJTU_floatnav_head}} |
- | <!----{{Template:12SJTU_js}}---->
| + | |
- | <html>
| + | |
- | <head>
| + | |
- | <script type="text/javascript" >
| + | |
- | function SDMenu(id) {
| + | |
- | if (!document.getElementById || !document.getElementsByTagName)
| + | |
- | return false;
| + | |
- | this.menu = document.getElementById(id);
| + | |
- | this.submenus = this.menu.getElementsByTagName("div");
| + | |
- | this.remember = true;
| + | |
- | this.speed = 3;
| + | |
- | this.markCurrent = true;
| + | |
- | this.oneSmOnly = false;
| + | |
- | }
| + | |
- | SDMenu.prototype.init = function () {
| + | |
- | var mainInstance = this;
| + | |
- | for (var i = 0; i < this.submenus.length; i++)
| + | |
- | this.submenus[i].getElementsByTagName("span")[0].onclick = function () {
| + | |
- | mainInstance.toggleMenu(this.parentNode);
| + | |
- | };
| + | |
- | if (this.markCurrent) {
| + | |
- | var links = this.menu.getElementsByTagName("a");
| + | |
- | for (var i = 0; i < links.length; i++)
| + | |
- | if (links[i].href == document.location.href) {
| + | |
- | links[i].className = "current";
| + | |
- | break;
| + | |
- | }
| + | |
- | }
| + | |
- | if (this.remember) {
| + | |
- | var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");
| + | |
- | var match = regex.exec(document.cookie);
| + | |
- | if (match) {
| + | |
- | var states = match[1].split("");
| + | |
- | for (var i = 0; i < states.length; i++)
| + | |
- | this.submenus[i].className = (states[i] == 0 ? "collapsed" : "");
| + | |
- | }
| + | |
- | }
| + | |
- | };
| + | |
- | SDMenu.prototype.toggleMenu = function (submenu) {
| + | |
- | if (submenu.className == "collapsed")
| + | |
- | this.expandMenu(submenu);
| + | |
- | else
| + | |
- | this.collapseMenu(submenu);
| + | |
- | this.collapseOthers(submenu);
| + | |
- | };
| + | |
- | SDMenu.prototype.expandMenu = function (submenu) {
| + | |
- | var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
| + | |
- | var links = submenu.getElementsByTagName("a");
| + | |
- | | + | |
- | for (var i = 0; i < links.length; i++)
| + | |
- | fullHeight += links[i].offsetHeight;
| + | |
- | var moveBy = Math.round(this.speed * links.length);
| + | |
- | | + | |
- | var mainInstance = this;
| + | |
- | var intId = setInterval(function () {
| + | |
- | var curHeight = submenu.offsetHeight;
| + | |
- | var newHeight = curHeight + moveBy;
| + | |
- | if (newHeight < fullHeight)
| + | |
- | submenu.style.height = newHeight + "px";
| + | |
- | else {
| + | |
- | clearInterval(intId);
| + | |
- | submenu.style.height = "";
| + | |
- | submenu.className = "";
| + | |
- | mainInstance.memorize();
| + | |
- | }
| + | |
- | }, 30);
| + | |
- | this.collapseOthers(submenu);
| + | |
- | };
| + | |
- | SDMenu.prototype.collapseMenu = function (submenu) {
| + | |
- | var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
| + | |
- | var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length);
| + | |
- | var mainInstance = this;
| + | |
- | var intId = setInterval(function () {
| + | |
- | var curHeight = submenu.offsetHeight;
| + | |
- | var newHeight = curHeight - moveBy;
| + | |
- | if (newHeight > minHeight)
| + | |
- | submenu.style.height = newHeight + "px";
| + | |
- | else {
| + | |
- | clearInterval(intId);
| + | |
- | submenu.style.height = "";
| + | |
- | submenu.className = "collapsed";
| + | |
- | mainInstance.memorize();
| + | |
- | }
| + | |
- | }, 30);
| + | |
- | };
| + | |
- | SDMenu.prototype.collapseOthers = function (submenu) {
| + | |
- | if (this.oneSmOnly) {
| + | |
- | for (var i = 0; i < this.submenus.length; i++)
| + | |
- | if (this.submenus[i] != submenu) {
| + | |
- | if (this.submenus[i].className != "collapsed") {
| + | |
- | this.collapseMenu(this.submenus[i]);
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | };
| + | |
- | SDMenu.prototype.expandAll = function () {
| + | |
- | var oldOneSmOnly = this.oneSmOnly;
| + | |
- | this.oneSmOnly = false;
| + | |
- | for (var i = 0; i < this.submenus.length; i++)
| + | |
- | if (this.submenus[i].className == "collapsed")
| + | |
- | this.expandMenu(this.submenus[i]);
| + | |
- | this.oneSmOnly = oldOneSmOnly;
| + | |
- | };
| + | |
- | SDMenu.prototype.collapseAll = function () {
| + | |
- | for (var i = 0; i < this.submenus.length; i++)
| + | |
- | if (this.submenus[i].className != "collapsed")
| + | |
- | this.collapseMenu(this.submenus[i]);
| + | |
- | };
| + | |
- | SDMenu.prototype.memorize = function () {
| + | |
- | if (this.remember) {
| + | |
- | var states = new Array();
| + | |
- | for (var i = 0; i < this.submenus.length; i++)
| + | |
- | states.push(this.submenus[i].className == "collapsed" ? 0 : 1);
| + | |
- | var d = new Date();
| + | |
- | d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000));
| + | |
- | document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/";
| + | |
- | }
| + | |
- | };
| + | |
- | </script>
| + | |
- | </head>
| + | |
- | </html>
| + | |
- | <!----End {{Template:12SJTU_js}}---->
| + | |
- | | + | |
- | <!----{{Template:12SJTU_sdmenu_css}}---->
| + | |
- | <html>
| + | |
- | <head>
| + | |
- | <style type="text/css">
| + | |
- | div.sdmenu {
| + | |
- | | + | |
- | font-family: Arial, sans-serif;
| + | |
- | | + | |
- | padding-bottom: 10px;
| + | |
- | | + | |
- | color: #fff;
| + | |
- | }
| + | |
- | div.sdmenu div {
| + | |
- | background-color: #CD7D1F;
| + | |
- | overflow: hidden;
| + | |
- | }
| + | |
- | | + | |
- | div.sdmenu div.collapsed {
| + | |
- | height: 30px;
| + | |
- | }
| + | |
- | div.sdmenu div span {
| + | |
- | display: block;
| + | |
- | padding: 6px 25px;
| + | |
- | width: 130px;
| + | |
- | font-weight: bold;
| + | |
- | color: white;
| + | |
- | background: url(/wiki/images/f/f7/12SJTU_floatnav_expanded.gif) no-repeat 10px center;
| + | |
- | cursor: default;
| + | |
- | border-bottom: 1px solid #ddd;
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- | div.sdmenu div:hover{
| + | |
- | background-color: #f79a2d;
| + | |
- | }
| + | |
- | div.sdmenu div.collapsed span {
| + | |
- | background-image: url(/wiki/images/2/20/12SJTU_floatnav_collapsed.gif);
| + | |
- | }
| + | |
- | div.sdmenu div a {
| + | |
- | padding: 5px 10px;
| + | |
- | background: #eee;
| + | |
- | display: block;
| + | |
- | border-bottom: 1px solid #ddd;
| + | |
- | color: #014d67;
| + | |
- | }
| + | |
- | div.sdmenu div a.current {
| + | |
- | background : #ccc;
| + | |
- | }
| + | |
- | div.sdmenu div a:hover {
| + | |
- | background : #014d67 url(/wiki/images/2/2d/12SJTU_floatnav_linkarrow.gif) no-repeat right center;
| + | |
- | color: #fff;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | </html>
| + | |
- | <!----End {{Template:12SJTU_sdmenu_css}}---->
| + | |
- | | + | |
- | <html>
| + | |
- | <head>
| + | |
- | | + | |
- | <style type="text/css">
| + | |
- | | + | |
- | .floatbox{
| + | |
- | position:absolute;
| + | |
- | width:160px;
| + | |
- | height:00px;
| + | |
- | background:#FFFFFF
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | </head>
| + | |
- | <body>
| + | |
- | | + | |
- | | + | |
- | <div class="floatbox" id="12SJTU_floatnav" style="top:184px; left:22px;">
| + | |
- | <table border="0" width="190" cellspacing="0" cellpadding="0">
| + | |
- | <tr>
| + | |
- | <td width="100%">
| + | |
- | </html>
| + | |
- | <!--End {{Template:12SJTU_floatnav_head}}-->
| + | |
- | | + | |
| <html> | | <html> |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| // <![CDATA[ | | // <![CDATA[ |
- | var myMenu;
| + | var myMenu; |
- | window.onload = function () {
| + | window.onload = function() { |
- | myMenu = new SDMenu("my_menu");
| + | myMenu = new SDMenu("my_menu"); |
- | myMenu.oneSmOnly = true;
| + | myMenu.oneSmOnly = true; |
- | myMenu.remember = false;
| + | myMenu.remember = false; |
- | myMenu.init();
| + | myMenu.init(); |
- | myMenu.expandMenu(myMenu.submenus[0]);
| + | myMenu.expandMenu(myMenu.submenus[0]); |
- | };
| + | |
| + | }; |
| // ]]> | | // ]]> |
| </script> | | </script> |
| </html> | | </html> |
| + | {{Template:12SJTU_floatnav_parts}} |
| | | |
- | <!--{{Template:12SJTU_nav_project}}-->
| + | {{Template:12SJTU_floatnav_foot}} |
- | <html>
| + | |
- | <div style="float: left" id="my_menu" class="sdmenu">
| + | |
- | <div class="collapsed">
| + | |
- | <span>Overview</span>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project">Project Overview</a>
| + | |
- | | + | |
- | </div>
| + | |
- | <div class="collapsed">
| + | |
- | <span>System Construction</span>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project1.1">Membrane Localization</a>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project1.2">Membrane Accelerator</a>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project1.3">Membrane Rudder</a>
| + | |
- | </div>
| + | |
- | <div class="collapsed">
| + | |
- | <span>Application</span>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project2.2">Membrane Accelerator I (Biosynthesis)</a>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project2.3">Membrane Accelerator II (Biodegradation)</a>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project2.1">Membrane Rudder</a>
| + | |
- | </div>
| + | |
- | <div class="collapsed">
| + | |
- | <span>Modeling</span>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project3">Acceleration Model</a>
| + | |
- | <a href="/Team:SJTU-BioX-Shanghai/Project/project3.2">Switch Model</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </html>
| + | |
- | <!--End {{Template:12SJTU_nav_project}}-->
| + | |
- | | + | |
- | <!--{{Template:12SJTU_floatnav_foot}}-->
| + | |
- | <html>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | </div>
| + | |
- | <script type="text/javascript">
| + | |
- | var id = function (o) { return document.getElementById(o) }
| + | |
- | var scroll = function (o) {
| + | |
- | var space = id(o).offsetTop;
| + | |
- | id(o).style.top = space + 'px';
| + | |
- | void function () {
| + | |
- | var goTo = 0;
| + | |
- | var roll = setInterval(function () {
| + | |
- | var height = document.documentElement.scrollTop + document.body.scrollTop + space;
| + | |
- | var top = parseInt(id(o).style.top);
| + | |
- | if (parseInt(document.documentElement.scrollTop + document.body.scrollTop) > 98) {
| + | |
- | height = height - 100;
| + | |
- | if (parseInt(document.documentElement.scrollTop + document.body.scrollTop) > 198) {
| + | |
- | height = height - 100;
| + | |
- | if (parseInt(document.documentElement.scrollTop + document.body.scrollTop) > 298) {
| + | |
- | height = height - 100;
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | if (height != top) {
| + | |
- | goTo = height - parseInt((height - top) * 0.9);
| + | |
- | id(o).style.top = goTo + 'px';
| + | |
- | }
| + | |
- | }, 30);
| + | |
- | } ()
| + | |
- | }
| + | |
- | scroll('12SJTU_floatnav');
| + | |
- | </script>
| + | |
- | </body>
| + | |
- | </html>
| + | |
- | <!--End {{Template:12SJTU_floatnav_foot}}-->
| + | |
| | | |
| <td valign="top" width="750"> | | <td valign="top" width="750"> |
| __NOTOC__ | | __NOTOC__ |
| <!----------------------------------------------------从这里开始写wiki---------------------------------> | | <!----------------------------------------------------从这里开始写wiki---------------------------------> |
- | =Project Overview= | + | ==SJTU-BioX-Shanghai 2012 iGEM Team Parts== |
- | <!--{{Template:12SJTU_part_summary_head}}-->
| + | |
- | <html>
| + | |
- | <head>
| + | |
- | <style type="text/css">
| + | |
- | .part-summary
| + | |
- | {
| + | |
- | background-image: url(/wiki/images/8/86/12SJTU_highlight_box.png);
| + | |
- | padding: 20px;
| + | |
- | margin: 20px;
| + | |
- | border-radius: 10px;
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div class="part-summary">
| + | |
- | <html>
| + | |
- | Advance in molecular cloning technology has made it possible for mankind to entitle engineered organisms to different biochemical reactions. However, the speed of those enzymatic reactions is often limited because intermediates produced from upstream enzyme cannot be passed efficiently to downstream enzyme due to spatial obstacles. Thus, synthetic scaffold built to decrease distance between enzymes for speeding biochemical reactions is a rising topic with promising application prospect.
| + | |
| | | |
- | Moreover, although some progress has been made in fields of metabolic flux control with synthetic scaffold, these strategies remain non-dynamic. Artificially and dynamically controlling metabolic flux has remained a challenge.
| + | ==Overview== |
- | <!--{{Template:12SJTU_part_summary_foot}}-->
| + | We have characterized and submitted 42 BioBricks which could either be used directly or serve as a universal tool readily for potential scientific or engineering use. |
- | <html>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | </html>
| + | |
- | <!--End {{Template:12SJTU_part_summary_foot}}-->
| + | |
| | | |
- | ==Introduction==
| + | Those BioBricks could be divided into 4 groups. |
| | | |
- | In this year, we expanded the definition of ''scaffold'' in synthetic biology and developed two universal devices called ''Membrane Accelerator'' and ''Membrane Rudder'' respectively. Together, they made ''Membrane Magic'' happen!
| + | 1.BioBricks in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Parts3 Basic Parts] are all basic components of the whole project. They can be assembled to carry out different tasks. |
| | | |
- | Previous researchers have focused on building protein, RNA or DNA scaffold as constitutive assemblies carrying enzymes. They have succeeded in increasing product yields. However, the amount of those scaffolds could be limited by its expression or copy level, leading to restriction on further acceleration. With ''Membrane Magic'', we made ''E.coli'' membrane into a huge scaffold accommodating enzymes without limitation of scaffold amount. Moreover, protein assembly on membrane could readily receive extracellular or intracellular signal, so the whole system becomes highly tunable. The superiority of Membrane Scaffold is shown in details in '''WHY MEMBRANE'' section below.
| + | 2.BioBricks in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Parts2 Membrane Anchors] are fusion membrane proteins which could either constitutively aggregate or aggregate under signal induction. |
| | | |
- | One of our devices, called ''Membrane Accelerator'', functions by localizing and organizing enzymes on membrane surface. ''E.coli'' inner membrane serves as a two-dimensional plane that can accommodate various protein assemblies linked with enzymes. Otherwise diffusing enzymes can form clusters on membrane through interacting protein domains and ligands. Enzyme clusters help substrates flow between enzymes, and thus increase yields of sequential biological reactions. We not only applied the ''Membrane Accelerator'' into biosynthetic pathway but also biodegradation pathway, which is proposed for the first time in synthetic biology. Previous researches on synthetic scaffold controlling metabolic flux all focused on biosynthesis.
| + | 3.BioBricks in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Parts4 Fatty-Acid-Producing Membrane Accelerator ] are Membrane Anchors linked with enzymes involved in fatty acid synthesis. |
| | | |
| + | 4.BioBricks in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Parts5 Ligh-Sensing Membrane Rudder] are Membrane Anchors linked with enzymes involved in Violacein synthesis and VVD protein. |
| | | |
- | [[File:12SJTU membrane accelerator sketch.jpg|thumb|400px|center|''Fig.1:'' Sketch of ''Membrane Accelerator'']]
| + | <groupparts>iGEM012 SJTU-BioX-Shanghai</groupparts> |
- | | + | |
- | Although some work has been done in reaction acceleration, it has always been a challenge to artificially and dynamically control those reactions. Our ''Membrane Rudder'' device, however, offers a novel method to control the direction of biochemical reactions through varieties of signals. We further combined the whole post-translational control system with genetic circuits by recruiting RNA aptamer and its corresponding binding protein. Thus RNA signal could also be recruited to dynamically control biochemical reaction.
| + | |
- | [[File:12SJTU_overview4.gif|center|400px]]
| + | |
- | | + | |
- | <center>''Fig.2:'' Sketch of ''Membrane Rudder''</center> | + | |
- | <br\>
| + | |
- | <br\>
| + | |
- | <br\>
| + | |
- | | + | |
- | ==Why MEMBRANE?==
| + | |
- | | + | |
- | Why do we choose membrane as our primary scaffold to assemble enzymes?
| + | |
- | {|
| + | |
- | |-
| + | |
- | |1. '''Natural Scaffold: ''' Different from previous synthesized scaffold, membrane scaffold is an innate one. Besides, there is no limitation on scaffold amount.
| + | |
- | |[[File:12SJTU Why membrane1.png|300px|right|thumb|''Fig.3:'' Natural Scaffold]]
| + | |
- | |-
| + | |
- | |2. '''Two-Dimensional Plane: ''' Membrane Scaffold changes restricted the reaction space to a two-dimensional plane compared to discrete scaffold. Thus proteins on membrane are more likely to interact with each other (Demonstrated in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Project/project2.2 Fatty Acid Synthesis:The Refinement of Interaction]). Moreover, we can organize enzymes in 2D pattern on membrane to further facilitate metabolic flux (Demonstrated in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Project/project2.3 DBT desulfurization]).
| + | |
- | |[[File:12SJTU Why membrane2.jpg|300px|right|thumb|''Fig.4:'' Two-Dimensional Plane]]
| + | |
- | |-
| + | |
- | |3. '''Priority to Exportation: ''' Concentration of final products could be effectively increased near the membrane with Membrane Scaffold, which in turn, facilitates the transmembrane transportation. Thus final products would be more readily to be exported to extracellular media. (Demonstrated in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Project/project2.2 Fatty Acid Synthesis:The Priority to Exportation])
| + | |
- | |[[File:12SJTU Why membrane3.jpg|300px|right|thumb|''Fig.5:'' Priority to Exportation]]
| + | |
- | |-
| + | |
- | |4. '''Ability to Sense Signals: ''' Membrane Scaffold provides a platform to directly receive environmental and internal signal, So biochemical reactions could be dynamically controlled through those signals(Demonstrated in [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Project/project1.3 Membrane Rudder Design] and [https://2012.igem.org/Team:SJTU-BioX-Shanghai/Project/project2.1 Violacein pathway: Membrane Rudder Application]).
| + | |
- | |[[File:12SJTU Why membrane4.jpg|300px|right|thumb|''Fig.6:'' Ability to sense signals]]
| + | |
- | |-
| + | |
- | |}
| + | |
- | | + | |
- | ==Reference==
| + | |
- | 1.Delebecque, C. J., A. B. Lindner, et al. (2011). "Organization of intracellular reactions with rationally designed RNA assemblies." Science 333(6041): 470.
| + | |
- | | + | |
- | 2.Dueber, J. E., G. C. Wu, et al. (2009). "Synthetic protein scaffolds provide modular control over metabolic flux." Nature biotechnology 27(8): 753-759.
| + | |
- | | + | |
- | 3.Conrado, R. J., G. C. Wu, et al. (2012). "DNA-guided assembly of biosynthetic pathways promotes improved catalytic efficiency." Nucleic acids research 40(4): 1879-1889.
| + | |
| | | |
| <!----------------------------------------------------到这里结束---------------------------------------> | | <!----------------------------------------------------到这里结束---------------------------------------> |
Line 615: |
Line 48: |
| </tr></table> | | </tr></table> |
| | | |
- | <html>
| |
- | <body>
| |
| | | |
- | </tbody></table>
| + | {{Template:12SJTU_footer}} |
- | </td></tr>
| + | |
- | </tbody></table>
| + | |
- | <br>
| + | |
- | | + | |
- | <div align="center" id="footer"> (c) <a href="" target="_self">SJTU_BioX_iGEM2012</a> Powered by huanan1991</div>
| + | |
- | | + | |
- | </div>
| + | |
- | </body>
| + | |
- | </html>
| + | |