Team:KAIST Korea

From 2013.igem.org

(Difference between revisions)
 
(97 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:KAIST_Korea/top}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html lang="en">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<head>
-
<style type="text/css">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
div .iGEMLogo{
+
<meta name="generator" content="MediaWiki 1.16.5" />
-
position:absolute;
+
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&amp;action=edit" />
-
z-index:4;
+
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&amp;action=edit" />
-
top:-40px;
+
<link rel="shortcut icon" href="/favicon.ico" />
-
padding : 0 0 0 10px;
+
<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;
 +
-
a{
+
-
color:#000;
+
font-family: Helvetica, Arial, sans-serif;
-
text-decoration:none;
+
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;
}
}
-
.clr{
+
-
clear:both;
+
.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;
}
}
-
.container {
+
-
        width:600px;
+
.menu li:hover > ul { opacity: 1; }
-
position:relative;
+
-
        top: 230px;
+
.menu ul li {
-
        left: 220px;
+
height: 0;
-
z-index:100;
+
overflow: hidden;
-
margin:0 auto;
+
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;
}
}
-
.content {
+
-
width:600px;
+
.menu li:hover > ul li {
-
margin:0 auto;
+
height: 40px;
 +
overflow: visible;
 +
padding: 0;
}
}
-
.content{
+
-
width:600px;
+
.menu ul li a {
-
position:relative;
+
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>
-
/*Sliding Text and Icon Menu Style*/
+
<style type="text/css">
-
.sti-menu{
+
-
width:600px;
+
/* 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;
position:relative;
-
margin:60px auto 0 auto;
+
width:300px;
 +
float:left;
 +
clear:both;
 +
margin:5px 0px 0px 8px;
}
}
-
.sti-menu li{
+
ul.oe_menu > li{
 +
width:90px;
 +
height:30px;
 +
padding:auto;
float:left;
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;
width:90px;
-
height:160px;
+
height:30px;
-
margin:1px;
+
opacity:0.8;
}
}
-
.sti-menu li a{
+
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;
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_menu div ul.oe_full{
width:100%;
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;
position:relative;
-
-moz-box-shadow:1px 1px 2px #ddd;
+
width:300px;
-
-webkit-box-shadow:1px 1px 2px #ddd;
+
float:left;
-
box-shadow:1px 1px 2px #ddd;
+
clear:both;
 +
margin:5px 0px 0px 8px;
}
}
-
.sti-menu li a h2{
+
ul.oe_menu2 > li{
-
color:#000;
+
width:90px;
-
font-family: "Times New Roman", arial, serif;  
+
height:30px;
-
font-size:13px;
+
padding:auto;
-
font-weight:bold;
+
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;
position:absolute;
-
padding:5px;
 
-
width:80px;
 
-
top:90px;
 
left:0px;
left:0px;
-
text-shadow: 0px 1px 1px black;
+
background:transparent;
 +
width:268px;
 +
height:36px;
 +
padding:2px;
 +
display:none;
}
}
-
.sti-menu li a h3{
+
ul.oe_menu2 div ul li a{
-
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;  
+
text-decoration:none;
-
font-size:11px;
+
color:#ffffff;
-
font-style:italic;
+
padding:2px 2px 2px 2px;
-
color: #111;
+
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;
position:absolute;
-
top:115px;
+
z-index:3;
-
left:0px;
+
top:275px;
-
width:80px;
+
-
padding:5px;
+
}
}
-
.sti-icon{
+
-
width:60px;
+
div .oe_wrapper2{
-
height:60px;
+
position:absolute;
position:absolute;
-
background-position:top left;
+
z-index:2;
-
background-repeat:no-repeat;
+
top:358px;
-
background-color:transparent;
+
-
left:15px;
+
-
top:20px;
+
}
}
-
.sti-icon-home{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');
+
div .iGEMLogo{
 +
position:absolute;
 +
z-index:4;
 +
bottom: 80px;
 +
padding : 0 0 0 10px;
}
}
-
.sti-icon-team{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');
+
#menucontent
 +
{
 +
        position: relative;
 +
        background-color:transparent;
 +
        width:690px;
 +
        left:320px;
 +
        top:-75px;
 +
        z-index:2;
 +
        text-align: right;
 +
        opacity:0.8;
}
}
-
.sti-icon-part{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');
+
#top-img-description
 +
{
 +
font-size:25px;
 +
font-family: 'Gloria Hallelujah', cursive;
}
}
-
.sti-icon-project{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');
+
#top-img-description-box
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        top:-115px;
 +
left: 350px;
 +
        z-index:3;
 +
        height:15px;
}
}
-
.sti-icon-note{
+
-
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');
+
#horizontal-line
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        width:732px;
 +
height:3px;
 +
        left:292px;
 +
        top:-90px;
 +
        z-index:2;
}
}
-
.sti-icon-attr{
+
div .contact-us{
-
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');
+
position: absolute;
 +
z-index:2;
 +
top:450px;
 +
padding:4px 0px 0px 10px;
 +
width:268px;
 +
color:white;
 +
font-weight:bold;
}
}
-
/* 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{
-
margin:0;
+
font-family: 'Source Sans Pro', sans-serif;
-
padding:0;
+
font-size:12px;
 +
font-style: italic;
 +
color:white;
}
}
-
 
+
-
html,body {
+
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;
}
}
-
 
+
-
table {
+
div .contact-us #contact-us-information a{
-
border-collapse:collapse;
+
font-family: 'Source Sans Pro', sans-serif;
-
border-spacing:0;
+
font-size:12px;
 +
font-style: italic;
 +
color:white;
 +
text-decoration:none;
}
}
-
 
+
-
fieldset,img {  
+
div .contact-us #contact-us-title{
-
border:0;
+
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>
-
input{
 
-
border:1px solid #b0b0b0;
 
-
padding:3px 5px 4px;
 
-
color:#979797;
 
-
width:190px;
 
-
}
 
-
address,caption,cite,code,dfn,th,var {
+
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'>
-
font-style:normal;
+
<script type="text/javascript">
-
font-weight:normal;
+
  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;
}
}
-
 
+
-
ol,ul {
+
#kaistcontent #tab
-
list-style:none;
+
{
 +
width:200px;
 +
height:30px;
 +
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;
}
}
-
 
+
-
caption,th {
+
#kaistcontent #starter
-
text-align:left;
+
{
 +
font-family: 'Open Sans', sans-serif;
 +
font-size:25pt;
 +
color: #08185d;
 +
font-style:italic
 +
padding:0px 0px 0px 10px;
}
}
-
 
+
-
h1,h2,h3,h4,h5,h6 {
+
#kaistcontent #sub-title
-
font-size:100%;
+
{
-
font-weight:normal;
+
font-family: 'Open Sans', sans-serif;
 +
color:#848383;
 +
font-size: 15pt;
 +
line-height:100%;
 +
font-weight:bold;
 +
font-style:italic;
}
}
-
 
+
-
q:before,q:after {
+
#kaistcontent h1
-
content:'';
+
{
 +
font-family: 'Open Sans', sans-serif;
 +
color:#5c5858;
 +
font-weight:bold;
 +
font-size:24pt;
 +
line-height:110%;
}
}
-
 
+
-
abbr,acronym {  
+
#kaistcontent ul
-
        border:0;
+
{
 +
list-style-type:disc;
 +
padding: 0px 0px 0px 30px;
 +
}
}
-
+
-
#main
+
#kaistcontent li
{
{
-
min-height: 100%;
+
list-style-type:decimal;
-
width: 980px;
+
-
margin: 0 auto;
+
-
background-color: #FFFFFF;
+
}
}
 +
 +
#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
 +
{
 +
font-family: 'Open Sans', sans-serif;
 +
color:#848383;
 +
font-weight:bold;
 +
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>
-
#main #home-img
+
 
 +
<style>
 +
#kaist-footerbox
{
{
-
position:absolute;
+
position: relative;
-
width: 980px;
+
background-color: transparent;
-
top: -130px;
+
width:1024px;
-
z-index:2
+
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>
 +
</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>
 +
 +
-->
-
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/>
+
</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>
-
</div>
+
</ul> <!-- end .menu -->
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
<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/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 ) {
+
</br>
-
+
<section id="1st">
-
var settings = {
+
<div>
-
// configuration for the mouseenter event
+
<img id="starter-grad" style="height:60px;" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img>
-
animMouseenter : {
+
<h1>Project : Overview</h1>
-
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},
+
-
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},
+
</br>
-
'icon'  : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}
+
</div>
-
},
+
-
// configuration for the mouseleave event
+
<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;"/>
-
animMouseleave : {
+
</br>
-
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},
+
<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.
-
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},
+
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.
-
'icon'  : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}
+
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.
-
// speed for the item bg color animation
+
</br></br></span>
-
boxAnimSpeed : 300,
+
<div clear='both'></div>
-
// 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);
+
-
 
+
-
})
+
-
// mouseleave event for each menu item
+
-
.bind('mouseleave', function(e) {
+
-
+
-
clearTimeout(t_mouseenter);
+
-
+
-
var $item = $(this),
+
-
$wrapper = $item.children('a'),
+
-
wrapper_h = $wrapper.height(),
+
-
$movingItems= $wrapper.find('.sti-item');
+
-
+
-
if(!$item.hasClass('sti-current'))
+
-
return false;
+
-
+
-
$item.removeClass('sti-current');
+
-
+
-
$movingItems.each(function(i) {
+
-
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] ) {
+
</section>
-
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+
   
-
} else if ( typeof method === 'object' || ! method ) {
+
-
return methods.init.apply( this, arguments );
+
</div>
-
} else {
+
</div>
-
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );
+
<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>
-
};
+
-
+
-
})(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>
</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.




Retrieved from "http://2013.igem.org/Team:KAIST_Korea"