Team:KAIST Korea/
From 2013.igem.org
(Difference between revisions)
(Created page with "{{:Team:KAIST_Korea/top}} <html lang="en"> <head> <title>iGEM Team : KAIST_Korea</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="descrip...") |
|||
Line 1: | Line 1: | ||
- | + | <!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> |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
- | <meta http-equiv=" | + | <meta name="generator" content="MediaWiki 1.16.5" /> |
- | <meta name=" | + | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&action=edit" /> |
- | < | + | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&action=edit" /> |
- | + | <link rel="shortcut icon" href="/favicon.ico" /> | |
- | + | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2013.igem.org (en)" /> | |
- | <link rel=" | + | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:KAIST_Korea/Project_Background&action=creativecommons" rel="meta" /> |
- | <link rel=" | + | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> |
- | <link rel=" | + | <link rel="alternate" type="application/atom+xml" title="2013.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:KAIST Korea/Project Background - 2013.igem.org</title> |
- | <link | + | <style type="text/css" media="screen, projection">/*<![CDATA[*/ |
- | <link rel=" | + | @import "/wiki/skins/common/shared.css?270"; |
- | </ | + | @import "/wiki/skins/igem/main.css?270"; |
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
.menu, | .menu, | ||
.menu ul, | .menu ul, | ||
Line 35: | Line 24: | ||
outline: none; | outline: none; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.menu { | .menu { | ||
height: 50px; | height: 50px; | ||
weight: 100%; | weight: 100%; | ||
padding-left: 30%; | padding-left: 30%; | ||
- | + | ||
- | + | ||
background: #4c4e5a; | background: #4c4e5a; | ||
background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); | background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); | ||
Line 144: | Line 41: | ||
} | } | ||
- | + | ||
.menu li { | .menu li { | ||
position: relative; | position: relative; | ||
Line 153: | Line 50: | ||
height: 50px; | height: 50px; | ||
} | } | ||
- | + | ||
/* Links */ | /* Links */ | ||
- | + | ||
.menu li a { | .menu li a { | ||
margin:0px auto; | margin:0px auto; | ||
Line 166: | Line 63: | ||
border-left: 1px solid #393942; | border-left: 1px solid #393942; | ||
border-right: 1px solid #4f5058; | border-right: 1px solid #4f5058; | ||
- | + | ||
font-family: Helvetica, Arial, sans-serif; | font-family: Helvetica, Arial, sans-serif; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 18px; | font-size: 18px; | ||
- | + | ||
color: #f3f3f3; | color: #f3f3f3; | ||
text-shadow: 1px 1px 1px rgba(0,0,0,.6); | text-shadow: 1px 1px 1px rgba(0,0,0,.6); | ||
- | + | ||
-webkit-transition: color .2s ease-in-out; | -webkit-transition: color .2s ease-in-out; | ||
-moz-transition: color .2s ease-in-out; | -moz-transition: color .2s ease-in-out; | ||
Line 180: | Line 77: | ||
transition: color .2s ease-in-out; | transition: color .2s ease-in-out; | ||
} | } | ||
- | + | ||
.menu li:first-child a { border-left: none; } | .menu li:first-child a { border-left: none; } | ||
.menu li:last-child a{ border-right: none; } | .menu li:last-child a{ border-right: none; } | ||
- | + | ||
.menu li:hover > a { color: #F29661; } | .menu li:hover > a { color: #F29661; } | ||
- | + | ||
/* Sub Menu */ | /* Sub Menu */ | ||
- | + | ||
.menu ul { | .menu ul { | ||
position: absolute; | position: absolute; | ||
Line 193: | Line 90: | ||
left: 0px; | left: 0px; | ||
- | + | ||
padding-right: 10px; | padding-right: 10px; | ||
- | + | ||
opacity: 0; | opacity: 0; | ||
background: #1f2024; | background: #1f2024; | ||
- | + | ||
-webkit-border-radius: 0 0 5px 5px; | -webkit-border-radius: 0 0 5px 5px; | ||
-moz-border-radius: 0 0 5px 5px; | -moz-border-radius: 0 0 5px 5px; | ||
border-radius: 0 0 5px 5px; | border-radius: 0 0 5px 5px; | ||
- | + | ||
-webkit-transition: opacity .25s ease .1s; | -webkit-transition: opacity .25s ease .1s; | ||
-moz-transition: opacity .25s ease .1s; | -moz-transition: opacity .25s ease .1s; | ||
Line 210: | Line 107: | ||
transition: opacity .25s ease .1s; | transition: opacity .25s ease .1s; | ||
} | } | ||
- | + | ||
.menu li:hover > ul { opacity: 1; } | .menu li:hover > ul { opacity: 1; } | ||
- | + | ||
.menu ul li { | .menu ul li { | ||
height: 0; | height: 0; | ||
overflow: hidden; | overflow: hidden; | ||
padding: 0px; | padding: 0px; | ||
- | + | ||
-webkit-transition: height .25s ease .1s; | -webkit-transition: height .25s ease .1s; | ||
-moz-transition: height .25s ease .1s; | -moz-transition: height .25s ease .1s; | ||
Line 224: | Line 121: | ||
transition: height .25s ease .1s; | transition: height .25s ease .1s; | ||
} | } | ||
- | + | ||
.menu li:hover > ul li { | .menu li:hover > ul li { | ||
height: 40px; | height: 40px; | ||
Line 230: | Line 127: | ||
padding: 0; | padding: 0; | ||
} | } | ||
- | + | ||
.menu ul li a { | .menu ul li a { | ||
width: 100px; | width: 100px; | ||
padding: 4px 0 4px 40px; | padding: 4px 0 4px 40px; | ||
margin: 0; | margin: 0; | ||
- | + | ||
border: none; | border: none; | ||
border-bottom: 1px solid #353539; | border-bottom: 1px solid #353539; | ||
} | } | ||
- | + | ||
.menu ul li:last-child a { border: none; } | .menu ul li:last-child a { border: none; } | ||
- | + | ||
/* Icons */ | /* Icons */ | ||
- | + | ||
.menu a.documents { background: url(docs.png) no-repeat 6px center; } | .menu a.documents { background: url(docs.png) no-repeat 6px center; } | ||
.menu a.messages { background: url(bubble.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; } | .menu a.signout { background: url(arrow.png) no-repeat 6px center; } | ||
+ | |||
+ | |||
+ | ul.menu { margin: 0px auto 0 auto; } | ||
- | |||
- | |||
- | |||
- | <!-- < | + | |
+ | |||
+ | /*]]>*/</style> | ||
+ | <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]--> | ||
+ | <!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]--> | ||
+ | <!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]--> | ||
+ | <!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]--> | ||
+ | <!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script> | ||
+ | <meta http-equiv="imagetoolbar" content="no" /><![endif]--> | ||
- | + | <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=-&action=raw&smaxage=0&gen=js&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_Project"> | ||
+ | <div id="globalWrapper"> | ||
+ | |||
+ | <div id="content"> | ||
+ | <a name="top" id="top"></a> | ||
+ | <h1 class="firstHeading">Team:KAIST Korea/Project</h1> | ||
+ | <div id="bodyContent"> | ||
+ | <h3 id="siteSub" class='noprint'>From 2013.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 --> | ||
+ | |||
+ | <head> | ||
+ | <title>KAIST Korea 2013 iGEM</title> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /* Cross-Browsing */ | ||
+ | html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;} | ||
+ | h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;} | ||
+ | ol, ul, li { list-style:none; } | ||
+ | fieldset,img,hr {border:none;} | ||
+ | caption,th {text-align:left;} | ||
+ | table {border-collapse:collapse; border-spacing:0;} | ||
+ | td {vertical-align:top;} | ||
+ | strong { font-weight:bold ;} | ||
+ | em { font-style:italic; } | ||
+ | a img { border:none; } | ||
+ | q:before, q:after { content:''} | ||
+ | |||
+ | html { height: 100%; } | ||
+ | |||
+ | |||
+ | body | ||
+ | { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/6/61/Top_section_expand_KAIST.png'),url('https://static.igem.org/mediawiki/2012/9/98/PATTERN_diagonal.png'); | ||
+ | background-repeat: repeat-x,repeat; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content | ||
+ | { | ||
+ | border: none; | ||
+ | position: relative; | ||
+ | top: 0; | ||
+ | background-color: transparent; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent p | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper | ||
+ | { | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | z-index: 1; | ||
+ | position: relative; | ||
+ | top:0px; | ||
+ | margin: auto; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #contentSub { display: none; } | ||
+ | #siteSub { display:none; } | ||
+ | |||
+ | #search-controls { | ||
+ | left: 20px; | ||
+ | width: auto; | ||
+ | z-index: 100; | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | top: -10px; | ||
+ | right: 0; | ||
+ | height: auto; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | input.searchButton | ||
+ | { | ||
+ | position: relative; | ||
+ | font-size: 1em; | ||
+ | font-family: "Arial"; | ||
+ | font-weight: normal; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #searchInput | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | z-index: 100; | ||
+ | color: #181818; | ||
+ | font: Arial; | ||
+ | text-align: center; | ||
- | + | background: url('https://static.igem.org/mediawiki/2012/6/6e/Kaist2012_head_searchbar.png') no-repeat; | |
+ | background-position: 0px 0px; | ||
+ | vertical-align: middle; | ||
+ | width: 184px; | ||
+ | height: 22px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #searchGoButton | ||
+ | { | ||
+ | font-size: 0pt; | ||
+ | background: url('https://static.igem.org/mediawiki/2012/7/78/Kaist2012_head_arrow.png') no-repeat; | ||
+ | background-position: left 0px; | ||
+ | z-index: 100; | ||
+ | cursor: pointer; | ||
+ | width: 29px; | ||
+ | height: 29px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #mw-searchButton | ||
+ | { | ||
+ | position: relative; | ||
+ | left: -14px; | ||
+ | font-size: 0pt; | ||
+ | background: url('https://static.igem.org/mediawiki/2012/e/e1/Kaist2012_head_search.png') no-repeat; | ||
+ | z-index: 100; | ||
+ | background-position: left 0px; | ||
+ | cursor: pointer; | ||
+ | width: 29px; | ||
+ | height: 29px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { display:none; } | ||
+ | |||
+ | #p-logo | ||
+ | { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | z-index: 0; | ||
+ | height: 1px; | ||
+ | width: 10px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #p-logo a { color: black; } | ||
+ | |||
+ | img[src*="/wiki/skins/common/images/wiki.png"] | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | top: -100px; | ||
+ | width: 10px; | ||
+ | height: 0px; | ||
+ | margin-top: 20px; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | #top-section | ||
+ | { | ||
+ | height: 35px; | ||
+ | width: 1024px; | ||
+ | margin: 0 auto; | ||
+ | top : 0px; | ||
+ | background-image: url(""); | ||
+ | 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 | ||
+ | { | ||
+ | font-size: 10px; | ||
+ | font-family: "GothamXNarrow-Bold", "Helvetica"; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | top: 36px; | ||
+ | z-index: 100; | ||
+ | } | ||
- | + | #menubar:hover{ background-color: #181818; } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <ul class=" | + | .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> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <head> | ||
+ | <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'> | ||
+ | <style> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic); | ||
+ | ul.oe_menu{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | width:300px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | margin:5px 0px 0px 8px; | ||
+ | } | ||
+ | ul.oe_menu > li{ | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | padding:auto; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | list-style-type:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.oe_menu > li > a{ | ||
+ | display:block; | ||
+ | background-color:transparent; | ||
+ | color:#aaa; | ||
+ | text-decoration:none; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | ul.oe_menu > li > a:hover, | ||
+ | ul.oe_menu > li.selected > a{ | ||
+ | color:#fff; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | .oe_wrapper ul.hovered > li > a{ | ||
+ | background:transparent; | ||
+ | |||
+ | } | ||
+ | ul.oe_menu div{ | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | background:transparent; | ||
+ | width:268px; | ||
+ | height:36px; | ||
+ | padding:2px; | ||
+ | display:none; | ||
+ | } | ||
+ | ul.oe_menu div ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:#cbcbcb; | ||
+ | padding:2px 2px 2px 4px; | ||
+ | display:block; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | } | ||
+ | ul.oe_menu div ul.oe_full{ | ||
+ | width:100%; | ||
+ | } | ||
+ | ul.oe_menu div ul li a:hover{ | ||
+ | background:#8583bf;/*이걸로 색상 조절*/ | ||
+ | color:#fff; | ||
+ | } | ||
+ | ul.oe_menu li ul{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | width: 86px; | ||
+ | margin-right:0px; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | width:300px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | margin:5px 0px 0px 8px; | ||
+ | } | ||
+ | ul.oe_menu2 > li{ | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | padding:auto; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 > li > a{ | ||
+ | display:block; | ||
+ | background-color:transparent; | ||
+ | color:#eee; | ||
+ | text-decoration:none; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | ul.oe_menu2 > li > a:hover, | ||
+ | ul.oe_menu2 > li.selected > a{ | ||
+ | color:#fff; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | |||
+ | .oe_wrapper2 ul.hovered > li > a{ | ||
+ | background:transparent; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.oe_menu2 div{ | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | background:transparent; | ||
+ | width:268px; | ||
+ | height:36px; | ||
+ | padding:2px; | ||
+ | display:none; | ||
+ | } | ||
+ | ul.oe_menu2 div ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:#ffffff; | ||
+ | padding:2px 2px 2px 2px; | ||
+ | display:block; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 div ul.oe_full2{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 div ul li a:hover{ | ||
+ | background:#d37c62;/*이걸로 색상 조절*/ | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 li ul{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | width: 86px; | ||
+ | margin-right:0px; | ||
+ | } | ||
+ | |||
+ | #main | ||
+ | { | ||
+ | min-height: 100%; | ||
+ | width: 1024px; | ||
+ | margin: 0 auto; | ||
+ | background-color: transparent; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png"); | ||
+ | background-repeat:repeat-y; | ||
+ | } | ||
+ | |||
+ | #main #main-img | ||
+ | { | ||
+ | position: absolute; | ||
+ | width: 1024px; | ||
+ | top: -30px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | #main a #main-logo | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: -30px; | ||
+ | width: 336px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | #main #top-img | ||
+ | { | ||
+ | position: relative; | ||
+ | top: -5px; | ||
+ | left:292px; | ||
+ | width:732px; | ||
+ | height: 250px; | ||
+ | z-index: 0; | ||
+ | opacity:0.9; | ||
+ | } | ||
+ | |||
+ | div .oe_wrapper{ | ||
+ | position:absolute; | ||
+ | z-index:3; | ||
+ | top:275px; | ||
+ | } | ||
+ | |||
+ | div .oe_wrapper2{ | ||
+ | position:absolute; | ||
+ | z-index:2; | ||
+ | top:358px; | ||
+ | } | ||
+ | |||
+ | div .iGEMLogo{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | bottom: 80px; | ||
+ | padding : 0 0 0 10px; | ||
+ | } | ||
+ | |||
+ | #menucontent | ||
+ | { | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | width:690px; | ||
+ | left:320px; | ||
+ | top:-75px; | ||
+ | z-index:2; | ||
+ | text-align: right; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | |||
+ | #top-img-description | ||
+ | { | ||
+ | font-size:25px; | ||
+ | font-family: 'Gloria Hallelujah', cursive; | ||
+ | } | ||
+ | |||
+ | #top-img-description-box | ||
+ | { | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | top:-115px; | ||
+ | left: 350px; | ||
+ | z-index:3; | ||
+ | height:15px; | ||
+ | } | ||
+ | |||
+ | #horizontal-line | ||
+ | { | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | width:732px; | ||
+ | height:3px; | ||
+ | left:292px; | ||
+ | top:-90px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | div .contact-us{ | ||
+ | position: absolute; | ||
+ | z-index:2; | ||
+ | top:450px; | ||
+ | padding:4px 0px 0px 10px; | ||
+ | width:268px; | ||
+ | color:white; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-information{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:12px; | ||
+ | font-style: italic; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-information a:hover{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:12px; | ||
+ | font-style: italic; | ||
+ | color:#fcf967; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-information a{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:12px; | ||
+ | font-style: italic; | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-title{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:22px; | ||
+ | line-height:170%; | ||
+ | color:#dddddd; | ||
+ | height:30px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | WebFontConfig = { | ||
+ | google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] } | ||
+ | }; | ||
+ | (function() { | ||
+ | var wf = document.createElement('script'); | ||
+ | wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + | ||
+ | '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | ||
+ | wf.type = 'text/javascript'; | ||
+ | wf.async = 'true'; | ||
+ | var s = document.getElementsByTagName('script')[0]; | ||
+ | s.parentNode.insertBefore(wf, s); | ||
+ | })(); </script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="main"> | ||
+ | <a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2013/5/59/Logopart_Kaist.png"/></a> | ||
+ | <img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/> | ||
+ | <div class="oe_wrapper"> | ||
+ | <ul id="oe_menu" class="oe_menu"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a> | ||
+ | <div style="top:30px;"> | ||
+ | <ul style="margin:0 0 0 30px;width:100px;"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;margin:0px 5px 0px 5px;"> | ||
+ | <li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a> | ||
+ | <div style="left:-85px;top:25px;"><!-- -112px --> | ||
+ | <ul> | ||
+ | <li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li> | ||
+ | </ul> | ||
+ | <ul style="padding:5px 0px 5px 0px"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li> | ||
+ | </ul> | ||
+ | <ul style="padding:5px 0px 5px 0px"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a> | ||
+ | <div style="left:-182px;top:30px;"> | ||
+ | <ul style="margin:0 0 0 30px;width:100px;"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="oe_wrapper2"> | ||
+ | <ul id="oe_menu2" class="oe_menu2"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a> | ||
+ | <div style="top:21px;left:32px;"> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a> | ||
+ | <div style="left:-91px;top:30px;"><!-- -112px --> | ||
+ | <ul style="margin:0 0 0 30px;width:100px;"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a> | ||
+ | <div style="left:-152px;top:21px;"> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="contact-us"> | ||
+ | <div id="contact-us-title">2 | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </ | + | 013 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"> | ||
+ | <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> | ||
- | + | <!-- The JavaScript --> | |
- | + | <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> | ||
+ | </body> | ||
+ | |||
+ | </p><p> | ||
+ | <head> | ||
+ | <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; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #tab | ||
+ | { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #starter | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size:25pt; | ||
+ | color: #08185d; | ||
+ | font-style:italic | ||
+ | padding:0px 0px 0px 10px; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #sub-title | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | color:#848383; | ||
+ | font-size: 15pt; | ||
+ | line-height:100%; | ||
+ | font-weight:bold; | ||
+ | font-style:italic; | ||
+ | } | ||
+ | |||
+ | #kaistcontent h1 | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | color:#5c5858; | ||
+ | font-weight:bold; | ||
+ | font-size:24pt; | ||
+ | line-height:110%; | ||
+ | } | ||
+ | |||
+ | #kaistcontent ul | ||
+ | { | ||
+ | list-style-type:disc; | ||
+ | padding: 0px 0px 0px 30px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #kaistcontent li | ||
+ | { | ||
+ | list-style-type:decimal; | ||
+ | } | ||
+ | |||
+ | #kaistcontent a { | ||
+ | color:#5a5b5e; | ||
+ | } | ||
+ | |||
+ | #kaistcontent a:hover{ | ||
+ | color:#94969a; | ||
+ | } | ||
+ | |||
+ | |||
+ | #kaistcontent #little | ||
+ | { | ||
+ | padding: 0px 0px 0px 30px; | ||
+ | line-height:140%; | ||
+ | } | ||
+ | #kaistcontent #little2 | ||
+ | { | ||
+ | padding: 0px 0px 0px 15px; | ||
+ | line-height:140%; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #sub-sub-title | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | color:#848383; | ||
+ | font-weight:bold; | ||
+ | font-size:14pt; | ||
+ | line-height:110%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <div id="main"> | ||
+ | <img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="kaistcontent"> | ||
+ | |||
+ | </br> | ||
+ | <section id="1st"> | ||
+ | <div> | ||
+ | <img id="starter-grad" style="height:60px;" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img> | ||
+ | <h1>Project : Overview</h1> | ||
+ | |||
+ | </br> | ||
</div> | </div> | ||
- | + | ||
- | + | <img src="https://static.igem.org/mediawiki/2012/e/e1/KAIST_lionLion.png" style="float:left;padding:10px 20px 10px 0px;margin:0px 0px 20px 0px;"/> | |
- | + | </br> | |
- | + | <span id="little"><span id="starter">T</span>he widely used gene knock-out strategies are based upon a mere [on-off] control and more complex regulation is impossible. On the other hand, knock-down strategies are more versatile in usage but the current techniques are vastly laborious for systematic control and pose difficulty in multiple targeting because of the intricate design and scar accumulation. | |
- | < | + | iGEM KAIST 2013 seeks to take the yet-to-be-perfected genetic regulation technology to a new level: The <span id="starter">RAPTOR</span> (RNA Associated Prokaryotic Transcript Optimization with CRISPR) technology. RAPTOR uses CRISPR type III system for gene regulation. CRISPR type III targets and cleaves specific mRNA sequences through complementary binding of crRNA and nuclease activity of Cmr protein complex. RAPTOR exploits this nature of CRISPR for systematically down regulating the mRNA level of specific genes. |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | 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. | 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. | As a proof of concept we sought to regulate the lycopene pathway that is incorporated into the genome of Escherichia coli. The efflux of lycopene precursors is optimally reduced through lowering the mRNA levels of enzymes that synthesize non-lycopene end products. Through observation of increased lycopene yield in the E.coli, potentiality of RAPTOR technology can be validated. | ||
- | + | </br></br></span> | |
- | + | <div clear='both'></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </br></br> | |
- | + | <div align='right'><a href="#top">▲Back to the top</a></div></br> | |
- | + | ||
- | + | ||
- | + | </section> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</body> | </body> | ||
- | + | ||
+ | |||
+ | <head> | ||
+ | <title> Kaist Footer</title> | ||
+ | <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> | ||
+ | </head> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | </p> | ||
+ | <!-- | ||
+ | NewPP limit report | ||
+ | Preprocessor node count: 19/1000000 | ||
+ | Post-expand include size: 120/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:9665-0!1!0!!en!2 and timestamp 20130816121218 --> | ||
+ | <div class="printfooter"> | ||
+ | Retrieved from "<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">https://2012.igem.org/Team:KAIST_Korea/Project_Background</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/Project_Background" | ||
+ | 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/Project_Background" | ||
+ | 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/Project_Background&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/Project_Background&oldid=297918" | ||
+ | title="Permanent link to this revision of the page">Permanent link</a> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li id="privacy"><a href="/2013.igem.org:Privacy_policy" title="2013.igem.org:Privacy policy">Privacy policy</a></li> | ||
+ | <li id="disclaimer"><a href="/2013.igem.org:General_disclaimer" title="2013.igem.org:General disclaimer">Disclaimers</a></li> | ||
+ | </ul> | ||
+ | </div> <!-- close footer --> | ||
+ | </div> <!-- close footer-box --> | ||
+ | |||
+ | <script>if (window.runOnloadHook) runOnloadHook();</script> | ||
+ | </div> | ||
+ | <!-- Served in 0.228 secs. --></body> | ||
+ | |||
</html> | </html> |
Latest revision as of 09:15, 21 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
From 2013.igem.org
2
013 KAIST Korea
Mail : kaist.igem.2012@gmail.com
Twitter : twitter.com/KAIST_iGEM_2012
Facebook : www.facebook.com/KAISTiGEM2012