Team:KAIST Korea

From 2013.igem.org

(Difference between revisions)
 
(93 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:KAIST_Korea/top_home}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
{{:Team:KAIST_Korea/navi}}
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<html>
+
<head>
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="generator" content="MediaWiki 1.16.5" />
 +
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&amp;action=edit" />
 +
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2013.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:KAIST_Korea/Project_Background&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'>
 +
<title>Team:KAIST Korea/Project Background - 2013.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
#bar{z-index : 5;
 +
}
 +
#menu,
 +
#menu ul,
 +
#menu li,
 +
#menu a {
 +
margin: 0;
 +
padding-left: 40;
 +
border: none;
 +
outline: none;
 +
}
 +
.menu {
 +
height: 50px;
 +
weight: 100%;
 +
padding-left: 30%;
 +
        z-index: 2;
 +
background: #000000;
 +
}
 +
 +
.menu li {
 +
position: relative;
 +
list-style: none;
 +
margin: 0px auto 0 auto;
 +
float: left;
 +
display: block;
 +
height: 50px;
 +
}
 +
 +
/* Links */
 +
 +
.menu li a {
 +
margin:0px auto;
 +
display: block;
 +
padding: 0 14px;
 +
margin: 6px 0;
 +
 +
text-decoration: none;
 +
 +
 +
 +
font-family: Helvetica, Arial, sans-serif;
 +
font-weight: bold;
 +
font-size: 20px;
 +
 +
color: #353535;
 +
 +
 +
-webkit-transition: color .2s ease-in-out;
 +
-moz-transition: color .2s ease-in-out;
 +
-o-transition: color .2s ease-in-out;
 +
-ms-transition: color .2s ease-in-out;
 +
transition: color .2s ease-in-out;
 +
}
 +
 +
.menu li:first-child a { border-left: none; }
 +
.menu li:last-child a{ border-right: none; }
 +
 +
.menu li:hover > a { color: #F29661; }
 +
 +
/* Sub Menu */
 +
 +
.menu ul {
 +
position: absolute;
 +
top: 50px;
 +
 +
left: 0px;
 +
 +
padding-right: 10px;
 +
 +
opacity: 0;
 +
 +
background: #1f2024;
 +
 +
-webkit-border-radius: 0 0 5px 5px;
 +
-moz-border-radius: 0 0 5px 5px;
 +
border-radius: 0 0 5px 5px;
 +
 +
-webkit-transition: opacity .25s ease .1s;
 +
-moz-transition: opacity .25s ease .1s;
 +
-o-transition: opacity .25s ease .1s;
 +
-ms-transition: opacity .25s ease .1s;
 +
transition: opacity .25s ease .1s;
 +
}
 +
 +
.menu li:hover > ul { opacity: 1; }
 +
 +
.menu ul li {
 +
height: 0;
 +
overflow: hidden;
 +
padding: 0px;
 +
 +
-webkit-transition: height .25s ease .1s;
 +
-moz-transition: height .25s ease .1s;
 +
-o-transition: height .25s ease .1s;
 +
-ms-transition: height .25s ease .1s;
 +
transition: height .25s ease .1s;
 +
}
 +
 +
.menu li:hover > ul li {
 +
height: 40px;
 +
overflow: visible;
 +
padding: 0;
 +
}
 +
 +
.menu ul li a {
 +
width: 100px;
 +
padding: 4px 0 4px 40px;
 +
margin: 0;
 +
 +
border: none;
 +
border-bottom: 1px solid #353539;
 +
}
 +
 +
.menu ul li:last-child a { border: none; }
 +
 +
/* Icons */
 +
 +
.menu a.documents { background: url(docs.png) no-repeat 6px center; }
 +
.menu a.messages { background: url(bubble.png) no-repeat 6px center; }
 +
.menu a.signout { background: url(arrow.png) no-repeat 6px center; }
 +
 +
 +
ul.menu { margin: 0px auto 0 auto; }
 +
</style>
 +
 +
<style type="text/css">
 +
 +
/* Cross-Browsing */
 +
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
 +
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
 +
ol, ul, li { list-style:none; }
 +
fieldset,img,hr {border:none;}
 +
caption,th {text-align:left;}
 +
table {border-collapse:collapse; border-spacing:0;}
 +
td {vertical-align:top;}
 +
strong { font-weight:bold ;}
 +
em { font-style:italic; }
 +
a img { border:none; }
 +
q:before, q:after { content:''}
 +
 +
html { height: 100%; }
 +
 +
 +
body
 +
{
 +
background-image: url('https://static.igem.org/mediawiki/2012/6/61/Top_section_expand_KAIST.png'),url('https://static.igem.org/mediawiki/2012/9/98/PATTERN_diagonal.png');
 +
background-repeat: repeat-x,repeat;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
 +
 +
#content
 +
{
 +
border: none;
 +
position: relative;
 +
top: 0;
 +
background-color: transparent;
 +
padding: 0;
 +
width: 100%;
 +
}
 +
 +
#bodyContent p
 +
{
 +
display: none;
 +
}
 +
 +
#globalWrapper
 +
{
 +
clear: both;
 +
width: 100%;
 +
                z-index: 1;
 +
position: relative;
 +
top:0px;
 +
margin: auto;
 +
font-size: 10px;
 +
}
 +
 +
#contentSub { display: none; }
 +
#siteSub { display:none; }
 +
 +
#search-controls {
 +
left: 20px;
 +
width: auto;
 +
        z-index: 100;
 +
        position: relative;
 +
        float: right;
 +
        top: -10px;
 +
        right: 0;
 +
        height: auto;
 +
        clear: both;
 +
}
 +
 +
input.searchButton
 +
{
 +
position: relative;
 +
font-size: 1em;
 +
font-family: "Arial";
 +
font-weight: normal;
 +
color: #FFFFFF;
 +
}
 +
 +
#searchInput
 +
{
 +
background-color: transparent;
 +
z-index: 100;
 +
color: #181818;
 +
font: Arial;
 +
text-align: center;
 +
 +
background: url('https://static.igem.org/mediawiki/2012/6/6e/Kaist2012_head_searchbar.png') no-repeat;
 +
background-position: 0px 0px;
 +
vertical-align: middle;
 +
 +
width: 184px;
 +
height: 22px;
 +
border: none;
 +
}
 +
 +
#searchGoButton
 +
{
 +
font-size: 0pt;
 +
background: url('https://static.igem.org/mediawiki/2012/7/78/Kaist2012_head_arrow.png') no-repeat;
 +
background-position: left 0px;
 +
        z-index: 100;
 +
cursor: pointer;
 +
width: 29px;
 +
height: 29px;
 +
border: none;
 +
}
 +
 +
#mw-searchButton
 +
{
 +
position: relative;
 +
left: -14px;
 +
font-size: 0pt;
 +
background: url('https://static.igem.org/mediawiki/2012/e/e1/Kaist2012_head_search.png') no-repeat;
 +
                z-index: 100;
 +
background-position: left 0px;
 +
cursor: pointer;
 +
width: 29px;
 +
height: 29px;
 +
border: none;
 +
}
 +
 +
.firstHeading { display:none; }
 +
 +
#p-logo
 +
{
 +
display: none;
 +
position: relative;
 +
top: 0px;
 +
z-index: 0;
 +
height: 1px;
 +
width: 10px;
 +
overflow: hidden;
 +
}
 +
 +
#p-logo a { color: black; }
 +
 +
img[src*="/wiki/skins/common/images/wiki.png"]
 +
{
 +
    visibility: hidden;
 +
    top: -100px;
 +
    width: 10px;
 +
    height: 0px;
 +
margin-top: 20px;
 +
    background: transparent;
 +
}
 +
 +
 +
 +
#menubar
 +
{
 +
font-size: 10px;
 +
font-family: "GothamXNarrow-Bold", "Helvetica";
 +
position: relative;
 +
float: left;
 +
width: auto;
 +
top: 36px;
 +
        z-index: 100;
 +
}
 +
 +
#menubar:hover{ background-color: #181818; }
 +
 +
.left-menu { margin-top: 0px; left: 0; }
 +
.left-menu ul { border: none;}
 +
.right-menu { margin-top: 0px; right: 0; float: right !important;}
 +
.right-menu ul { border: none; }
 +
.right-menu ul a { background-color: transparent; }
 +
.left-menu li a { color: #615d5a; }
 +
.left-menu li a:visited { color: #615d5a; }
 +
.left-menu li a:hover { color: #ffffff; }
 +
.left-menu li a:active{ color: #cccccc; font-weight: bold; }
 +
.right-menu li a { color: #f6f5c8; }
 +
.right-menu li a:visited { color: #f6f5c8; }
 +
.right-menu li a:hover { color: #ffffff; text-decoration: none; }
 +
.right-menu li a:active { color: #cccccc; text-decoration: none;font-weight: bold; }
 +
 +
#menubar li {
 +
 +
        margin: 0px;
 +
        word-spacing:-1px;
 +
}
 +
 +
#catlinks {
 +
position: relative;
 +
top: 5px;
 +
left: -5px;
 +
width: 1034px;
 +
border: none;
 +
background-color: transparent;
 +
padding-top: 5px;
 +
clear: both;
 +
}
 +
 +
#footer-box {display:none;}
 +
#footer {display:none;}
 +
#footer li a { color: #000000; }
 +
#footer img { margin: 10px; border: none; }
 +
#footer li a:visited {color: #000000;}
 +
#footer li a:hover { color: #ababab; text-decoration: none; }
 +
#footer li a:active{ color: #ababab; text-decoration: none; font-weight: bold}
 +
        </style>
 +
<style>
 +
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);
 +
ul.oe_menu{
 +
list-style:none;
 +
position:relative;
 +
width:300px;
 +
float:left;
 +
clear:both;
 +
margin:5px 0px 0px 8px;
 +
}
 +
ul.oe_menu > li{
 +
width:90px;
 +
height:30px;
 +
padding:auto;
 +
float:left;
 +
position:relative;
 +
list-style-type:none;
 +
 +
}
 +
 +
ul.oe_menu > li > a{
 +
display:block;
 +
background-color:transparent;
 +
color:#aaa;
 +
text-decoration:none;
 +
text-align:center;
 +
font-size:16px;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
width:90px;
 +
height:30px;
 +
opacity:0.8;
 +
}
 +
ul.oe_menu > li > a:hover,
 +
ul.oe_menu > li.selected > a{
 +
color:#fff;
 +
opacity:1.0;
 +
}
 +
.oe_wrapper ul.hovered > li > a{
 +
background:transparent;
 +
 +
}
 +
ul.oe_menu div{
 +
position:absolute;
 +
left:0px;
 +
background:transparent;
 +
width:268px;
 +
height:36px;
 +
padding:2px;
 +
display:none;
 +
}
 +
ul.oe_menu div ul li a{
 +
text-decoration:none;
 +
color:#cbcbcb;
 +
padding:2px 2px 2px 4px;
 +
display:block;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
text-align:center;
 +
font-size:16px;
 +
}
 +
ul.oe_menu div ul.oe_full{
 +
width:100%;
 +
}
 +
ul.oe_menu div ul li a:hover{
 +
background:#8583bf;/*이걸로 색상 조절*/
 +
color:#fff;
 +
}
 +
ul.oe_menu li ul{
 +
list-style:none;
 +
float:left;
 +
width: 86px;
 +
margin-right:0px;
 +
}
 +
 +
ul.oe_menu2{
 +
list-style:none;
 +
position:relative;
 +
width:300px;
 +
float:left;
 +
clear:both;
 +
margin:5px 0px 0px 8px;
 +
}
 +
ul.oe_menu2 > li{
 +
width:90px;
 +
height:30px;
 +
padding:auto;
 +
float:left;
 +
position:relative;
 +
list-style-type:none;
 +
}
 +
 +
ul.oe_menu2 > li > a{
 +
display:block;
 +
background-color:transparent;
 +
color:#eee;
 +
text-decoration:none;
 +
text-align:center;
 +
font-size:16px;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
width:90px;
 +
height:30px;
 +
opacity:0.8;
 +
}
 +
ul.oe_menu2 > li > a:hover,
 +
ul.oe_menu2 > li.selected > a{
 +
color:#fff;
 +
opacity:1.0;
 +
}
 +
 +
.oe_wrapper2 ul.hovered > li > a{
 +
background:transparent;
 +
 +
}
 +
 +
ul.oe_menu2 div{
 +
position:absolute;
 +
left:0px;
 +
background:transparent;
 +
width:268px;
 +
height:36px;
 +
padding:2px;
 +
display:none;
 +
}
 +
ul.oe_menu2 div ul li a{
 +
text-decoration:none;
 +
color:#ffffff;
 +
padding:2px 2px 2px 2px;
 +
display:block;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
text-align:center;
 +
font-size:16px;
 +
}
 +
 +
ul.oe_menu2 div ul.oe_full2{
 +
width:100%;
 +
}
 +
 +
ul.oe_menu2 div ul li a:hover{
 +
background:#d37c62;/*이걸로 색상 조절*/
 +
color:#fff;
 +
}
 +
 +
ul.oe_menu2 li ul{
 +
list-style:none;
 +
float:left;
 +
width: 86px;
 +
margin-right:0px;
 +
}
 +
 +
#main
 +
{
 +
min-height: 100%;
 +
width: 1024px;
 +
margin: 0 auto;
 +
background-color: transparent;
 +
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");
 +
background-repeat:repeat-y;
 +
}
 +
 +
#main #main-img
 +
{
 +
position: absolute;
 +
width: 1024px;
 +
top: -30px;
 +
z-index:0;
 +
}
 +
 +
#main a #main-logo
 +
{
 +
position: absolute;
 +
top: -30px;
 +
width: 336px;
 +
z-index:1;
 +
}
 +
 +
#main #top-img
 +
{
 +
position: relative;
 +
top: -5px;
 +
        left:294px;
 +
width:729px;
 +
height: 250px;
 +
z-index: 0;
 +
opacity:0.9;
 +
}
 +
 +
div .oe_wrapper{
 +
position:absolute;
 +
z-index:3;
 +
top:275px;
 +
}
 +
 +
div .oe_wrapper2{
 +
position:absolute;
 +
z-index:2;
 +
top:358px;
 +
}
 +
 +
div .iGEMLogo{
 +
position:absolute;
 +
z-index:4;
 +
bottom: 80px;
 +
padding : 0 0 0 10px;
 +
}
 +
 +
#menucontent
 +
{
 +
        position: relative;
 +
        background-color:transparent;
 +
        width:690px;
 +
        left:320px;
 +
        top:-75px;
 +
        z-index:2;
 +
        text-align: right;
 +
        opacity:0.8;
 +
}
 +
 +
#top-img-description
 +
{
 +
font-size:25px;
 +
font-family: 'Gloria Hallelujah', cursive;
 +
}
 +
 +
#top-img-description-box
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        top:-115px;
 +
left: 350px;
 +
        z-index:3;
 +
        height:15px;
 +
}
 +
 +
#horizontal-line
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        width:732px;
 +
height:3px;
 +
        left:292px;
 +
        top:-90px;
 +
        z-index:2;
 +
}
 +
div .contact-us{
 +
position: absolute;
 +
z-index:2;
 +
top:450px;
 +
padding:4px 0px 0px 10px;
 +
width:268px;
 +
color:white;
 +
font-weight:bold;
 +
}
 +
 +
div .contact-us #contact-us-information{
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size:12px;
 +
font-style: italic;
 +
color:white;
 +
}
 +
 +
div .contact-us #contact-us-information a:hover{
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size:12px;
 +
font-style: italic;
 +
color:#fcf967;
 +
font-weight:bold;
 +
text-decoration:none;
 +
}
 +
 +
div .contact-us #contact-us-information a{
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size:12px;
 +
font-style: italic;
 +
color:white;
 +
text-decoration:none;
 +
}
 +
 +
div .contact-us #contact-us-title{
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size:22px;
 +
line-height:170%;
 +
color:#dddddd;
 +
height:30px;
 +
}
 +
 +
</style>
 +
<script type="text/javascript">
 +
  WebFontConfig = {
 +
    google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }
 +
  };
 +
  (function() {
 +
    var wf = document.createElement('script');
 +
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
 +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
 +
    wf.type = 'text/javascript';
 +
    wf.async = 'true';
 +
    var s = document.getElementsByTagName('script')[0];
 +
    s.parentNode.insertBefore(wf, s);
 +
  })(); </script>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<meta http-equiv="imagetoolbar" content="no" />
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2013.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:KAIST_Korea/Project",
 +
wgTitle="Team:KAIST Korea/Project",
 +
wgAction="view",
 +
wgArticleId=9665,
 +
wgIsArticle=true,
 +
wgUserName="Springkjw",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=297918,
 +
wgVersion="1.16.0",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2013.igem.org", "5": "2013.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2013.igem.org": 4, "2013.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2013.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2013.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2013_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<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' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
 
<script type="text/javascript">
<script type="text/javascript">
   WebFontConfig = {
   WebFontConfig = {
Line 19: Line 714:
   })();  
   })();  
   </script>
   </script>
-
<style>
+
<style>  
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);
 +
#kaistcontent
#kaistcontent
{
{
Line 28: Line 724:
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:11pt;
font-size:11pt;
-
line-height:120%;
+
line-height:140%;
-
text-align:justify;
+
padding: 0px 15px 0px 15px;
padding: 0px 15px 0px 15px;
left:300px;
left:300px;
Line 35: Line 730:
z-index: 2;
z-index: 2;
}
}
-
 
+
-
#kaistcontent #little
+
#kaistcontent #tab
-
{
+
{
-
padding: 0px 0px 0px 30px;
+
width:200px;
-
line-height:140%;
+
height:30px;
-
}
+
position:relative;
-
#kaistcontent #little2
+
background:#f2f3f3;
-
{
+
padding:5px 30px 5px 30px;
-
padding: 0px 0px 0px 15px;
+
border:1px solid #f4f4f4;
-
line-height:140%;
+
margin : 0 20px 0 20px;
-
}
+
}
-
 
+
 +
 +
#kaistcontent #starter-grad
#kaistcontent #starter-grad
{
{
-
width:15px;
+
width:17px;
height:100px;
height:100px;
float:left;
float:left;
margin:0px 15px 2px 0px;
margin:0px 15px 2px 0px;
}
}
-
 
+
#kaistcontent #starter
#kaistcontent #starter
{
{
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
-
font-size:20pt;
+
font-size:25pt;
 +
color: #08185d;
 +
font-style:italic
padding:0px 0px 0px 10px;
padding:0px 0px 0px 10px;
-
font-style:italic;
 
}
}
-
 
+
#kaistcontent #sub-title
#kaistcontent #sub-title
{
{
Line 72: Line 770:
font-style:italic;
font-style:italic;
}
}
-
 
+
#kaistcontent h1
#kaistcontent h1
{
{
Line 81: Line 779:
line-height:110%;
line-height:110%;
}
}
-
 
+
#kaistcontent ul
#kaistcontent ul
{
{
list-style-type:disc;
list-style-type:disc;
padding: 0px 0px 0px 30px;
padding: 0px 0px 0px 30px;
-
 
+
}
}
-
 
+
#kaistcontent li
#kaistcontent li
{
{
-
list-style-type:disc;
+
list-style-type:decimal;
}
}
-
 
+
 +
#kaistcontent a { 
 +
color:#5a5b5e; 
 +
 +
 +
#kaistcontent a:hover{ 
 +
    color:#94969a; 
 +
 +
 +
 +
#kaistcontent #little
 +
{
 +
padding: 0px 0px 0px 30px;
 +
line-height:140%;
 +
}
 +
#kaistcontent #little2
 +
{
 +
padding: 0px 0px 0px 15px;
 +
line-height:140%;
 +
}
 +
#kaistcontent #sub-sub-title
#kaistcontent #sub-sub-title
{
{
Line 102: Line 820:
line-height:110%;
line-height:110%;
}
}
 +
 +
</style>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
 +
        <script type="text/javascript">
 +
            $(function() {
 +
var $oe_menu = $('#oe_menu');
 +
var $oe_menu_items = $oe_menu.children('li');
 +
 +
                $oe_menu_items.bind('mouseenter',function(){
 +
var $this = $(this);
 +
$this.addClass('slided selected');
 +
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
 +
$oe_menu_items.not('.slided').children('div').hide();
 +
$this.removeClass('slided');
 +
});
 +
}).bind('mouseleave',function(){
 +
var $this = $(this);
 +
$this.removeClass('selected').children('div').css('z-index','1');
 +
});
 +
 +
$oe_menu.bind('mouseenter',function(){
 +
var $this = $(this);
 +
$this.addClass('hovered');
 +
}).bind('mouseleave',function(){
 +
var $this = $(this);
 +
$this.removeClass('hovered');
 +
$oe_menu_items.children('div').hide();
 +
})
 +
            });
 +
</script>
 +
<script type="text/javascript">
 +
     
 +
$(function() {
 +
var $oe_menu2 = $('#oe_menu2');
 +
var $oe_menu_items2 = $oe_menu2.children('li');
 +
 +
                $oe_menu_items2.bind('mouseenter',function(){
 +
var $this = $(this);
 +
$this.addClass('slided selected');
 +
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
 +
$oe_menu_items2.not('.slided').children('div').hide();
 +
$this.removeClass('slided');
 +
});
 +
}).bind('mouseleave',function(){
 +
var $this = $(this);
 +
$this.removeClass('selected').children('div').css('z-index','1');
 +
});
 +
 +
$oe_menu2.bind('mouseenter',function(){
 +
var $this = $(this);
 +
$this.addClass('hovered');
 +
}).bind('mouseleave',function(){
 +
var $this = $(this);
 +
$this.removeClass('hovered');
 +
$oe_menu_items2.children('div').hide();
 +
})
 +
            });
 +
        </script>
 +
 +
<style>
 +
#kaist-footerbox
 +
{
 +
position: relative;
 +
background-color: transparent;
 +
width:1024px;
 +
height:56px;
 +
z-index:2;
 +
margin:0 auto;
 +
bottom:30px;
 +
}
 +
 +
#kaist-footerbox img #footer-img
 +
{
 +
position: center;
 +
width: 1024px;
 +
height:106px;
 +
z-index:2;
 +
opacity:0.9;
 +
margin:0 auto;
 +
}
 +
 +
</style>
</style>
</head>
</head>
-
 
<body>
<body>
<div id="main">
<div id="main">
-
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/>
 
-
<div id="menucontent">
 
-
  <img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/>
 
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a>
 
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a>
 
-
</div>
 
-
<div id="top-img-description-box"><span id="top-img-description">Home : Introduction</span></div>
 
-
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img>
 
-
<div id="kaistcontent">
+
 
-
        <div>
+
<a href="https://2013.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2013/5/59/Logopart_Kaist.png"/></a>
-
        <img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
+
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/>
-
        <h1> Abstract</h1>
+
-
<span id="sub-title">Reguli</span></br></br>
+
-
+
-
<span id="little"></span><span id="starter">B</span>iological engineering has brought us handy tools to produce desired products. However, we have to induce genes to properly express them on correct cell phase. We, KAIST 2012 iGEM team, suggest a module that automatically turns the transcription of gene on or off using dual-phase switching module. In our model, promoter orientation is designed to be reversed when sufficient quorum molecule is detected. Then, genes on the other side, indigo synthesizing enzyme bFMO, lactonase, and excisionase are expressed. Indigo is meaningful in that it is the end-product of its metabolic pathway and, its color can be easily detected. Lactonase quenches quorum molecule(lactone), which will generate an oscillating pattern. Excisionase acts on the recombination site to set promoter to its initial orientation.  In this way, we can regulate metabolic pathways. So we call it regulative E.coli, Reguli.
+
 +
 +
<div class="oe_wrapper">
 +
<ul id="oe_menu" class="oe_menu">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a>
 +
<div style="top:30px;">
 +
<ul style="margin:0 0 0 30px;width:100px;">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li>
 +
</ul>
 +
<ul style="width:100px;margin:0px 5px 0px 5px;">
 +
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a>
 +
<div style="left:-85px;top:25px;"><!-- -112px -->
 +
<ul>
 +
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li>
 +
</ul>
 +
<ul style="padding:5px 0px 5px 0px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li>
 +
</ul>
 +
<ul style="padding:5px 0px 5px 0px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a>
 +
<div style="left:-182px;top:30px;">
 +
<ul style="margin:0 0 0 30px;width:100px;">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li>
 +
</ul>
 +
<ul style="width:100px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
<div class="oe_wrapper2">
 +
 +
<ul id="oe_menu2" class="oe_menu2">
 +
<li><a href="https://2013.igem.org/Team:KAIST_Korea/Project">PROJECT</a>
 +
<div style="top:21px;left:32px;">
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li>
 +
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li>
 +
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li>
 +
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a>
 +
<div style="left:-91px;top:30px;"><!-- -112px -->
 +
<ul style="margin:0 0 0 30px;width:100px;">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li>
 +
</ul>
 +
<ul style="width:100px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li>
 +
</ul>
 +
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a>
 +
<div style="left:-152px;top:21px;">
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li>
 +
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li>
 +
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li>
 +
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
<div class="contact-us">
 +
<div id="contact-us-title">2013 KAIST Korea</div>
 +
<div id="contact-us-information">
 +
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br>
 +
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br>
 +
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a>
</div>
</div>
-
</br></br>
+
</div>
-
<div>
+
-
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
+
<div class="iGEMLogo">
-
        <h1> Introduction</h1>
+
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a>
 +
</div>
 +
</div>
 +
<div id="main">
 +
<ul class="menu">
 +
<li><a href="https://2013.igem.org/Team:KAIST_Korea">Home</a></li>
 +
<li><a href="https://2013.igem.org/Team:KAIST_Korea/Team">Team</a></li>
 +
<li><a href="https://2013.igem.org/Team:KAIST_Korea/Project">Project</a>
-
<span id="sub-title">"We suggest an auto-regulation module free from induction which utilizes dual-phase switching system."</span></br></br>
+
<!-- <ul>
-
<span id="little"></span><span id="starter">T</span>hroughout past iGEM competitions, many kinds of bio-modules were proposed and tested. They were great and some were brilliant, but it doesn’t seem many of them are universally available. Of course the goal of iGEM is to enrich the database, but we view the beauty of this registry is to contain as many modules which can be readily applied to actual research as possible. Thus, here now, we suggest an auto-regulation module free from induction which utilizes dual-phase switching system and quorum sensing.
+
<li><a href="#" class="documents">Documents</a></li>
 +
<li><a href="#" class="messages">Messages</a></li>
 +
<li><a href="#" class="signout">Sign Out</a></li>
 +
</ul>
 +
 +
-->
 +
</li>
 +
<li><a href="#">Labnote</a></li>
 +
<li><a href="#">Human Practice</a></li>
 +
<li><a href="https://2013.igem.org/Team:KAIST_Korea/Safety">Safety</a></li>
-
</br></br>
+
</ul> <!-- end .menu -->
-
<span id="little2"></span>We may think of many meanings for this module; bio-computing, in-cell signal processing, and auto-control of cell metabolism. For example, since we use dual-phase switching system, we may consider each direction of gene expression as a signal; signal 0 or 1 of binary code. Thereby we can use this module to generate in vivo logic gates or computational system.
+
-
</br></br>
+
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/>
-
<span id="little2"></span>Dual-phase switching system adopts DNA recombination system of bacteriophage origin. In this system, DNA integrase recognizes specific sequences called attB and attP and then invert the sequence between them. Exisionase revert this sequence into its original state by recognizing the recombination site. We can thereby use this system to turn the pathway on or off.
+
-
 
+
-
                </br></br>
+
-
<span id="little2"></span>Products of LuxI and LuxR are used to generate signals in our quorum sensing model. They initiate the operation of auto-regulation module. Lactonase will regulate the signal to yield an oscillating pattern.
+
<div id="kaistcontent">
-
 
+
-
                </br></br>
+
</br>
-
<span id="little2"></span>As our end product, we selected bio-indigo which comes from indole. This widespread pigment is produced by bFMO, bacterial Flavin-containing MonoOxygenase. Successful production of bio-indigo verifies that our module can be embodied well in metabolic pathway and also proposes its potential usage.
+
<section id="1st">
-
 
+
<div>
-
</br>
+
<img id="starter-grad" style="height:60px;" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
-
</br>
+
<h1>Project : Overview</h1>
-
       
+
 +
</br>
 +
</div>
 +
 +
<img src="https://static.igem.org/mediawiki/2012/e/e1/KAIST_lionLion.png" style="float:left;padding:10px 20px 10px 0px;margin:0px 0px 20px 0px;"/>
 +
</br>
 +
<span id="little"><span id="starter">T</span>he widely used gene knock-out strategies are based upon a mere [on-off] control and more complex regulation is impossible. On the other hand, knock-down strategies are more versatile in usage but the current techniques are vastly laborious for systematic control and pose difficulty in multiple targeting because of the intricate design and scar accumulation.
 +
iGEM KAIST 2013 seeks to take the yet-to-be-perfected genetic regulation technology to a new level: The <span id="starter">RAPTOR</span> (RNA Associated Prokaryotic Transcript Optimization with CRISPR) technology. RAPTOR uses CRISPR type III system for gene regulation. CRISPR type III targets and cleaves specific mRNA sequences through complementary binding of crRNA and nuclease activity of Cmr protein complex. RAPTOR exploits this nature of CRISPR for systematically down regulating the mRNA level of specific genes.
 +
Due to the characteristics of RAPTOR, one of the most useful applications of this technology can be biosynthesis pathway regulation. Programmed crRNA expression allows fine-tuning of target mRNA expression levels and can precisely regulate enzyme concentrations. Not only fine-tuning but multiplex engineering is also possible through simultaneous expression of different crRNAs. Thus, multiple enzymes can be targeted in pathway control.
 +
As a proof of concept we sought to regulate the lycopene pathway that is incorporated into the genome of Escherichia coli. The efflux of lycopene precursors is optimally reduced through lowering the mRNA levels of enzymes that synthesize non-lycopene end products. Through observation of increased lycopene yield in the E.coli, potentiality of RAPTOR technology can be validated.
 +
</br></br></span>
 +
<div clear='both'></div>
 +
 +
 +
 +
 +
 +
</br></br>
 +
<div align='right'><a href="#top">▲Back to the top</a></div></br>
 +
 +
 +
</section>
 +
 +
 +
</div>
</div>
</div>
 +
<div id="kaist-footerbox"><img id="footer-img" align="middle" src="https://static.igem.org/mediawiki/2013/e/ef/Footer_background_kaist.png"></img>
</div>
</div>
</body>
</body>
</html>
</html>
-
{{:Team:KAIST_Korea/footer}}
 

Latest revision as of 10:12, 23 August 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:KAIST Korea/Project Background - 2013.igem.org


Project : Overview



The widely used gene knock-out strategies are based upon a mere [on-off] control and more complex regulation is impossible. On the other hand, knock-down strategies are more versatile in usage but the current techniques are vastly laborious for systematic control and pose difficulty in multiple targeting because of the intricate design and scar accumulation. iGEM KAIST 2013 seeks to take the yet-to-be-perfected genetic regulation technology to a new level: The RAPTOR (RNA Associated Prokaryotic Transcript Optimization with CRISPR) technology. RAPTOR uses CRISPR type III system for gene regulation. CRISPR type III targets and cleaves specific mRNA sequences through complementary binding of crRNA and nuclease activity of Cmr protein complex. RAPTOR exploits this nature of CRISPR for systematically down regulating the mRNA level of specific genes. Due to the characteristics of RAPTOR, one of the most useful applications of this technology can be biosynthesis pathway regulation. Programmed crRNA expression allows fine-tuning of target mRNA expression levels and can precisely regulate enzyme concentrations. Not only fine-tuning but multiplex engineering is also possible through simultaneous expression of different crRNAs. Thus, multiple enzymes can be targeted in pathway control. As a proof of concept we sought to regulate the lycopene pathway that is incorporated into the genome of Escherichia coli. The efflux of lycopene precursors is optimally reduced through lowering the mRNA levels of enzymes that synthesize non-lycopene end products. Through observation of increased lycopene yield in the E.coli, potentiality of RAPTOR technology can be validated.