Team:KAIST Korea

From 2013.igem.org

(Difference between revisions)
 
(79 intermediate revisions not shown)
Line 1: Line 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<head>
+
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<meta name="generator" content="MediaWiki 1.16.0" />
+
<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&amp;action=edit" />
+
<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&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="shortcut icon" href="/favicon.ico" />
-
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
+
<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&amp;action=creativecommons" rel="meta" />
+
<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/" />
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
-
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:KAIST Korea - 2012.igem.org</title>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
-
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
<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/common/shared.css?270";
@import "/wiki/skins/igem/main.css?270";
@import "/wiki/skins/igem/main.css?270";
-
/*]]>*/</style>
+
#bar{z-index : 5;
-
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
+
}
-
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
+
#menu,
-
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
+
#menu ul,
-
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
+
#menu li,
-
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
+
#menu a {
-
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
+
margin: 0;
-
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
padding-left: 40;
-
+
border: none;
-
<script>
+
outline: none;
-
var skin="igem",
+
}
-
stylepath="/wiki/skins",
+
.menu {
-
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
height: 50px;
-
wgArticlePath="/$1",
+
weight: 100%;
-
wgScriptPath="/wiki",
+
padding-left: 30%;
-
wgScriptExtension=".php",
+
         z-index: 2;
-
wgScript="/wiki/index.php",
+
background: #000000;
-
wgVariantArticlePath=false,
+
}
-
wgActionPaths={},
+
-
wgServer="https://2012.igem.org",
+
-
wgCanonicalNamespace="",
+
-
wgCanonicalSpecialPageName=false,
+
-
wgNamespaceNumber=0,
+
-
wgPageName="Team:KAIST_Korea",
+
-
wgTitle="Team:KAIST Korea",
+
-
wgAction="view",
+
-
wgArticleId=1467,
+
-
wgIsArticle=true,
+
-
wgUserName="Springkjw",
+
-
wgUserGroups=["*", "user", "autoconfirmed"],
+
-
wgUserLanguage="en",
+
-
wgContentLanguage="en",
+
-
wgBreakFrames=false,
+
-
wgCurRevisionId=237061,
+
-
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": "2012.igem.org", "5": "2012.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, "2012.igem.org": 4, "2012.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="2012.igem.org",
+
-
wgCategories=[],
+
-
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
+
-
wgDBname="2012_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>
+
-
</head>
+
   
   
-
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_KAIST_Korea">
+
.menu li {
-
  <div id="globalWrapper">
+
position: relative;
 +
list-style: none;
 +
margin: 0px auto 0 auto;
 +
float: left;
 +
display: block;
 +
height: 50px;
 +
}
   
   
-
    <div id="top-section">
+
/* Links */
-
<div id="p-logo">
+
-
    <a href="/Main_Page"
+
-
      title="Main Page">
+
-
    <img src='/wiki/skins/common/images/wiki.png'>"
+
-
    </a>
+
-
</div>  <!-- end p-logo -->
+
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
   
   
 +
.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;
   
   
-
<div id="menubar" class='left-menu noprint'>
+
color: #353535;
-
  <ul>
+
-
                  <li
+
-
                class='selected'       ><a href="/Team:KAIST_Korea">Page              </a></li>
+
-
              <li
+
-
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:KAIST_Korea&amp;action=edit&amp;redlink=1">Discussion              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:KAIST_Korea&amp;action=edit">Edit              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:KAIST_Korea&amp;action=history">History              </a></li>
+
-
              <li
+
-
                    ><a href="/Special:MovePage/Team:KAIST_Korea">Move              </a></li>
+
-
              <li
+
-
                    ><a href="/wiki/index.php?title=Team:KAIST_Korea&amp;action=watch">Watch              </a></li>
+
-
              <li style='color:#808080;cursor:default'>teams</li>
+
-
  </ul>
+
-
</div> <!-- end menubar (left) -->
+
   
   
-
<div class="right-menu noprint" id="menubar">
+
-webkit-transition: color .2s ease-in-out;
-
    <ul>
+
-moz-transition: color .2s ease-in-out;
-
                <li id="pt-userpage"><a href="/User:Springkjw" title="Your user page [.]" accesskey="." class="new">Springkjw</a></li>                              <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
+
-o-transition: color .2s ease-in-out;
-
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:KAIST_Korea" title="Log out">Log out</a></li>     </ul>
+
-ms-transition: color .2s ease-in-out;
-
</div><!-- end right menubar -->
+
transition: color .2s ease-in-out;
 +
}
   
   
-
<div id="search-controls" class="noprint">
+
.menu li:first-child a { border-left: none; }
-
<form action="/Special:Search" id="searchform">
+
.menu li:last-child a{ border-right: none; }
-
<input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
+
-
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
+
-
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
+
-
</form>
+
-
</div> <!-- close search controls -->
+
-
    </div> <!-- close top-section-->
+
-
    <div id="content">
+
-
<a name="top" id="top"></a>
+
-
<h1 class="firstHeading">Team:KAIST Korea</h1>
+
-
<div id="bodyContent">
+
-
<h3 id="siteSub" class='noprint'>From 2012.igem.org</h3>
+
-
<div id="contentSub"></div>
+
-
<!--
+
-
<div id="jump-to-nav">Jump to:                       <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
+
-
<!-- start content -->
+
-
<p>
+
-
    <head>
+
-
<title>KAIST Korea 2012 iGEM</title>
+
   
   
-
<style type="text/css">
+
.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 */
/* Cross-Browsing */
Line 157: Line 158:
html { height: 100%; }
html { height: 100%; }
 +
body
body
{
{
Line 163: Line 165:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
overflow:hidden;
+
}  
-
}
+
 
   
   
Line 186: Line 188:
clear: both;
clear: both;
width: 100%;
width: 100%;
-
        z-index: 100;
+
                z-index: 1;
position: relative;
position: relative;
top:0px;
top:0px;
Line 252: Line 254:
font-size: 0pt;
font-size: 0pt;
background: url('https://static.igem.org/mediawiki/2012/e/e1/Kaist2012_head_search.png') no-repeat;
background: url('https://static.igem.org/mediawiki/2012/e/e1/Kaist2012_head_search.png') no-repeat;
-
        z-index: 100;
+
                z-index: 100;
background-position: left 0px;
background-position: left 0px;
cursor: pointer;
cursor: pointer;
Line 285: Line 287:
}
}
-
#top-section
+
-
{
+
-
height: 35px;
+
-
width: 980px;
+
-
                                margin: 0 auto;
+
-
                                top : 0px;
+
-
background-image: url("https://static.igem.org/mediawiki/2012/5/5a/2012Kaist_korea.png");
+
-
background-repeat: no-repeat;
+
-
background-color: #3d3d3d;
+
-
background-position: center;
+
-
border-bottom: 1px solid #262B35;
+
-
border-left: medium none;
+
-
border-right: medium none;
+
-
        z-index: 100;
+
-
}
+
#menubar
#menubar
Line 338: Line 326:
top: 5px;
top: 5px;
left: -5px;
left: -5px;
-
width: 990px;
+
width: 1034px;
border: none;
border: none;
background-color: transparent;
background-color: transparent;
Line 345: Line 333:
}
}
-
#footer-box { display: none; }
+
#footer-box {display:none;}
-
#footer { display: none; }
+
#footer {display:none;}
#footer li a { color: #000000; }
#footer li a { color: #000000; }
#footer img { margin: 10px; border: none; }
#footer img { margin: 10px; border: none; }
Line 353: Line 341:
#footer li a:active{ color: #ababab; text-decoration: none; font-weight: bold}
#footer li a:active{ color: #ababab; text-decoration: none; font-weight: bold}
         </style>
         </style>
-
+
<style>  
-
    </head>
+
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);
-
+
ul.oe_menu{
-
+
list-style:none;
-
<head>
+
position:relative;
-
<style type="text/css">
+
width:300px;
-
div .iGEMLogo{
+
float:left;
-
position:absolute;
+
clear:both;
-
z-index:4;
+
margin:5px 0px 0px 8px;
-
top:-40px;
+
}
-
padding : 0 0 0 10px;
+
ul.oe_menu > li{
 +
width:90px;
 +
height:30px;
 +
padding:auto;
 +
float:left;
 +
position:relative;
 +
list-style-type:none;
   
   
}
}
   
   
-
a{
+
ul.oe_menu > li > a{
-
color:#000;
+
display:block;
 +
background-color:transparent;
 +
color:#aaa;
text-decoration:none;
text-decoration:none;
 +
text-align:center;
 +
font-size:16px;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
width:90px;
 +
height:30px;
 +
opacity:0.8;
}
}
-
.clr{
+
ul.oe_menu > li > a:hover,
-
clear:both;
+
ul.oe_menu > li.selected > a{
 +
color:#fff;
 +
opacity:1.0;
}
}
-
.container {
+
.oe_wrapper ul.hovered > li > a{
-
        width:600px;
+
background:transparent;
-
position:relative;
+
-
        top: 230px;
+
-
        left: 220px;
+
-
z-index:100;
+
-
margin:0 auto;
+
}
}
-
.content {
+
ul.oe_menu div{
-
width:600px;
+
position:absolute;
-
margin:0 auto;
+
left:0px;
 +
background:transparent;
 +
width:268px;
 +
height:36px;
 +
padding:2px;
 +
display:none;
}
}
-
.content{
+
ul.oe_menu div ul li a{
-
width:600px;
+
text-decoration:none;
-
position:relative;
+
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;
}
}
   
   
-
/*Sliding Text and Icon Menu Style*/
+
ul.oe_menu2{
-
.sti-menu{
+
list-style:none;
-
width:600px;
+
position:relative;
position:relative;
-
margin:60px auto 0 auto;
+
width:300px;
 +
float:left;
 +
clear:both;
 +
margin:5px 0px 0px 8px;
}
}
-
.sti-menu li{
+
ul.oe_menu2 > li{
 +
width:90px;
 +
height:30px;
 +
padding:auto;
float:left;
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;
width:90px;
-
height:160px;
+
height:30px;
-
margin:1px;
+
opacity:0.8;
}
}
-
.sti-menu li a{
+
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;
display:block;
-
overflow:hidden;
+
font-family: 'Source Sans Pro', sans-serif;
-
background:#fff;
+
-
opacity:0.6;
+
text-align:center;
text-align:center;
-
height:100%;
+
font-size:16px;
 +
}
 +
 +
ul.oe_menu2 div ul.oe_full2{
width:100%;
width:100%;
-
position:relative;
 
-
-moz-box-shadow:1px 1px 2px #ddd;
 
-
-webkit-box-shadow:1px 1px 2px #ddd;
 
-
box-shadow:1px 1px 2px #ddd;
 
}
}
-
.sti-menu li a h2{
+
-
color:#000;
+
ul.oe_menu2 div ul li a:hover{
-
font-family: "Times New Roman", arial, serif;  
+
background:#d37c62;/*이걸로 색상 조절*/
-
font-size:13px;
+
color:#fff;
-
font-weight:bold;
+
}
 +
 +
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;
position:absolute;
-
padding:5px;
+
z-index:3;
-
width:80px;
+
top:275px;
-
top:90px;
+
-
left:0px;
+
-
text-shadow: 0px 1px 1px black;
+
}
}
-
.sti-menu li a h3{
+
-
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
+
div .oe_wrapper2{
-
font-size:11px;
+
-
font-style:italic;
+
-
color: #111;
+
position:absolute;
position:absolute;
-
top:115px;
+
z-index:2;
-
left:0px;
+
top:358px;
-
width:80px;
+
-
padding:5px;
+
}
}
-
.sti-icon{
+
-
width:60px;
+
div .iGEMLogo{
-
height:60px;
+
position:absolute;
position:absolute;
-
background-position:top left;
+
z-index:4;
-
background-repeat:no-repeat;
+
bottom: 80px;
-
background-color:transparent;
+
padding : 0 0 0 10px;
-
left:15px;
+
-
top:20px;
+
}
}
-
.sti-icon-home{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');
+
#menucontent
 +
{
 +
        position: relative;
 +
        background-color:transparent;
 +
        width:690px;
 +
        left:320px;
 +
        top:-75px;
 +
        z-index:2;
 +
        text-align: right;
 +
        opacity:0.8;
}
}
-
.sti-icon-team{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');
+
#top-img-description
 +
{
 +
font-size:25px;
 +
font-family: 'Gloria Hallelujah', cursive;
}
}
-
.sti-icon-part{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');
+
#top-img-description-box
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        top:-115px;
 +
left: 350px;
 +
        z-index:3;
 +
        height:15px;
}
}
-
.sti-icon-project{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');
+
#horizontal-line
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        width:732px;
 +
height:3px;
 +
        left:292px;
 +
        top:-90px;
 +
        z-index:2;
}
}
-
.sti-icon-note{
+
div .contact-us{
-
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');
+
position: absolute;
 +
z-index:2;
 +
top:450px;
 +
padding:4px 0px 0px 10px;
 +
width:268px;
 +
color:white;
 +
font-weight:bold;
}
}
-
.sti-icon-attr{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');
+
div .contact-us #contact-us-information{
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size:12px;
 +
font-style: italic;
 +
color:white;
}
}
-
/* CSS reset */
+
-
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
+
div .contact-us #contact-us-information a:hover{
-
margin:0;
+
font-family: 'Source Sans Pro', sans-serif;
-
padding:0;
+
font-size:12px;
 +
font-style: italic;
 +
color:#fcf967;
 +
font-weight:bold;
 +
text-decoration:none;
}
}
   
   
-
html,body {
+
div .contact-us #contact-us-information a{
-
margin:0;
+
font-family: 'Source Sans Pro', sans-serif;
-
padding:0;
+
font-size:12px;
 +
font-style: italic;
 +
color:white;
 +
text-decoration:none;
}
}
   
   
-
table {
+
div .contact-us #contact-us-title{
-
border-collapse:collapse;
+
font-family: 'Source Sans Pro', sans-serif;
-
border-spacing:0;
+
font-size:22px;
 +
line-height:170%;
 +
color:#dddddd;
 +
height:30px;
}
}
   
   
-
fieldset,img {  
+
</style>
-
border:0;
+
<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'>
 +
<script type="text/javascript">
 +
  WebFontConfig = {
 +
    google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::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>
 +
<style>
 +
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);
 +
 +
#kaistcontent
 +
{
 +
position: relative;
 +
background-color:transparent;
 +
width:690px;
 +
font-family: 'Open Sans', sans-serif;
 +
font-size:11pt;
 +
line-height:140%;
 +
padding: 0px 15px 0px 15px;
 +
left:300px;
 +
top:-70px;
 +
z-index: 2;
}
}
   
   
-
input{
+
#kaistcontent #tab
-
border:1px solid #b0b0b0;
+
{
-
padding:3px 5px 4px;
+
width:200px;
-
color:#979797;
+
height:30px;
-
width:190px;
+
position:relative;
 +
background:#f2f3f3;
 +
padding:5px 30px 5px 30px;
 +
border:1px solid #f4f4f4;
 +
margin : 0 20px 0 20px;
 +
}
 +
 +
 +
 +
#kaistcontent #starter-grad
 +
{
 +
width:17px;
 +
height:100px;
 +
float:left;
 +
margin:0px 15px 2px 0px;
}
}
   
   
-
address,caption,cite,code,dfn,th,var {
+
#kaistcontent #starter
-
font-style:normal;
+
{
-
font-weight:normal;
+
font-family: 'Open Sans', sans-serif;
 +
font-size:25pt;
 +
color: #08185d;
 +
font-style:italic
 +
padding:0px 0px 0px 10px;
}
}
   
   
-
ol,ul {
+
#kaistcontent #sub-title
-
list-style:none;
+
{
 +
font-family: 'Open Sans', sans-serif;
 +
color:#848383;
 +
font-size: 15pt;
 +
line-height:100%;
 +
font-weight:bold;
 +
font-style:italic;
}
}
   
   
-
caption,th {
+
#kaistcontent h1
-
text-align:left;
+
{
 +
font-family: 'Open Sans', sans-serif;
 +
color:#5c5858;
 +
font-weight:bold;
 +
font-size:24pt;
 +
line-height:110%;
}
}
   
   
-
h1,h2,h3,h4,h5,h6 {
+
#kaistcontent ul
-
font-size:100%;
+
{
-
font-weight:normal;
+
list-style-type:disc;
 +
padding: 0px 0px 0px 30px;
 +
}
}
   
   
-
q:before,q:after {
+
#kaistcontent li
-
content:'';
+
{
 +
list-style-type:decimal;
}
}
   
   
-
abbr,acronym {  
+
#kaistcontent a {
-
        border:0;
+
color:#5a5b5e; 
 +
 +
 +
#kaistcontent a:hover{ 
 +
    color:#94969a; 
 +
 +
 +
 +
#kaistcontent #little
 +
{
 +
padding: 0px 0px 0px 30px;
 +
line-height:140%;
}
}
-
+
#kaistcontent #little2
-
#main
+
{
{
-
min-height: 100%;
+
padding: 0px 0px 0px 15px;
-
width: 980px;
+
line-height:140%;
-
margin: 0 auto;
+
-
background-color: #FFFFFF;
+
}
}
   
   
-
#main #home-img
+
#kaistcontent #sub-sub-title
{
{
-
position:absolute;
+
font-family: 'Open Sans', sans-serif;
-
width: 980px;
+
color:#848383;
-
top: -130px;
+
font-weight:bold;
-
z-index:2
+
font-size:14pt;
 +
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">
-
<div class="container">
+
 
-
<ul id="sti-menu" class="sti-menu">
+
 
-
<li data-hovercolor="#37c5e9">
+
<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>
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">
+
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/>
-
<h2 data-type="mText" class="sti-item">HOME</h2>
+
 
-
<h3 data-type="sText" class="sti-item">intro/iGEM</h3>
+
-
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span>
+
-
</a>
+
<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>
-
<li data-hovercolor="#ff395e">
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a>
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">
+
<div style="left:-85px;top:25px;"><!-- -112px -->
-
<h2 data-type="mText" class="sti-item">TEAM</h2>
+
<ul>
-
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3>
+
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li>
-
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span>
+
</ul>
-
</a>
+
<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>
-
<li data-hovercolor="#57e676">
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a>
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">
+
<div style="left:-182px;top:30px;">
-
<h2 data-type="mText" class="sti-item">DATA</h2>
+
<ul style="margin:0 0 0 30px;width:100px;">
-
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li>
-
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span>
+
</ul>
-
</a>
+
<ul style="width:100px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li>
 +
</ul>
 +
</div>
</li>
</li>
-
<li data-hovercolor="#d869b2">
+
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">
+
</ul>
-
<h2 data-type="mText" class="sti-item">PROJECT</h2>
+
</div>
-
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3>
+
<div class="oe_wrapper2">
-
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span>
+
 
-
</a>
+
<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>
-
<li data-hovercolor="#ffdd3f">
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a>
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">
+
<div style="left:-91px;top:30px;"><!-- -112px -->
-
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2>
+
<ul style="margin:0 0 0 30px;width:100px;">
-
<h3 data-type="sText" class="sti-item">lab note/protocol</h3>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li>
-
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span>
+
</ul>
-
</a>
+
<ul style="width:100px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li>
 +
</ul>
 +
 +
</div>
</li>
</li>
-
<li data-hovercolor="#d4d5d4">
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a>
-
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">
+
<div style="left:-152px;top:21px;">
-
<h2 data-type="mText" class="sti-item">PLUS</h2>
+
<ul style="width:100px;height:19px;">
-
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li>
-
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span>
+
</ul>
-
</a>
+
<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>
</li>
-
</ul>
+
-
+
</ul>
</div>
</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>
   
   
<div class="iGEMLogo">
<div class="iGEMLogo">
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a>
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a>
</div>
</div>
-
 
-
 
-
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/>
 
-
 
</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>
 +
 +
<!-- <ul>
 +
<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>
 +
 +
</ul> <!-- end .menu -->
 +
 +
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/>
   
   
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
 
-
<script>
 
-
jQuery.easing['jswing'] = jQuery.easing['swing'];
 
-
 
-
jQuery.extend( jQuery.easing,
 
-
{
 
-
def: 'easeOutQuad',
 
-
swing: function (x, t, b, c, d) {
 
-
//alert(jQuery.easing.default);
 
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
 
-
},
 
-
easeInQuad: function (x, t, b, c, d) {
 
-
return c*(t/=d)*t + b;
 
-
},
 
-
easeOutQuad: function (x, t, b, c, d) {
 
-
return -c *(t/=d)*(t-2) + b;
 
-
},
 
-
easeInOutQuad: function (x, t, b, c, d) {
 
-
if ((t/=d/2) < 1) return c/2*t*t + b;
 
-
return -c/2 * ((--t)*(t-2) - 1) + b;
 
-
},
 
-
easeInCubic: function (x, t, b, c, d) {
 
-
return c*(t/=d)*t*t + b;
 
-
},
 
-
easeOutCubic: function (x, t, b, c, d) {
 
-
return c*((t=t/d-1)*t*t + 1) + b;
 
-
},
 
-
easeInOutCubic: function (x, t, b, c, d) {
 
-
if ((t/=d/2) < 1) return c/2*t*t*t + b;
 
-
return c/2*((t-=2)*t*t + 2) + b;
 
-
},
 
-
easeInQuart: function (x, t, b, c, d) {
 
-
return c*(t/=d)*t*t*t + b;
 
-
},
 
-
easeOutQuart: function (x, t, b, c, d) {
 
-
return -c * ((t=t/d-1)*t*t*t - 1) + b;
 
-
},
 
-
easeInOutQuart: function (x, t, b, c, d) {
 
-
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 
-
return -c/2 * ((t-=2)*t*t*t - 2) + b;
 
-
},
 
-
easeInQuint: function (x, t, b, c, d) {
 
-
return c*(t/=d)*t*t*t*t + b;
 
-
},
 
-
easeOutQuint: function (x, t, b, c, d) {
 
-
return c*((t=t/d-1)*t*t*t*t + 1) + b;
 
-
},
 
-
easeInOutQuint: function (x, t, b, c, d) {
 
-
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 
-
return c/2*((t-=2)*t*t*t*t + 2) + b;
 
-
},
 
-
easeInSine: function (x, t, b, c, d) {
 
-
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 
-
},
 
-
easeOutSine: function (x, t, b, c, d) {
 
-
return c * Math.sin(t/d * (Math.PI/2)) + b;
 
-
},
 
-
easeInOutSine: function (x, t, b, c, d) {
 
-
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 
-
},
 
-
easeInExpo: function (x, t, b, c, d) {
 
-
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 
-
},
 
-
easeOutExpo: function (x, t, b, c, d) {
 
-
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 
-
},
 
-
easeInOutExpo: function (x, t, b, c, d) {
 
-
if (t==0) return b;
 
-
if (t==d) return b+c;
 
-
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 
-
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 
-
},
 
-
easeInCirc: function (x, t, b, c, d) {
 
-
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 
-
},
 
-
easeOutCirc: function (x, t, b, c, d) {
 
-
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 
-
},
 
-
easeInOutCirc: function (x, t, b, c, d) {
 
-
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 
-
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 
-
},
 
-
easeInElastic: function (x, t, b, c, d) {
 
-
var s=1.70158;var p=0;var a=c;
 
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
-
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 
-
},
 
-
easeOutElastic: function (x, t, b, c, d) {
 
-
var s=1.70158;var p=0;var a=c;
 
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
-
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 
-
},
 
-
easeInOutElastic: function (x, t, b, c, d) {
 
-
var s=1.70158;var p=0;var a=c;
 
-
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
-
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 
-
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 
-
},
 
-
easeInBack: function (x, t, b, c, d, s) {
 
-
if (s == undefined) s = 1.70158;
 
-
return c*(t/=d)*t*((s+1)*t - s) + b;
 
-
},
 
-
easeOutBack: function (x, t, b, c, d, s) {
 
-
if (s == undefined) s = 1.70158;
 
-
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 
-
},
 
-
easeInOutBack: function (x, t, b, c, d, s) {
 
-
if (s == undefined) s = 1.70158;
 
-
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 
-
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 
-
},
 
-
easeInBounce: function (x, t, b, c, d) {
 
-
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 
-
},
 
-
easeOutBounce: function (x, t, b, c, d) {
 
-
if ((t/=d) < (1/2.75)) {
 
-
return c*(7.5625*t*t) + b;
 
-
} else if (t < (2/2.75)) {
 
-
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 
-
} else if (t < (2.5/2.75)) {
 
-
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 
-
} else {
 
-
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 
-
}
 
-
},
 
-
easeInOutBounce: function (x, t, b, c, d) {
 
-
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 
-
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 
-
}
 
-
});
 
-
</script>
 
-
<script>
 
-
(function($) {
 
-
var methods = {
+
-
init : function( options ) {
+
<div id="kaistcontent">
-
+
-
if( this.length ) {
+
-
+
-
var settings = {
+
-
// configuration for the mouseenter event
+
-
animMouseenter : {
+
-
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},
+
-
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},
+
-
'icon'  : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}
+
-
},
+
-
// configuration for the mouseleave event
+
-
animMouseleave : {
+
-
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},
+
-
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},
+
-
'icon'  : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}
+
-
},
+
-
// speed for the item bg color animation
+
-
boxAnimSpeed : 300,
+
-
// default text color (same defined in the css)
+
-
defaultTextColor : '#000',
+
-
// default bg color (same defined in the css)
+
-
defaultBgColor : '#fff'
+
-
};
+
-
+
-
return this.each(function() {
+
-
+
-
// if options exist, lets merge them with our default settings
+
-
if ( options ) {
+
-
$.extend( settings, options );
+
-
}
+
-
+
-
var $el = $(this),
+
-
// the menu items
+
-
$menuItems = $el.children('li'),
+
-
// save max delay time for mouseleave anim parameters
+
-
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,
+
-
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,
+
-
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay
+
-
  ),
+
-
// timeout for the mouseenter event
+
-
// lets us move the mouse quickly over the items,
+
-
// without triggering the mouseenter event
+
-
t_mouseenter;
+
-
+
-
// save default top values for the moving elements:
+
-
// the elements that animate inside each menu item
+
-
$menuItems.find('.sti-item').each(function() {
+
-
var $el = $(this);
+
-
$el.data('deftop', $el.position().top);
+
-
});
+
-
+
-
// ************** Events *************
+
-
// mouseenter event for each menu item
+
-
$menuItems.bind('mouseenter', function(e) {
+
-
+
-
clearTimeout(t_mouseenter);
+
-
+
-
var $item = $(this),
+
-
$wrapper = $item.children('a'),
+
-
wrapper_h = $wrapper.height(),
+
-
// the elements that animate inside this menu item
+
-
$movingItems= $wrapper.find('.sti-item'),
+
-
// the color that the texts will have on hover
+
-
hovercolor = $item.data('hovercolor');
+
-
+
-
t_mouseenter = setTimeout(function() {
+
-
// indicates the item is on hover state
+
-
$item.addClass('sti-current');
+
-
+
-
$movingItems.each(function(i) {
+
-
var $item = $(this),
+
-
item_sti_type = $item.data('type'),
+
-
speed = settings.animMouseenter[item_sti_type].speed,
+
-
easing = settings.animMouseenter[item_sti_type].easing,
+
-
delay = settings.animMouseenter[item_sti_type].delay,
+
-
dir = settings.animMouseenter[item_sti_type].dir,
+
-
// if dir is 1 the item moves downwards
+
-
// if -1 then upwards
+
-
style = {'top' : -dir * wrapper_h + 'px'};
+
-
+
-
if( item_sti_type === 'icon' ) {
+
-
// this sets another bg image for the icon
+
-
style.backgroundPosition = 'bottom left';
+
-
} else {
+
-
style.color = hovercolor;
+
-
}
+
-
// we hide the icon, move it up or down, and then show it
+
-
$item.hide().css(style).show();
+
-
clearTimeout($item.data('time_anim'));
+
-
$item.data('time_anim',
+
-
setTimeout(function() {
+
-
// now animate each item to its default tops
+
-
// each item will animate with a delay specified in the options
+
-
$item.stop(true)
+
-
.animate({top : $item.data('deftop') + 'px'}, speed, easing);
+
-
}, delay)
+
-
);
+
-
});
+
-
// animate the bg color of the item
+
-
$wrapper.stop(true).animate({
+
-
backgroundColor: settings.defaultTextColor
+
-
}, settings.boxAnimSpeed );
+
-
+
-
}, 100);
+
   
   
-
})
+
</br>
-
// mouseleave event for each menu item
+
<section id="1st">
-
.bind('mouseleave', function(e) {
+
<div>
-
+
<img id="starter-grad" style="height:60px;" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
-
clearTimeout(t_mouseenter);
+
<h1>Project : Overview</h1>
-
+
-
var $item = $(this),
+
</br>
-
$wrapper = $item.children('a'),
+
</div>
-
wrapper_h = $wrapper.height(),
+
-
$movingItems= $wrapper.find('.sti-item');
+
<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>
-
if(!$item.hasClass('sti-current'))
+
<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.
-
return false;
+
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.
-
$item.removeClass('sti-current');
+
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>
-
$movingItems.each(function(i) {
+
<div clear='both'></div>
-
var $item = $(this),
+
-
item_sti_type = $item.data('type'),
+
-
speed = settings.animMouseleave[item_sti_type].speed,
+
-
easing = settings.animMouseleave[item_sti_type].easing,
+
-
delay = settings.animMouseleave[item_sti_type].delay,
+
-
dir = settings.animMouseleave[item_sti_type].dir;
+
-
+
-
clearTimeout($item.data('time_anim'));
+
-
+
-
setTimeout(function() {
+
-
+
-
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {
+
-
+
-
if( delay + speed === maxdelay ) {
+
-
+
-
$wrapper.stop(true).animate({
+
-
backgroundColor: settings.defaultBgColor
+
-
}, settings.boxAnimSpeed );
+
-
+
-
$movingItems.each(function(i) {
+
-
var $el = $(this),
+
-
style = {'top' : $el.data('deftop') + 'px'};
+
-
if( $el.data('type') === 'icon' ) {
 
-
style.backgroundPosition = 'top left';
 
-
} else {
 
-
style.color = settings.defaultTextColor;
 
-
}
 
-
 
-
$el.hide().css(style).show();
 
-
});
 
-
 
-
}
 
-
});
 
-
}, delay);
 
-
});
 
-
});
 
-
});
+
-
}
+
-
}
+
</br></br>
-
};
+
<div align='right'><a href="#top">▲Back to the top</a></div></br>
-
+
-
$.fn.iconmenu = function(method) {
+
-
if ( methods[method] ) {
+
-
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+
-
} else if ( typeof method === 'object' || ! method ) {
+
-
return methods.init.apply( this, arguments );
+
-
} else {
+
-
$.error( 'Method ' +  method + ' does not exist on jQuery.iconmenu' );
+
-
}
+
-
};
+
-
+
-
})(jQuery);
+
-
</script>
+
-
<script type="text/javascript">  
+
-
$(function() {
+
-
$('#sti-menu').iconmenu({
+
-
animMouseenter : {
+
-
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},
+
-
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},
+
-
'icon'  : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}
+
-
},
+
-
animMouseleave : {
+
-
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},
+
-
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},
+
-
'icon'  : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}
+
-
}
+
-
});
+
-
});
+
-
</script>
+
-
</body>
+
   
   
-
</p>
 
-
<!--
 
-
NewPP limit report
 
-
Preprocessor node count: 9/1000000
 
-
Post-expand include size: 41/2097152 bytes
 
-
Template argument size: 0/2097152 bytes
 
-
Expensive parser function count: 0/100
 
-
-->
 
   
   
-
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:1467-0!1!0!!en!2 and timestamp 20130815141200 -->
+
</section>
-
<div class="printfooter">
+
-
Retrieved from "<a href="https://2012.igem.org/Team:KAIST_Korea">https://2012.igem.org/Team:KAIST_Korea</a>"</div>
+
-
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
+
-
<div class="visualClear"></div>
+
-
</div>
+
-
    </div>
+
-
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
+
-
<div class="visualClear"></div>
+
-
    <div id='footer-box' class='noprint'>
+
-
        <div id="footer">
+
-
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
+
-
+
   
   
-
  <!-- Recentchanges is not handles well DEBUG -->
 
-
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 
-
      title='Recent changes'>Recent changes</a></li>
 
   
   
-
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:KAIST_Korea"
+
</div>
-
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
+
-
+
-
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:KAIST_Korea"
+
-
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
+
-
+
-
+
-
+
-
                <li id="t-upload"><a href="/Special:Upload"
+
-
                  title="Upload files [u]" accesskey="u">Upload file</a>
+
-
                </li>
+
-
                <li id="t-specialpages"><a href="/Special:SpecialPages"
+
-
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
+
-
                </li>
+
-
                <li><a href='/Special:Preferences'>My preferences</a></li>
+
-
            </ul>
+
-
        </div> <!-- close footer -->
+
-
        <div id='footer'>
+
-
    <ul id="f-list">
+
-
+
-
            <li id="t-print"><a href="/wiki/index.php?title=Team:KAIST_Korea&amp;printable=yes"
+
-
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
+
-
            </li>
+
-
+
-
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:KAIST_Korea&amp;oldid=237061"
+
-
              title="Permanent link to this revision of the page">Permanent link</a>
+
-
            </li>
+
-
+
-
+
-
        <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li>
+
-
        <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li>
+
-
    </ul>
+
-
</div> <!-- close footer -->
+
-
    </div> <!-- close footer-box -->
+
-
+
-
<script>if (window.runOnloadHook) runOnloadHook();</script>
+
</div>
</div>
-
<!-- Served in 0.169 secs. --></body>
+
<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>
 +
</body>
</html>
</html>

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.