Difference between revisions of "Team:Tokyo Tech/Description"

Line 1: Line 1:
 
{{Tokyo_Tech}}
 
{{Tokyo_Tech}}
<html lang="en" dir="ltr" class="client-nojs">
+
<html>
 
<head>
 
<head>
<meta charset="UTF-8" />
+
<style type="text/css">/********************** All style of this page ************************/
<title>Team:Tokyo_Tech - 2016.igem.org</title>
+
body{
<meta name="generator" content="MediaWiki 1.24.1" />
+
    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
<link rel="shortcut icon" href="/favicon.ico" />
+
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" />
+
<link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
+
<link rel="alternate" hreflang="x-default" href="/Team:Tokyo_Tech" />
+
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
+
<link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
+
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
+
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
/* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
+
<script src="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
<script>if(window.mw){
+
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Tokyo_Tech","wgTitle":"Team:Tokyo_Tech","wgCurRevisionId":21437,"wgRevisionId":21437,"wgArticleId":1013,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Hajime Fujita","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Tokyo_Tech","wgUserId":389,"wgUserEditCount":7,"wgUserRegistration":1465949942000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
}</script><script>if(window.mw){
+
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
+
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"33a0caedf3ebee329a64b71c6e725d4d+\\","patrolToken":"4c4d7a7544c284d10170f7e42887bb47+\\","watchToken":"946ab4b63f5968e318dc5537143c3ae7+\\"});},{},{});
+
/* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:aff707d8b5349b299c1e307cc91c1738 */
+
}</script>
+
<script>if(window.mw){
+
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
}</script>
+
</head>
+
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Tokyo_Tech skin-igem action-view">
+
 
+
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
 
+
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
+
 
+
 
+
    <div id='globalWrapper'>
+
        <div id='top_menu_under' class='noprint'></div>
+
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
<script>jQuery('#top_menu_14').load('https://2016.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
    {  t:"Team%3ATokyo%20Tech",
+
a:"View+%2FTeam%3ATokyo_Tech++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATokyo_Tech%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATokyo_Tech%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ATokyo_Tech%26action%3Dwatch%26token%3Dc32ec6cc2d0b811a3a60eb54e277a76d%252B%255C++Page+%2FTeam%3ATokyo_Tech++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ATokyo_Tech%26action%3Dedit%26redlink%3D1++" });
+
</script>
+
 
+
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
+
<div id="content" class="mw-body" role="main">
+
    <a id="top"></a>
+
 
+
            <div id="top_title">
+
                <div class="logo_2016">
+
                    <a href="https://2016.igem.org">
+
                    <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
+
                    </a>
+
                </div>
+
<center>
+
        <h1 id="firstHeading" class="firstHeading">
+
            <span dir="auto">Team:Tokyo_Tech</span>
+
        </h1>
+
</center>
+
            </div>
+
 
+
            <div id="HQ_page">
+
                <div id="bodyContent">
+
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
+
 
+
<style>
+
 
+
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
 
+
#sideMenu, #top_title {display:none;}
+
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
body {background-color:white; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
 
+
/********************************* MENU ********************************/
+
/* Wrapper for the menu */
+
.menu_wrapper {
+
width:150px;
+
height:100vh;
+
position:fixed;
+
padding:0px;
+
float:left;
+
background-color:#f2f2f2;
+
text-align:left;
+
}
+
 
+
/* styling for the menu items */
+
.menu_item {
+
width:100%;
+
margin:-2px 0px 0px -20px;
+
padding: 10px 10px; 
+
border-bottom: 1px solid #d3d3d3;
+
font-weight:bold;
+
color:#000000;
+
cursor: pointer;
+
}
+
 
+
/* when hovering on a menu item */
+
.menu_item:hover {
+
color:#000000;
+
background-color: #72c9b6;
+
}
+
 
+
/* decoration icon for the menu buttons*/
+
.icon {
+
float:right; 
+
font-size:16px;
+
font-weight:bold;
+
}
+
+
/* this is the icon for when the content is collapsed */
+
.plus::before {
+
content: "+";
+
}
+
/* this is the icon for when the content is expanded */
+
.less::before {
+
content: "–";
+
}
+
 
+
/* styling for the ul that creates the buttons */
+
ul.menu_items {
+
width:100%;
+
margin-left:0px;
+
padding:0px;
+
list-style: none;
+
}
+
 
+
/* styling for the li that are the menu items */
+
.menu_items li {
+
width:90%;
+
margin-top:-2px;
+
padding: 15px 0px 15px 15px ;
+
display:block;
+
border-bottom: 1px solid #d3d3d3; 
+
text-align:left;
+
font-weight:bold;
+
text-decoration:none;
+
color:#000000;
+
list-style-type:none;
+
cursor:pointer;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
+
}
+
 
+
.menu_item a {
+
width: 100%;
+
margin-left: -20px;
+
padding: 11px 90px 12px 20px;
+
text-decoration: none;
+
color:black;
+
}
+
 
+
/* When hovering on a menu item */
+
.menu_items li:hover {
+
background-color:#72c9b6;
+
color: #000000;
+
}
+
 
+
/* styling for the submenus */
+
.submenu {
+
width:100%;
+
display: none; 
+
font-weight:bold;
+
cursor:pointer;
+
 
+
}
+
 
+
/* moving the margin for the submenu ul list */
+
ul.submenu {
+
width: 100%;
+
margin: 10px 0px -11px 0px;
+
list-style: none;
+
}
+
 
+
/*styling for the submenu buttons */
+
.submenu li {
+
width: 100%;
+
margin-left: 10px;
+
margin-bottom: 0px;
+
}
+
 
+
 
+
/* hover state for the submenu buttons */
+
.submenu li a {
+
width: 100%;
+
padding: 5px 10px;
+
display: inline-block;
+
border-bottom: 1px solid #d3d3d3;
+
background-color:white;
+
text-decoration:none;
+
color:#000000;
+
}
+
 
+
 
+
 
+
.submenu li a:hover  {
+
background-color:#000000;
+
color: #72c9b6;
+
}
+
 
+
 
+
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
+
.collapsable_menu_control {
+
width:100%;
+
padding: 15px 0px;
+
display:none;
+
background-color:#000000;
+
text-align:center; 
+
font-weight:bold;
+
color:#72c9b6;
+
cursor:pointer;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* when hovering on that button */
+
.collapsable_menu_control:hover {
+
background-color: #72c9b6;
+
color:#000000; 
+
}
+
 
+
/********************************* CONTENT OF THE PAGE ********************************/
+
 
+
/* Wrapper for the content */
+
.content_wrapper {
+
/* margin-left:150px; */
+
width:800px;
+
padding:10px 10px;
+
/*float:left;*/
+
                background-color:white;
+
display: block;
+
  margin-left: auto;
+
  margin-right: auto;
+
}
+
 
+
#content{
+
                width: 100%;
+
height: 100%;
+
                margin: -1;
+
                padding: 0;
+
//background-color:#6ece7a;
+
background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
+
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: center center;
 
     background-position: center center;
 
     background-size: cover;
 
     background-size: cover;
 
     background-attachment: fixed;
 
     background-attachment: fixed;
        }
+
}
 +
#globalWrapper, #content{
 +
    background: transparent;
 +
}
 +
#content{
 +
//    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 +
    margin: 0 auto;
 +
}
 +
/**********************************************************************/
 +
#main_contents{
 +
    margin: 0 auto;
 +
    width: 90%;
 +
    min-width: 880px;
 +
    max-width: 1100px;
 +
}
 +
.container{
 +
    margin: 5px auto;
 +
    background: #ffffff;
 +
    border: 1px solid #583612;
 +
}
 +
.container_top h1{
 +
margin-top: 1px;
 +
font-size: 36px;
 +
}
 +
.container_header{
 +
    background: #ffffff;
 +
    text-align: center;
 +
}
 +
.container_header span{
 +
    border-bottom: 2px solid #583612;
 +
}
 +
.container_contents{
 +
line-height: 1.5em;
 +
width: 800px;
 +
margin: 0 auto;
 +
padding-bottom: 10px;
 +
}
 +
#main_contents p.normal_text{
 +
font-size: 18px;
 +
text-indent: 18px;
 +
text-align: justify;
 +
// padding: 18px;
 +
    font-family: 'Century', serif;
 +
}
  
/*LAYOUT */
+
/************************* Show/Hide setting ***************************/
.column  {  
+
.on{
padding: 10px 0px;
+
display: block;
background-color:white;  
+
-webkit-transiton: all 0.6s ease;
}
+
transition: all 0.6s ease;
 +
}
 +
.off{
 +
display: none;
 +
-webkit-transiton: all 0.6s ease;
 +
transition: all 0.6s ease;
 +
}
  
.full_size {
+
/************************* This page setting ******************************/
width:100%;
+
}
+
 
+
.full_size img {
+
padding: 10px 15px;
+
width:96.5%;
+
}
+
 
+
.half_size {
+
width: 50%;
+
}
+
.half_size img {
+
padding: 10px 15px;
+
width: 93%;
+
}
+
 
+
 
+
.clear {
+
clear:both;
+
}
+
 
+
.highlight {
+
width: 90%;
+
margin: auto;
+
padding: 15px 5px;
+
background-color: #f2f2f2;
+
}
+
 
+
 
+
 
+
/*STYLING */
+
 
+
/* styling for the titles */
+
.content_wrapper h1, .content_wrapper h2 {
+
padding:5px 15px;
+
border-bottom:0px;
+
color:#0d9a25;
+
 
+
}
+
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
padding:5px 15px;
+
border-bottom:0px;
+
color: #000000; 
+
}
+
 
+
 
+
/* font and text */
+
.content_wrapper p {
+
padding:0px 15px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* Links */
+
.content_wrapper a {
+
font-weight: bold;
+
text-decoration-color:#1f407a;
+
color: #1f407a;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* hover for the links */
+
.content_wrapper a:hover {
+
text-decoration:none;
+
color:#000000;
+
}
+
 
+
/* non numbered lists */
+
.content_wrapper ul {
+
padding:0px 20px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* numbered lists */
+
.content_wrapper ol {
+
padding:0px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* Table */
+
.content_wrapper table {
+
width: 97%;
+
margin:15px 10px;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table cells */
+
.content_wrapper  td {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table headers */
+
.content_wrapper th {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
background-color:#f2f2f2;
+
}
+
 
+
/* Button class */
+
.button_click {
+
margin: 10px auto;
+
padding: 15px; width:12%; 
+
text-align:center;
+
font-weight:bold;
+
background-color: #72c9b6;
+
cursor:pointer; 
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* button class on hover */
+
.button_click:hover { 
+
background-color:#000000;
+
color:#72c9b6;
+
}
+
 
+
/********************************* RESPONSIVE STYLING ********************************/
+
 
+
/* IF THE SCREEN IS LESS THAN 1000PX */
+
 
+
@media only screen and (max-width: 1000px) {
+
 
+
#content {width:100%; }
+
.menu_wrapper {width:15%;}
+
.content_wrapper {margin-left: 10%; margin-right: 10%; width:auto;}
+
.menu_item {display:block;}
+
.icon {display:none;}
+
.highlight {padding:10px 0px;}
+
}
+
 
+
 
+
/* IF THE SCREEN IS LESS THAN 680PX */
+
 
+
@media only screen and (max-width: 680px) {
+
.collapsable_menu_control { display:block;}
+
.menu_item {display:none;}
+
.menu_wrapper { width:100%; height: 15%; position:relative;}
+
.content_wrapper { margin-left: 10%; margin-right: 10%; width:auto; }
+
.column.half_size {width:100%; }
+
.column img { width: 100%; padding: 5px 0px;}
+
.icon {display:block;}
+
.highlight {padding:15px 5px;}
+
}
+
  
 +
}
 
</style>
 
</style>
 
 
 
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
 
 
<!-- This tells the browser that your page is responsive -->
 
 
<head>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
</head>
 
</head>
 
 
 
 
<!--
 
<div class="menu_wrapper" >
 
 
 
 
 
<div class="collapsable_menu_control"> MENU ▤ </div>
 
 
<ul id="accordion" class="accordion">
 
 
<li class="menu_item"> <a href="https://2016.igem.org/Team:Tokyo_Tech">HOME </a> </li>
 
 
 
<li class="menu_item"> <div class="icon plus"></div> TEAM
 
<ul class="submenu">
 
<li> <a href=" https://2016.igem.org/Team:Tokyo_Tech/Team"> Team  </a> </li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Collaborations">★  Collaborations </a> </li>
 
                    </ul>
 
                </li>
 
 
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Description"> ★  Description </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Design"> ★ Design </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Experiments"> Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Proof"> ★ Proof of Concept </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Demonstrate"> ★ Demonstrate </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Results"> Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Notebook"> Notebook </a></li>
 
                    </ul>
 
                </li>
 
 
<li class="menu_item"> <div class="icon plus"></div> PARTS 
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Basic_Part"> ★ Basic Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Composite_Part"> ★ Composite Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Part_Collection"> ★ Part Collection </a></li>
 
                    </ul>
 
                </li>
 
 
 
<li class="menu_item"> <a href="https://2016.igem.org/Team:Tokyo_Tech/Safety"> SAFETY </a> </li>
 
 
 
<li class="menu_item"> <a href="https://2016.igem.org/Team:Tokyo_Tech/Attributions">★  ATTRIBUTIONS </a></li>
 
 
 
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices"> Human Practices </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/HP/Silver">★ Silver </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/HP/Gold">★ Gold </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Integrated_Practices"> ★ Integrated Practices </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Engagement">★ Engagement </a></li>
 
                    </ul>
 
                </li>
 
 
 
<li class="menu_item"> <div class="icon plus"></div> AWARDS
 
<ul class="submenu">
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Entrepreneurship"> ★ Entrepreneurship </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Hardware"> ★ Hardware </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Software">★ Software </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Measurement">★  Measurement </a></li>
 
<li> <a href="https://2016.igem.org/Team:Tokyo_Tech/Model">★ Model </a></li>
 
 
                    </ul>
 
                </li>
 
</ul>
 
 
</div>
 
-->
 
 
 
 
 
<div class="content_wrapper">
 
 
<center>
 
 
<h1>Tokyo_Tech</h1>
 
 
</center>
 
 
<h4 id="page_name">  </h4>
 
 
 
 
 
 
 
 
 
 
<script>
 
 
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 
 
$(document).ready(function() {
 
 
$("#HQ_page").attr('id','');
 
 
 
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 
$("#team_name").html( wgPageName );
 
}
 
 
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 
}
 
 
else {
 
// this adds the team's name as an h1
 
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 
 
// this adds the page's title as an h4
 
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 
}
 
 
 
 
 
$('#accordion').find('.menu_item').click(function(){
 
 
//Expand or collapse this panel
 
submenu = $(this).find('.submenu');
 
submenu.toggle();
 
 
icon = $(this).find('.icon');
 
 
if ( !$( submenu ).is(':visible') ) {
 
icon.removeClass("less").addClass("plus");
 
}
 
else {
 
icon.removeClass("plus").addClass("less");
 
}
 
 
//Hide the other panels
 
$(".submenu").not(submenu).hide();
 
$(".icon").not(icon).removeClass("less").addClass("plus");
 
});
 
 
 
$(".collapsable_menu_control").click(function() {
 
$(".menu_item").toggle();
 
});
 
 
$( window ).resize(function() {
 
$(".menu_item").show();
 
});
 
 
 
});
 
 
 
 
 
</script>
 
 
  
 
<body>
 
<body>
   <div id="titlearea">
+
   <div id="main_contents">
      <h1>Description</h1>
+
<div id="page_header" class="container container_top">
    </div>
+
<h1 align="center">Description</h1>
    <div id="titlebottom">
+
</div><!-- /page_header -->
    </div>
+
<div id="contents" class="container">
  <div class="texttop">
+
<div id="contents_header" class="container_header">
    <!-- <img src=ea_top.png"> -->
+
<h2><span>Contents</span></h2>
  </div>
+
</div><!-- /contents_header -->
  <div class="textarea">
+
   
 +
   
 +
  
 
     <h2 class="content2">Contents</h2>
 
     <h2 class="content2">Contents</h2>
 
       <h3 class="link"><a href="#Summary">0. Summary</a></h3>
 
       <h3 class="link"><a href="#Summary">0. Summary</a></h3>
Line 614: Line 90:
 
       <h3 class="link"><a href="#Characterization of <i>rhlR</i>">3. Characterization of <i>rhlR</i></a></h3>
 
       <h3 class="link"><a href="#Characterization of <i>rhlR</i>">3. Characterization of <i>rhlR</i></a></h3>
 
       <br>
 
       <br>
    </div>
+
 
    <div class="textbottom">
+
    
    </div>
+
 
  <div class="texttop">
+
  </div>
+
  <div class="textarea">
+
 
           <h2 id="Summary" class="smalltitle">0. Summary</h2>
 
           <h2 id="Summary" class="smalltitle">0. Summary</h2>
 
           <p class="text">When we tried to represent Snow White with TA system and Quorum Sensing, we faced two problems. First, we could access too little data of TA system to work on our project. Second, simulation of our final genetic circuits revealed that Rhl system was too weak to function as well as Lux system and our final circuits could not work well. So we decided to characterize the existing TA system and <i>rhlR</i> parts, and improve the past improved Prhl in order to represent Snow White as faithfully as we could. As a results, the data we obtained makes easy to use these existing TA system and <i>rhlR</i> parts. Furthermore, our original improved Prhl expands the possibility to use Quorum Sensing.</p><br>
 
           <p class="text">When we tried to represent Snow White with TA system and Quorum Sensing, we faced two problems. First, we could access too little data of TA system to work on our project. Second, simulation of our final genetic circuits revealed that Rhl system was too weak to function as well as Lux system and our final circuits could not work well. So we decided to characterize the existing TA system and <i>rhlR</i> parts, and improve the past improved Prhl in order to represent Snow White as faithfully as we could. As a results, the data we obtained makes easy to use these existing TA system and <i>rhlR</i> parts. Furthermore, our original improved Prhl expands the possibility to use Quorum Sensing.</p><br>
Line 625: Line 98:
 
               <a name="Characterization of TA system"></a>
 
               <a name="Characterization of TA system"></a>
 
<table rules="rows" border="2px solid #583612" width="800px" style="line-height: 1.4em; text-align:center; font-weight: bold;">
 
<table rules="rows" border="2px solid #583612" width="800px" style="line-height: 1.4em; text-align:center; font-weight: bold;">
<tbody>
+
 
<tr bgcolor="#1971b9" style="color:#ffffff;">
 
<tr bgcolor="#1971b9" style="color:#ffffff;">
 
<th width="250px">Team</th>
 
<th width="250px">Team</th>
Line 681: Line 154:
 
<td>eliminate the need for antibiotics</td>
 
<td>eliminate the need for antibiotics</td>
 
</tr>
 
</tr>
</tbody>
 
 
</table>
 
</table>
  
Line 697: Line 169:
  
  
</div>
+
 
             <h4 id="21" class="sub5">1.3.1 Adjustment of Expression of MazF</h4>
 
             <h4 id="21" class="sub5">1.3.1 Adjustment of Expression of MazF</h4>
 
           <p class="text2">It was concluded that MazF should be induced under the condition that the arabinose concentration is 0.02% so that MazF functions as a toxin and GFP fluoresces sufficiently in <span style="font-style: italic">mazEF</span> system assay.</p><br>
 
           <p class="text2">It was concluded that MazF should be induced under the condition that the arabinose concentration is 0.02% so that MazF functions as a toxin and GFP fluoresces sufficiently in <span style="font-style: italic">mazEF</span> system assay.</p><br>
Line 779: Line 251:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
  </body>
+
   
 
+
   
 
+
  </body>
 
+
 
+
</p>
+
<!--
+
NewPP limit report
+
CPU time usage: 0.006 seconds
+
Real time usage: 0.006 seconds
+
Preprocessor visited node count: 9/1000000
+
Preprocessor generated node count: 44/1000000
+
Post‐expand include size: 41/2097152 bytes
+
Template argument size: 0/2097152 bytes
+
Highest expansion depth: 2/40
+
Expensive parser function count: 0/100
+
-->
+
 
+
<!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:1013-0!*!*!*!*!*!* and timestamp 20160626103829 and revision id 21437
+
  -->
+
</div>             <div class="visualClear"></div>
+
            </div>
+
    </div>
+
 
+
        </div>
+
 
+
        <!-- Side Menubar -->
+
        <div id="sideMenu">
+
            <a href="https://2016.igem.org">
+
                <div id="home_logo" >
+
                <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg">
+
                </div>
+
            </a>
+
 
+
            <div style="clear:both; height:5px;"></div>
+
 
+
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
+
        </div>
+
 
+
        <!-- Pop_Why Div is definded here -->
+
        <div class="pop_why_cover"></div>
+
 
+
        <div class="pop_why_box" >
+
            <div class="pop_close">× </div>
+
            <div class="pop_why_content"><h3> Loading ... </h3></div>
+
        </div>
+
 
+
    </div>
+
 
</html>
 
</html>
  
 
{{Tokyo_Tech/Footer}}
 
{{Tokyo_Tech/Footer}}

Revision as of 17:43, 18 October 2016

Contents

  

Contents


0. Summary

When we tried to represent Snow White with TA system and Quorum Sensing, we faced two problems. First, we could access too little data of TA system to work on our project. Second, simulation of our final genetic circuits revealed that Rhl system was too weak to function as well as Lux system and our final circuits could not work well. So we decided to characterize the existing TA system and rhlR parts, and improve the past improved Prhl in order to represent Snow White as faithfully as we could. As a results, the data we obtained makes easy to use these existing TA system and rhlR parts. Furthermore, our original improved Prhl expands the possibility to use Quorum Sensing.


1. Characterization of TA system

Team TA System Function
UCSF 2012 YoeB-YefM
MazE-MazF
Communication by TA system
Colombia 2012 HipA7-HipB
MqsR-MqsA
TisB-istR
Kill Switch
Bonn 2013 MazE-MazF Kill Switch
Uppsala 2013 from lactobacillus
plantarum
Kill Switch
UGent 2013 ccdB-ccdA eliminate the need for antibiotics
Wageningen UR 2014 Kid-Kis
Zeta-Epsilon
Kill Switch
ULB-Brussels 2014 ccdB-ccdA Kill Switch
UMaryland 2015 Hok-Soc eliminate the need for antibiotics
ZJU-China 2015 tcdA1-tcdB1
Plu0840-Plu1537
Kill Switch
BABS UNSW Australia 2015 Tsi2-Tse2 eliminate the need for antibiotics

2.1. "Background”for our Characterization of TA system

TA system is the function that regulates cell growth on the genomic DNA of many microorganisms. So far, iGEM 2014 team ULB-Brussels, iGEM 2013 team UGent had studied about ccdB-ccd, iGEM 2014 team Wageningen UR about Kid-Kis and Zeta-Epsilon, iGEM 2015 team UMaryland about Hok-Soc. Almost all the iGEM teams dealing with TA system aimed to use it as Kill Switch or substitution for antibiotics. On the other hand, we aim to study the interaction of toxin and antitoxin in a cell. Besides some teams failed to show enough data of TA system assay. Although UCSF 2012 experienced the communication through TA system including mazEF system, they did not introduce toxin and antitoxin into a cell and could not show mazEF system assay data. Our results show that the cell growth can be controlled by mazEF system.

iGEM 2016 team Tokyo_Tech has studied about mazEF system (MazF : toxin , MazE : antitoxin) that has been researched well as TA system.

1.2. Summary of the experiment

We studied mazEF system with various conditions and found that the best condition of expressing mazEF system in one cell. Besides, we also found that cell growth regulated by the alternative expression of MazE and MazF.


1.3. Results

1.3.1 Adjustment of Expression of MazF

It was concluded that MazF should be induced under the condition that the arabinose concentration is 0.02% so that MazF functions as a toxin and GFP fluoresces sufficiently in mazEF system assay.


Fig.


Fig.


Fig.


1.3.2 mazEF System Assay

Since MazE resuscitates E. coli after MazF expression inhibits cell growth and translation, MazF inhibits cell growth and translation after MazE expression, it was suggested that using mazEF system can regulate cell growth and translation.

Fig.


Fig.


Fig.


Fig.


Fig.


1.4 Discussion

We learned the appropriate arabinose concentration, 0.02%, to induce MazF. This assay firstly shows that in one cell, MazE resuscitates E. coli after MazF expression inhibits cell growth and translation, then, MazF inhibits cell growth and translation after MazE expression. It is suggested that using mazEF system regulate cell growth and translation. In conclusion, we can indicate, as the function of TA system, not Kill Switch but a regulator of systems. It will be useful for information processing.


2. Improvement of Prhl

2.1. "Background”for our improvement of Prhl

We simulated our final genetic circuits and found that the circuits did not work, because Prhl activity was too weak compared to Plux. (see the Model page and the AHL Only Assay page). We therefore considered using the improved Prhl (BBa_K1529300, BBa_K1529310) established by iGEM 2014 Tokyo_Tech, but we noticed that they were inappropriate for two reasons: crosstalk to C12 and type of rhlR (written below). Then, we decided to improve wild type Prhl(BBa_R0071).


2.2. Summary of the experiment

By introducing a single point mutation into wild type Prhl (BBa_R0071) by PCR, we obtained 198 Prhl mutants and obtained the Prhl mutants of which promoter activity was stronger than wild type Prhl(BBa_R0071), and named it Prhl(Noticeable Mutant) (BBa_K1949060), hereafter referred to as Prhl(NM), which suited our goal.


2.3. Results

The SN ratio of Prhl(NM)(BBa_K1949060) was higher than that of Prhl(LR)(BBa_1529310)and Prhl(NM)(BBa_K1949060) did not crosstalk to C12 unlike Prhl(LR)(BBa_1529310).


2.4. Discussion

Many iGEM teams used AHL and probably this tendency continues. When you use AHL, you will find that promoter strength is quite different depending on the type of AHL and it bothers you to design genetic circuits, for example, including Plux and Prhl. Prhl(NM) (BBa_K1949060) has almost as same strong activity as Plux. Furthermore, Prhl(NM) (BBa_K1949060) has higher specificity to C4 than Prhl(LR)(BBa_1529310). Prhl(NM) (BBa_K1949060) can be said that it expands the possibility of using various combination promoters depending on AHL.


3. Characterization of rhlR

3.1. "Background”for our Characterization of rhlR

When we used two type of rhlR, one was LVA-tagged and the other was normal, we found that gap introduced with rhlR barely expressed but gfp introduced with rhlR-LVA expressed greatly. We decided to find this cause.


3.2. Summary of the experiment

Measure RFU of GFP of the E. coli containing (a) Pcon-rbs-rhlR-LVA (pSB6A1), Prhl(LR)-rbs-gfp (pSB3K3), (b) Pcon-rbs-rhlR (pSB6A1), Prhl(LR)-rbs-gfp (pSB3K3), (c) Pcon-rbs-rhlR-LVA (pSB6A1), Prhl(RL)-rbs-gfp (pSB3K3) or (d)Pcon-rbs-rhlR(pSB6A1), Prhl(RL)-rbs-gfp (pSB3K3). And we found that gfp expresses much if it introduced with rhlR-LVA even though using stronger Prhl than wild type Prhl(BBa_R0071). Thls is because that RhlR, which represses Prhl without C4, tagged LVA is prone to be degraded and the concentration of RhlR in a cell decreases then the repression becomes weak.


3.3. Results

The level of GFP expression of (a)~(d) are shown below.


3.4. Discussion

The expression level of the gene under Prhl depends on not only Prhl activity but also the type of the rhlR. In other words, this characterize shows that the combinations of Prhl and rhlR can control the expression level of the gene under Prhl. It gives you more choices which Prhl and rhlR you use.