http://2012.igem.org/wiki/index.php?title=Special:Contributions/Tmfdl999&feed=atom&limit=50&target=Tmfdl999&year=&month=
2012.igem.org - User contributions [en]
2024-03-29T13:47:56Z
From 2012.igem.org
MediaWiki 1.16.0
http://2012.igem.org/Team:KAIST_Korea/Project_Modeling
Team:KAIST Korea/Project Modeling
2012-09-27T03:59:45Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Modeling</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Modeling</h1><br />
<span id="sub-title">To be updated...</span><br />
</br><br />
</br><br />
</br><br />
<br />
</br></br></br></br></br></br></br></br></br><br />
</br><br />
<br />
</div><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Modeling
Team:KAIST Korea/Project Modeling
2012-09-27T03:59:34Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Modeling</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Modeling</h1><br />
<span id="sub-title">To be updated...</span><br />
</br><br />
</br><br />
</br><br />
<br />
</br></br></br></br></br></br><br />
</br><br />
<br />
</div><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Modeling
Team:KAIST Korea/Project Modeling
2012-09-27T03:59:13Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Modeling</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Modeling</h1><br />
<span id="sub-title">To be updated...</span><br />
</br><br />
</br><br />
</br><br />
<br />
</br></br></br><br />
</br><br />
<br />
</div><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Future
Team:KAIST Korea/Project Future
2012-09-27T03:57:28Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #little<br />
{<br />
padding: 0px 20px 0px 30px;<br />
line-height:140%;<br />
margin : 0px 15px 0px 15px;<br />
}<br />
<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Future Plan</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img src="https://static.igem.org/mediawiki/2012/c/cc/KAIST_Future_plan.PNG"/></br></br><br />
<span id="little"><br />
In mechanical engineering, various devices designed to operate the machine. Throughout our conceptual and applicable designs, we have tried to demonstrate the possibility of reproducing the scheme of mechanical engineering in “Biological Machine”. <br />
</span><br />
</br><br />
<span id="little"><br />
Various result from our study shows that when the biological device, binary signal generator, is introduced into biological machine, the Escherichia coli cell, it can operate the system according to our intention. In application section, we have explained the bio-indigo production system which is operated in an accordance with change in AHL concentration. </span><br />
</br><br />
<span id="little"><br />
Because the binary signal generator produce one out of two proteins with different orientation, we can apply the device to manage two pathways that are competing. If the resource to operate the pathway producing the protein we want is critical factor for cell survival, we can apply our device into biological machine. Arranging the genes for resource protein generating pathway and the target pathway genes in different orientation, we can make auto-regulated pathway that is operated by binary signal generator. </span></br><br />
The specific example can be operating the 1,4-BDO pathway in E.coli. Because the enzymes participating in the 1,4-BDO pathway requires high NADH potential which is critical to cell survival, simple cloning of the enzymes can give harmful effect to the cells. So that, designing 1,4-BDO enzymes and NADH detector(or redox potential detector) at the both end of the binary signal generator, we can produce 1,4-BDO effectively not giving harmful effect to growth of Escherichia coli cells.<br />
<br />
</br></br></br><br />
<span id="little"><br />
All of iGEM Team KAIST members spent the most hottest summer this year. We have learned about various experimental techniques, background knowledge and also about “Synthetic biology”. Because none of us had experienced about synthetic biology, we spent some time to make our topic to contain the synthetic biological meaning. However, passionate members of KAIST team were able to make the synthetic biology as our own knowledge thinking and thinking repeatedly. </span><br />
</br><br />
<span id="little"><br />
Because we got our knowledge with constant efforts, we do not want our knowledge to fade out with completion of iGEM competition. We hope we can help following-up iGEM teams from KAIST, or in Korea even any countries in the World. And we think the synthetic biological insight will make our studies after iGEM to be more productive and creative. <br />
</span><br />
</br></br><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Future
Team:KAIST Korea/Project Future
2012-09-27T03:56:54Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #little<br />
{<br />
padding: 0px 20px 0px 30px;<br />
line-height:140%;<br />
margin : 0px 15px 0px 15px;<br />
}<br />
<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Future Plan</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img src="https://static.igem.org/mediawiki/2012/c/cc/KAIST_Future_plan.PNG"/></br></br><br />
<span id="little"><br />
In mechanical engineering, various devices designed to operate the machine. Throughout our conceptual and applicable designs, we have tried to demonstrate the possibility of reproducing the scheme of mechanical engineering in “Biological Machine”. <br />
</span><br />
</br><br />
<span id="little"><br />
Various result from our study shows that when the biological device, binary signal generator, is introduced into biological machine, the Escherichia coli cell, it can operate the system according to our intention. In application section, we have explained the bio-indigo production system which is operated in an accordance with change in AHL concentration. </span><br />
</br><br />
<span id="little"><br />
Because the binary signal generator produce one out of two proteins with different orientation, we can apply the device to manage two pathways that are competing. If the resource to operate the pathway producing the protein we want is critical factor for cell survival, we can apply our device into biological machine. Arranging the genes for resource protein generating pathway and the target pathway genes in different orientation, we can make auto-regulated pathway that is operated by binary signal generator. </span></br><br />
The specific example can be operating the 1,4-BDO pathway in E.coli. Because the enzymes participating in the 1,4-BDO pathway requires high NADH potential which is critical to cell survival, simple cloning of the enzymes can give harmful effect to the cells. So that, designing 1,4-BDO enzymes and NADH detector(or redox potential detector) at the both end of the binary signal generator, we can produce 1,4-BDO effectively not giving harmful effect to growth of Escherichia coli cells.<br />
<br />
</br></br></br><br />
<span id="little"><br />
All of iGEM Team KAIST members spent the most hottest summer this year. We have learned about various experimental techniques, background knowledge and also about “Synthetic biology”. Because none of us had experienced about synthetic biology, we spent some time to make our topic to contain the synthetic biological meaning. However, passionate members of KAIST team were able to make the synthetic biology as our own knowledge thinking and thinking repeatedly. </span><br />
</br><br />
<span id="little"><br />
Because we got our knowledge with constant efforts, we do not want our knowledge to fade out with completion of iGEM competition. We hope we can help following-up iGEM teams from KAIST, or in Korea even any countries in the World. And we think the synthetic biological insight will make our studies after iGEM to be more productive and creative. <br />
</span><br />
</br></br></br><br />
</br><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Future
Team:KAIST Korea/Project Future
2012-09-27T03:56:28Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #little<br />
{<br />
padding: 0px 20px 0px 30px;<br />
line-height:140%;<br />
margin : 0px 15px 0px 15px;<br />
}<br />
<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Future Plan</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img src="https://static.igem.org/mediawiki/2012/c/cc/KAIST_Future_plan.PNG"/></br><br />
<span id="little"><br />
In mechanical engineering, various devices designed to operate the machine. Throughout our conceptual and applicable designs, we have tried to demonstrate the possibility of reproducing the scheme of mechanical engineering in “Biological Machine”. <br />
</span><br />
</br><br />
<span id="little"><br />
Various result from our study shows that when the biological device, binary signal generator, is introduced into biological machine, the Escherichia coli cell, it can operate the system according to our intention. In application section, we have explained the bio-indigo production system which is operated in an accordance with change in AHL concentration. </span><br />
</br><br />
<span id="little"><br />
Because the binary signal generator produce one out of two proteins with different orientation, we can apply the device to manage two pathways that are competing. If the resource to operate the pathway producing the protein we want is critical factor for cell survival, we can apply our device into biological machine. Arranging the genes for resource protein generating pathway and the target pathway genes in different orientation, we can make auto-regulated pathway that is operated by binary signal generator. </span></br><br />
The specific example can be operating the 1,4-BDO pathway in E.coli. Because the enzymes participating in the 1,4-BDO pathway requires high NADH potential which is critical to cell survival, simple cloning of the enzymes can give harmful effect to the cells. So that, designing 1,4-BDO enzymes and NADH detector(or redox potential detector) at the both end of the binary signal generator, we can produce 1,4-BDO effectively not giving harmful effect to growth of Escherichia coli cells.<br />
<br />
</br></br></br><br />
<span id="little"><br />
All of iGEM Team KAIST members spent the most hottest summer this year. We have learned about various experimental techniques, background knowledge and also about “Synthetic biology”. Because none of us had experienced about synthetic biology, we spent some time to make our topic to contain the synthetic biological meaning. However, passionate members of KAIST team were able to make the synthetic biology as our own knowledge thinking and thinking repeatedly. </span><br />
</br><br />
<span id="little"><br />
Because we got our knowledge with constant efforts, we do not want our knowledge to fade out with completion of iGEM competition. We hope we can help following-up iGEM teams from KAIST, or in Korea even any countries in the World. And we think the synthetic biological insight will make our studies after iGEM to be more productive and creative. <br />
</span><br />
</br></br></br><br />
</br><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Future
Team:KAIST Korea/Project Future
2012-09-27T03:54:43Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #little<br />
{<br />
padding: 0px 20px 0px 30px;<br />
line-height:140%;<br />
margin : 0px 15px 0px 15px;<br />
}<br />
<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Future Plan</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Future Plan</h1><br />
</br><br />
</br><br />
</br><br />
<span id="little"><br />
In mechanical engineering, various devices designed to operate the machine. Throughout our conceptual and applicable designs, we have tried to demonstrate the possibility of reproducing the scheme of mechanical engineering in “Biological Machine”. <br />
</span><br />
</br><br />
<span id="little"><br />
Various result from our study shows that when the biological device, binary signal generator, is introduced into biological machine, the Escherichia coli cell, it can operate the system according to our intention. In application section, we have explained the bio-indigo production system which is operated in an accordance with change in AHL concentration. </span><br />
</br><br />
<span id="little"><br />
Because the binary signal generator produce one out of two proteins with different orientation, we can apply the device to manage two pathways that are competing. If the resource to operate the pathway producing the protein we want is critical factor for cell survival, we can apply our device into biological machine. Arranging the genes for resource protein generating pathway and the target pathway genes in different orientation, we can make auto-regulated pathway that is operated by binary signal generator. </span></br><br />
The specific example can be operating the 1,4-BDO pathway in E.coli. Because the enzymes participating in the 1,4-BDO pathway requires high NADH potential which is critical to cell survival, simple cloning of the enzymes give harmful effect to the cells. So that, designing 1,4-BDO enzymes and NADH detector(or redox potential detector) at the both end of the binary signal generator, we can produce 1,4-BDO effectively not giving harmful effect to growth of Escherichia coli cells.<br />
<br />
</br></br></br><br />
<span id="little"><br />
All of iGEM Team KAIST members spent the most hottest summer this year. We have learned about various experimental techniques, background knowledge and also about “Synthetic biology”. Because none of us had experienced about synthetic biology, we spent some time to make our topic to contain the synthetic biological meaning. However, passionate members of KAIST team were able to make the synthetic biology as our own knowledge thinking and thinking repeatedly. </span><br />
</br><br />
<span id="little"><br />
Because we got our knowledge with constant efforts, we do not want our knowledge to fade out with completion of iGEM competition. We hope we can help following-up iGEM teams from KAIST, or in Korea even any countries in the World. And we think the synthetic biological insight will make our studies after iGEM to be more productive and creative. <br />
</span><br />
</br></br></br><br />
</br><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Future
Team:KAIST Korea/Project Future
2012-09-27T03:48:49Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #little<br />
{<br />
padding: 0px 20px 0px 30px;<br />
line-height:140%;<br />
margin : 0px 15px 0px 15px;<br />
}<br />
<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Future Plan</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Future Plan</h1><br />
</br><br />
</br><br />
</br><br />
<span id="little"><br />
In mechanical engineering, various devices designed to operate the machine. Throughout our conceptual and applicable designs, we have tried to demonstrate the possibility of reproducing the scheme of mechanical engineering in “Biological Machine”. <br />
</span><br />
</br></br><br />
<span id="little"><br />
Various result from our study shows that when the biological device, binary signal generator, is introduced into biological machine, the Escherichia coli cell, it can operate the system according to our intention. In application section, we have explained the bio-indigo production system which is operated in an accordance with change in AHL concentration. </span><br />
</br></br><br />
<span id="little"><br />
Because the binary signal generator produce one out of two proteins with different orientation, we can apply the device to manage two pathways that are competing. If the resource to operate the pathway producing the protein we want is critical factor for cell survival, we can apply our device into biological machine. Arranging the genes for resource protein generating pathway and the target pathway genes in different orientation, we can make auto-regulated pathway that is operated by binary signal generator. </span><br />
<br />
</br></br></br></br><br />
<span id="little"><br />
All of iGEM Team KAIST members spent the most hottest summer this year. We have learned about various experimental techniques, background knowledge and also about “Synthetic biology”. Because none of us had experienced about synthetic biology, we spent some time to make our topic to contain the synthetic biological meaning. However, passionate members of KAIST team were able to make the synthetic biology as our own knowledge thinking and thinking repeatedly. </span><br />
</br></br><br />
<span id="little"><br />
Because we got our knowledge with constant efforts, we do not want our knowledge to fade out with completion of iGEM competition. We hope we can help following-up iGEM teams from KAIST, or in Korea even any countries in the World. And we think the synthetic biological insight will make our studies after iGEM to be more productive and creative. <br />
</span><br />
</br></br></br><br />
</br><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Future
Team:KAIST Korea/Project Future
2012-09-27T03:48:01Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #little<br />
{<br />
padding: 0px 20px 0px 30px;<br />
line-height:140%;<br />
margin : 0px 15px 0px 15px;<br />
}<br />
<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Future Plan</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Future Plan</h1><br />
</br><br />
</br><br />
</br><br />
<span id="little"><br />
In mechanical engineering, various devices designed to operate the machine. Throughout our conceptual and applicable designs, we have tried to demonstrate the possibility of reproducing the scheme of mechanical engineering in “Biological Machine”. <br />
</span><br />
</br></br></br><br />
<span id="little"><br />
Various result from our study shows that when the biological device, binary signal generator, is introduced into biological machine, the Escherichia coli cell, it can operate the system according to our intention. In application section, we have explained the bio-indigo production system which is operated in an accordance with change in AHL concentration. </span><br />
<span id="little"><br />
Because the binary signal generator produce one out of two proteins with different orientation, we can apply the device to manage two pathways that are competing. If the resource to operate the pathway producing the protein we want is critical factor for cell survival, we can apply our device into biological machine. Arranging the genes for resource protein generating pathway and the target pathway genes in different orientation, we can make auto-regulated pathway that is operated by binary signal generator. </span><br />
<br />
</br></br></br><br />
<span id="little"><br />
All of iGEM Team KAIST members spent the most hottest summer this year. We have learned about various experimental techniques, background knowledge and also about “Synthetic biology”. Because none of us had experienced about synthetic biology, we spent some time to make our topic to contain the synthetic biological meaning. However, passionate members of KAIST team were able to make the synthetic biology as our own knowledge thinking and thinking repeatedly. </span><br />
<span id="little"><br />
Because we got our knowledge with constant efforts, we do not want our knowledge to fade out with completion of iGEM competition. We hope we can help following-up iGEM teams from KAIST, or in Korea even any countries in the World. And we think the synthetic biological insight will make our studies after iGEM to be more productive and creative. <br />
</span><br />
</br></br></br><br />
</br><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Project_Future
Team:KAIST Korea/Project Future
2012-09-27T03:47:16Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
tbody<br />
{<br />
font-family:'Open Sans', sans-serif;<br />
}<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e8/Project_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><img src="https://static.igem.org/mediawiki/2012/e/e3/Overview_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Results"><img src="https://static.igem.org/mediawiki/2012/5/5e/Results_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Future"><img src="https://static.igem.org/mediawiki/2012/9/95/Future_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling"><img src="https://static.igem.org/mediawiki/2012/4/4c/Model_ico.png"/></a><br />
</div><br />
<br />
<div id="top-img-description-box"><span id="top-img-description">Project : Future Plan</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Future Plan</h1><br />
</br><br />
</br><br />
</br><br />
<span id="little"><br />
In mechanical engineering, various devices designed to operate the machine. Throughout our conceptual and applicable designs, we have tried to demonstrate the possibility of reproducing the scheme of mechanical engineering in “Biological Machine”. <br />
</span><br />
</br></br></br><br />
<span id="little"><br />
Various result from our study shows that when the biological device, binary signal generator, is introduced into biological machine, the Escherichia coli cell, it can operate the system according to our intention. In application section, we have explained the bio-indigo production system which is operated in an accordance with change in AHL concentration. </span><br />
<span id="little"><br />
Because the binary signal generator produce one out of two proteins with different orientation, we can apply the device to manage two pathways that are competing. If the resource to operate the pathway producing the protein we want is critical factor for cell survival, we can apply our device into biological machine. Arranging the genes for resource protein generating pathway and the target pathway genes in different orientation, we can make auto-regulated pathway that is operated by binary signal generator. </span><br />
<br />
</br></br></br><br />
<span id="little"><br />
All of iGEM Team KAIST members spent the most hottest summer this year. We have learned about various experimental techniques, background knowledge and also about “Synthetic biology”. Because none of us had experienced about synthetic biology, we spent some time to make our topic to contain the synthetic biological meaning. However, passionate members of KAIST team were able to make the synthetic biology as our own knowledge thinking and thinking repeatedly. </span><br />
<span id="little"><br />
Because we got our knowledge with constant efforts, we do not want our knowledge to fade out with completion of iGEM competition. We hope we can help following-up iGEM teams from KAIST, or in Korea even any countries in the World. And we think the synthetic biological insight will make our studies after iGEM to be more productive and creative. <br />
</span><br />
</br></br></br><br />
</br><br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:37:15Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
top:-40px;<br />
padding : 0 0 0 10px;<br />
<br />
}<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
<br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<br />
<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:36:58Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
top:-20px;<br />
padding : 0 0 0 10px;<br />
<br />
}<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
<br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<br />
<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:36:17Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
padding : 0 0 0 10px;<br />
<br />
}<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
<br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<br />
<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:35:44Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
<br />
}<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
<br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<br />
<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:34:52Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
div .iGEMLogo{<br />
position:relative;<br />
z-index:4;<br />
<br />
}<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
<br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<br />
<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:32:54Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
div .iGEMLogo{<br />
position:relative;<br />
z-index:4;<br />
<br />
}<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
</div><br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:31:51Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
</div><br />
<br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:31:05Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
</div><br />
<br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
<br />
https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:30:35Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
}<br />
<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<br />
https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea
Team:KAIST Korea
2012-09-27T03:29:18Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top}}<br />
<html lang="en"><br />
<head><br />
<style type="text/css"><br />
<br />
div .iGEMLogo{<br />
position:relative;<br />
z-index:4;<br />
}<br />
<br />
<br />
a{<br />
color:#000;<br />
text-decoration:none;<br />
}<br />
.clr{<br />
clear:both;<br />
}<br />
.container {<br />
width:600px;<br />
position:relative;<br />
top: 230px;<br />
left: 220px;<br />
z-index:100;<br />
margin:0 auto;<br />
}<br />
.content {<br />
width:600px;<br />
margin:0 auto;<br />
}<br />
.content{<br />
width:600px;<br />
position:relative;<br />
}<br />
<br />
/*Sliding Text and Icon Menu Style*/<br />
.sti-menu{<br />
width:600px;<br />
position:relative;<br />
margin:60px auto 0 auto;<br />
}<br />
.sti-menu li{<br />
float:left;<br />
width:90px;<br />
height:160px;<br />
margin:1px;<br />
}<br />
.sti-menu li a{<br />
display:block;<br />
overflow:hidden;<br />
background:#fff;<br />
opacity:0.6;<br />
text-align:center;<br />
height:100%;<br />
width:100%;<br />
position:relative;<br />
-moz-box-shadow:1px 1px 2px #ddd;<br />
-webkit-box-shadow:1px 1px 2px #ddd;<br />
box-shadow:1px 1px 2px #ddd;<br />
}<br />
.sti-menu li a h2{<br />
color:#000;<br />
font-family: "Times New Roman", arial, serif; <br />
font-size:13px;<br />
font-weight:bold;<br />
position:absolute;<br />
padding:5px;<br />
width:80px;<br />
top:90px;<br />
left:0px;<br />
text-shadow: 0px 1px 1px black;<br />
}<br />
.sti-menu li a h3{<br />
font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; <br />
font-size:11px;<br />
font-style:italic;<br />
color: #111;<br />
position:absolute;<br />
top:115px;<br />
left:0px;<br />
width:80px;<br />
padding:5px;<br />
}<br />
.sti-icon{<br />
width:60px;<br />
height:60px;<br />
position:absolute;<br />
background-position:top left;<br />
background-repeat:no-repeat;<br />
background-color:transparent;<br />
left:15px;<br />
top:20px;<br />
}<br />
.sti-icon-home{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png');<br />
}<br />
.sti-icon-team{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png');<br />
}<br />
.sti-icon-part{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png');<br />
}<br />
.sti-icon-project{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png');<br />
}<br />
.sti-icon-note{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png');<br />
}<br />
.sti-icon-attr{<br />
background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png');<br />
}<br />
/* CSS reset */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html,body {<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
table {<br />
border-collapse:collapse;<br />
border-spacing:0;<br />
}<br />
<br />
fieldset,img { <br />
border:0;<br />
}<br />
<br />
input{<br />
border:1px solid #b0b0b0;<br />
padding:3px 5px 4px;<br />
color:#979797;<br />
width:190px;<br />
}<br />
<br />
address,caption,cite,code,dfn,th,var {<br />
font-style:normal;<br />
font-weight:normal;<br />
}<br />
<br />
ol,ul {<br />
list-style:none;<br />
}<br />
<br />
caption,th {<br />
text-align:left;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6 {<br />
font-size:100%;<br />
font-weight:normal;<br />
}<br />
<br />
q:before,q:after {<br />
content:'';<br />
}<br />
<br />
abbr,acronym { <br />
border:0;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 980px;<br />
margin: 0 auto;<br />
background-color: #FFFFFF;<br />
}<br />
<br />
#main #home-img<br />
{<br />
position:absolute;<br />
width: 980px;<br />
top: -130px;<br />
z-index:2<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<div id="main"><br />
<div class="container"><br />
<ul id="sti-menu" class="sti-menu"><br />
<li data-hovercolor="#37c5e9"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><br />
<h2 data-type="mText" class="sti-item">HOME</h2><br />
<h3 data-type="sText" class="sti-item">intro/iGEM</h3><br />
<span data-type="icon" class="sti-icon sti-icon-home sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ff395e"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><br />
<h2 data-type="mText" class="sti-item">TEAM</h2><br />
<h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3><br />
<span data-type="icon" class="sti-icon sti-icon-team sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#57e676"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"><br />
<h2 data-type="mText" class="sti-item">DATA</h2><br />
<h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3><br />
<span data-type="icon" class="sti-icon sti-icon-part sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d869b2"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"><br />
<h2 data-type="mText" class="sti-item">PROJECT</h2><br />
<h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3><br />
<span data-type="icon" class="sti-icon sti-icon-project sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#ffdd3f"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><br />
<h2 data-type="mText" class="sti-item">NOTEBOOK</h2><br />
<h3 data-type="sText" class="sti-item">lab note/protocol</h3><br />
<span data-type="icon" class="sti-icon sti-icon-note sti-item"></span><br />
</a><br />
</li><br />
<li data-hovercolor="#d4d5d4"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"><br />
<h2 data-type="mText" class="sti-item">PLUS</h2><br />
<h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3><br />
<span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span><br />
</a><br />
</li><br />
</ul><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
<br />
https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png<br />
<img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/><br />
<br />
</div><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script><br />
<script><br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
</script><br />
<script><br />
(function($) {<br />
<br />
var methods = {<br />
init : function( options ) {<br />
<br />
if( this.length ) {<br />
<br />
var settings = {<br />
// configuration for the mouseenter event<br />
animMouseenter : {<br />
'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1}<br />
},<br />
// configuration for the mouseleave event<br />
animMouseleave : {<br />
'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1},<br />
'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1},<br />
'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1}<br />
},<br />
// speed for the item bg color animation<br />
boxAnimSpeed : 300,<br />
// default text color (same defined in the css)<br />
defaultTextColor : '#000',<br />
// default bg color (same defined in the css)<br />
defaultBgColor : '#fff'<br />
};<br />
<br />
return this.each(function() {<br />
<br />
// if options exist, lets merge them with our default settings<br />
if ( options ) {<br />
$.extend( settings, options );<br />
}<br />
<br />
var $el = $(this),<br />
// the menu items<br />
$menuItems = $el.children('li'),<br />
// save max delay time for mouseleave anim parameters<br />
maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay ,<br />
settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay ,<br />
settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay<br />
),<br />
// timeout for the mouseenter event<br />
// lets us move the mouse quickly over the items,<br />
// without triggering the mouseenter event<br />
t_mouseenter;<br />
<br />
// save default top values for the moving elements:<br />
// the elements that animate inside each menu item<br />
$menuItems.find('.sti-item').each(function() {<br />
var $el = $(this);<br />
$el.data('deftop', $el.position().top);<br />
});<br />
<br />
// ************** Events *************<br />
// mouseenter event for each menu item<br />
$menuItems.bind('mouseenter', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
// the elements that animate inside this menu item<br />
$movingItems= $wrapper.find('.sti-item'),<br />
// the color that the texts will have on hover<br />
hovercolor = $item.data('hovercolor');<br />
<br />
t_mouseenter = setTimeout(function() {<br />
// indicates the item is on hover state<br />
$item.addClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseenter[item_sti_type].speed,<br />
easing = settings.animMouseenter[item_sti_type].easing,<br />
delay = settings.animMouseenter[item_sti_type].delay,<br />
dir = settings.animMouseenter[item_sti_type].dir,<br />
// if dir is 1 the item moves downwards<br />
// if -1 then upwards<br />
style = {'top' : -dir * wrapper_h + 'px'};<br />
<br />
if( item_sti_type === 'icon' ) {<br />
// this sets another bg image for the icon<br />
style.backgroundPosition = 'bottom left';<br />
} else {<br />
style.color = hovercolor;<br />
}<br />
// we hide the icon, move it up or down, and then show it<br />
$item.hide().css(style).show();<br />
clearTimeout($item.data('time_anim'));<br />
$item.data('time_anim',<br />
setTimeout(function() {<br />
// now animate each item to its default tops<br />
// each item will animate with a delay specified in the options<br />
$item.stop(true)<br />
.animate({top : $item.data('deftop') + 'px'}, speed, easing);<br />
}, delay)<br />
);<br />
});<br />
// animate the bg color of the item<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultTextColor<br />
}, settings.boxAnimSpeed );<br />
<br />
}, 100); <br />
<br />
})<br />
// mouseleave event for each menu item<br />
.bind('mouseleave', function(e) {<br />
<br />
clearTimeout(t_mouseenter);<br />
<br />
var $item = $(this),<br />
$wrapper = $item.children('a'),<br />
wrapper_h = $wrapper.height(),<br />
$movingItems= $wrapper.find('.sti-item');<br />
<br />
if(!$item.hasClass('sti-current')) <br />
return false; <br />
<br />
$item.removeClass('sti-current');<br />
<br />
$movingItems.each(function(i) {<br />
var $item = $(this),<br />
item_sti_type = $item.data('type'),<br />
speed = settings.animMouseleave[item_sti_type].speed,<br />
easing = settings.animMouseleave[item_sti_type].easing,<br />
delay = settings.animMouseleave[item_sti_type].delay,<br />
dir = settings.animMouseleave[item_sti_type].dir;<br />
<br />
clearTimeout($item.data('time_anim'));<br />
<br />
setTimeout(function() {<br />
<br />
$item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() {<br />
<br />
if( delay + speed === maxdelay ) {<br />
<br />
$wrapper.stop(true).animate({<br />
backgroundColor: settings.defaultBgColor<br />
}, settings.boxAnimSpeed );<br />
<br />
$movingItems.each(function(i) {<br />
var $el = $(this),<br />
style = {'top' : $el.data('deftop') + 'px'};<br />
<br />
if( $el.data('type') === 'icon' ) {<br />
style.backgroundPosition = 'top left';<br />
} else {<br />
style.color = settings.defaultTextColor;<br />
}<br />
<br />
$el.hide().css(style).show();<br />
});<br />
<br />
}<br />
});<br />
}, delay);<br />
});<br />
});<br />
<br />
});<br />
}<br />
}<br />
};<br />
<br />
$.fn.iconmenu = function(method) {<br />
if ( methods[method] ) {<br />
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));<br />
} else if ( typeof method === 'object' || ! method ) {<br />
return methods.init.apply( this, arguments );<br />
} else {<br />
$.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' );<br />
}<br />
};<br />
<br />
})(jQuery);<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$('#sti-menu').iconmenu({<br />
animMouseenter : {<br />
'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1},<br />
'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}<br />
},<br />
animMouseleave : {<br />
'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1},<br />
'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1},<br />
'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1}<br />
}<br />
});<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Home_Intro
Team:KAIST Korea/Home Intro
2012-09-27T03:24:18Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Home : Introduction</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Introduction</h1><br />
<br />
<span id="sub-title">"There have been attempts to reduce atmospheric level of carbon dioxide in various approaches."</span></br></br><br />
<span id="starter">S</span>ince the Industrial Revolution, fossil fuels have been used to power industries and machines. As the world gets more industrialized in accordance with population growth, the demand for fossil fuels has grown more than ever. Due to drastic increase of fossil fuel consumption, massive amount of carbon dioxide (CO<sub>2</sub>) has been emitted into the atmosphere and the amount is still growing. As carbon dioxide (CO<sub>2</sub>) is considered to be a significant factor accelerating global warming, there have been numerous attempts to reduce the atmospheric level of carbon dioxide (CO<sub>2</sub>). Administrators have ratified protocols to regulate the emission of carbon dioxide (CO<sub>2</sub>). Scientists have endeavored to figure out ways to reduce this greenhouse gas despite several limitations.<br />
</br></br><br />
<span id="starter">W</span>e, Team KAIST, Korea, suggest an idea of carbon dioxide (CO<sub>2</sub>) fixation with specially engineered bacterial strain which converts atmospheric carbon dioxide (CO<sub>2</sub>) into meaningful biomass as well as consuming it.<br />
</div><br />
</br><br />
</br><br />
</br><br />
<br />
<!--invertase가 없넹;; --><br />
<br />
<div><br />
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Project Overview</h1><br />
<span id="sub-title">CO<sub>2</sub> Fixation Pathway and Pathway Switching Module</span></br></br><br />
<span id="sub-sub-title"> 1. CO<sub>2</sub> Fixation Pathway</span></br></br><br />
<span id="starter">R</span>eductive acetyl-CoA pathway is a pathway for carbon dioxide (CO<sub>2</sub>) fixation in many anaerobes. Acetogenic bacteria, or acetogens, use this pathway to synthesize acetic acid from carbon dioxide. This pathway allows acetogens to grow autotrophically using hydrogen(H<sub>2</sub>) and carbon monooxide(CO) as electron donor and carbon dioxide (CO<sub>2</sub>) as electron acceptor.[1]<br />
</br></br><br />
<span id="starter">B</span>ecause the pathway is non-regenerative, reductive acetyl CoA pathway is a appropriate target pathway to consume atmospheric carbon dioxide (CO<sub>2</sub>). Nowadays, full genome sequences of bunch of acetogens are available. Also, the enzymes consisting the pathway are elucidated allowing us to reconstruct the pathway in Escherichia coli.<br />
</br></br><br />
<i>[1] Environ Microbiol. 2008 October ; 10(10): 2550-2573.</i><br />
</br></br></br><br />
<br />
<span id="sub-sub-title"> 2. Pathway Switching Module</span></br></br><br />
<span id="starter">T</span>hroughout past iGEM competitions, many kinds of bio-modules were proposed and tested. In our project, we are suggesting dual-phase switching module using DNA recombination system that is new to iGEM part registry. With this module we will be able to control metabolic pathway we are targeting.<br />
</br></br><br />
<ul><br />
<li> Module Suggestion and Proof of Concept</li><br />
<li> Application of Module</li><br />
</ul><br />
</br><br />
<span id="starter">C</span>oupling of suggested module with cell growth and metabolic pathway, we expect our module enable our cells to control their metabolisms according to cell growth.<br />
</div><br />
</br><br />
</br><br />
</br><br />
</br><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Hand-made Video</h1></br><br />
</br><br />
</div><br />
<div align="center"><br />
<iframe width="560" height="315" src="http://www.youtube.com/embed/uAhFp_u1adA" frameborder="0" allowfullscreen></iframe><br />
</div><br />
<br />
<br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Home_Intro
Team:KAIST Korea/Home Intro
2012-09-27T03:23:30Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Home : Introduction</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Introduction</h1><br />
<br />
<span id="sub-title">"There have been attempts to reduce atmospheric level of carbon dioxide in various approaches."</span></br></br><br />
<span id="starter">S</span>ince the Industrial Revolution, fossil fuels have been used to power industries and machines. As the world gets more industrialized in accordance with population growth, the demand for fossil fuels has grown more than ever. Due to drastic increase of fossil fuel consumption, massive amount of carbon dioxide (CO<sub>2</sub>) has been emitted into the atmosphere and the amount is still growing. As carbon dioxide (CO<sub>2</sub>) is considered to be a significant factor accelerating global warming, there have been numerous attempts to reduce the atmospheric level of carbon dioxide (CO<sub>2</sub>). Administrators have ratified protocols to regulate the emission of carbon dioxide (CO<sub>2</sub>). Scientists have endeavored to figure out ways to reduce this greenhouse gas despite several limitations.<br />
</br></br><br />
<span id="starter">W</span>e, Team KAIST, Korea, suggest an idea of carbon dioxide (CO<sub>2</sub>) fixation with specially engineered bacterial strain which converts atmospheric carbon dioxide (CO<sub>2</sub>) into meaningful biomass as well as consuming it.<br />
</div><br />
</br><br />
</br><br />
</br><br />
<br />
<!--invertase가 없넹;; --><br />
<br />
<div><br />
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Project Overview</h1><br />
<span id="sub-title">CO<sub>2</sub> Fixation Pathway and Pathway Switching Module</span></br></br><br />
<span id="sub-sub-title"> 1. CO<sub>2</sub> Fixation Pathway</span></br></br><br />
<span id="starter">R</span>eductive acetyl-CoA pathway is a pathway for carbon dioxide (CO<sub>2</sub>) fixation in many anaerobes. Acetogenic bacteria, or acetogens, use this pathway to synthesize acetic acid from carbon dioxide. This pathway allows acetogens to grow autotrophically using hydrogen(H<sub>2</sub>) and carbon monooxide(CO) as electron donor and carbon dioxide (CO<sub>2</sub>) as electron acceptor.[1]<br />
</br></br><br />
<span id="starter">B</span>ecause the pathway is non-regenerative, reductive acetyl CoA pathway is a appropriate target pathway to consume atmospheric carbon dioxide (CO<sub>2</sub>). Nowadays, full genome sequences of bunch of acetogens are available. Also, the enzymes consisting the pathway are elucidated allowing us to reconstruct the pathway in Escherichia coli.<br />
</br></br><br />
<i>[1] Environ Microbiol. 2008 October ; 10(10): 2550-2573.</i><br />
</br></br></br><br />
<br />
<span id="sub-sub-title"> 2. Pathway Switching Module</span></br></br><br />
<span id="starter">T</span>hroughout past iGEM competitions, many kinds of bio-modules were proposed and tested. In our project, we are suggesting dual-phase switching module using DNA recombination system that is new to iGEM part registry. With this module we will be able to control metabolic pathway we are targeting.<br />
</br></br><br />
<ul><br />
<li> Module Suggestion and Proof of Concept</li><br />
<li> Application of Module</li><br />
</ul><br />
</br><br />
<span id="starter">C</span>oupling of suggested module with cell growth and metabolic pathway, we expect our module enable our cells to control their metabolisms according to cell growth.<br />
</div><br />
</br><br />
</br><br />
</br><br />
<br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Hand-made Video</h1></br><br />
</br></br><br />
</div><br />
<div align="center"><br />
<iframe width="560" height="315" src="http://www.youtube.com/embed/uAhFp_u1adA" frameborder="0" allowfullscreen></iframe><br />
</div><br />
<br />
<br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Home_Intro
Team:KAIST Korea/Home Intro
2012-09-27T03:22:18Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Home : Introduction</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Introduction</h1><br />
<br />
<span id="sub-title">"There have been attempts to reduce atmospheric level of carbon dioxide in various approaches."</span></br></br><br />
<span id="starter">S</span>ince the Industrial Revolution, fossil fuels have been used to power industries and machines. As the world gets more industrialized in accordance with population growth, the demand for fossil fuels has grown more than ever. Due to drastic increase of fossil fuel consumption, massive amount of carbon dioxide (CO<sub>2</sub>) has been emitted into the atmosphere and the amount is still growing. As carbon dioxide (CO<sub>2</sub>) is considered to be a significant factor accelerating global warming, there have been numerous attempts to reduce the atmospheric level of carbon dioxide (CO<sub>2</sub>). Administrators have ratified protocols to regulate the emission of carbon dioxide (CO<sub>2</sub>). Scientists have endeavored to figure out ways to reduce this greenhouse gas despite several limitations.<br />
</br></br><br />
<span id="starter">W</span>e, Team KAIST, Korea, suggest an idea of carbon dioxide (CO<sub>2</sub>) fixation with specially engineered bacterial strain which converts atmospheric carbon dioxide (CO<sub>2</sub>) into meaningful biomass as well as consuming it.<br />
</div><br />
</br><br />
</br><br />
</br><br />
<br />
<!--invertase가 없넹;; --><br />
<br />
<div><br />
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Project Overview</h1><br />
<span id="sub-title">CO<sub>2</sub> Fixation Pathway and Pathway Switching Module</span></br></br><br />
<span id="sub-sub-title"> 1. CO<sub>2</sub> Fixation Pathway</span></br></br><br />
<span id="starter">R</span>eductive acetyl-CoA pathway is a pathway for carbon dioxide (CO<sub>2</sub>) fixation in many anaerobes. Acetogenic bacteria, or acetogens, use this pathway to synthesize acetic acid from carbon dioxide. This pathway allows acetogens to grow autotrophically using hydrogen(H<sub>2</sub>) and carbon monooxide(CO) as electron donor and carbon dioxide (CO<sub>2</sub>) as electron acceptor.[1]<br />
</br></br><br />
<span id="starter">B</span>ecause the pathway is non-regenerative, reductive acetyl CoA pathway is a appropriate target pathway to consume atmospheric carbon dioxide (CO<sub>2</sub>). Nowadays, full genome sequences of bunch of acetogens are available. Also, the enzymes consisting the pathway are elucidated allowing us to reconstruct the pathway in Escherichia coli.<br />
</br></br><br />
<i>[1] Environ Microbiol. 2008 October ; 10(10): 2550-2573.</i><br />
</br></br></br><br />
<br />
<span id="sub-sub-title"> 2. Pathway Switching Module</span></br></br><br />
<span id="starter">T</span>hroughout past iGEM competitions, many kinds of bio-modules were proposed and tested. In our project, we are suggesting dual-phase switching module using DNA recombination system that is new to iGEM part registry. With this module we will be able to control metabolic pathway we are targeting.<br />
</br></br><br />
<ul><br />
<li> Module Suggestion and Proof of Concept</li><br />
<li> Application of Module</li><br />
</ul><br />
</br><br />
<span id="starter">C</span>oupling of suggested module with cell growth and metabolic pathway, we expect our module enable our cells to control their metabolisms according to cell growth.<br />
</div><br />
</br><br />
</br><br />
</br><br />
<br />
<div><br />
<img id="starter-grad" style="height:80px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Hand-made Video</h1></br><br />
</br></br><br />
</div><br />
<div align="center"><br />
<iframe width="560" height="315" src="http://www.youtube.com/embed/uAhFp_u1adA" frameborder="0" allowfullscreen></iframe><br />
</div><br />
<br />
<br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T03:17:27Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 80px;<br />
padding : 0 0 0 10px;<br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T03:16:25Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 80px;<br />
left:10px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T03:13:45Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 80px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/File:KAIST_iGEM_logo.png
File:KAIST iGEM logo.png
2012-09-27T03:13:34Z
<p>Tmfdl999: </p>
<hr />
<div></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol
Team:KAIST Korea/Notebook Protocol
2012-09-27T03:01:16Z
<p>Tmfdl999: </p>
<hr />
<div> {{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h3<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#181818;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h4<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#585858;<br />
font-size:12pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:inherit;<br />
}<br />
<br />
#kaistcontent #figure<br />
{<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
#kaistcontent ol<br />
{<br />
list-style-type:decimal;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#arc_wrapper {<br />
width: 690px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.accordionButton { <br />
width: 690px;<br />
height:40px;<br />
background-color:transparent;<br />
background-image:url('https://static.igem.org/mediawiki/2012/3/30/Kaist_Protocol_button.png');<br />
background-repeat:no-repeat;<br />
border-bottom: 1px solid #FFFFFF;<br />
cursor: pointer;<br />
}<br />
<br />
.accordionButton #protocol {<br />
font-family: 'Open Sans', sans-serif;<br />
color:#7e7e7e;<br />
font-size: 15pt;<br />
line-height:100%;<br />
padding-left:20px;<br />
padding-top:8px;<br />
font-style:italic;<br />
<br />
}<br />
<br />
.accordionContent #top-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent #bot-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent { <br />
width: 690px;<br />
background-color: transparent;<br />
}<br />
<br />
.accordionContent #protocolcontent{ <br />
background-image:url('https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content.png');<br />
background-repeat:repeat-y;<br />
background-color:transparent;<br />
background-position:center;<br />
left:3px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 20px 30px 20px 25px;<br />
}<br />
<br />
.accordionContent #content #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/4/4b/Top_image_team_kaist.png"/><!-- 이미지 넣어야대--><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/4/4d/Note_ico.png"></img><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><img src="https://static.igem.org/mediawiki/2012/e/e0/Labnote_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2012/b/b6/Protocol_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Notebook : Protocol</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Lab Protocols</h1><br />
</div><br />
</br></br></br><br />
<div id="arc_wrapper"><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">1. LB agar plate</div></div><br />
<div class="accordionContent"><br />
<img style="margin:0 auto;float:none;"src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"></img><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" alt="materials" src="https://static.igem.org/mediawiki/2012/4/46/KAIST_Protocol1_table1.png"></img><br />
<br />
<div style="clear:both;"></div><br />
<br />
</br></br><br />
<br />
<h3>Procedure</h3> <br />
<ol><br />
<li>Add 25g LB broth and 15g agar into 1L DDW. </li><br />
<li>Autoclave</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"></img><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">2. Genomic DNA Purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" style="width:632px" alt="materials" src="https://static.igem.org/mediawiki/2012/a/ac/Protocol2_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br></br><br />
<br />
<h3>Procedure</h3></br><br />
<h4>1) Pellet Cells</h4><br />
<ol><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>2) Lyse Cells</h4><br />
<ol start="4"><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>3) Protein Precipitation</h4><br />
<ol start="7"><br />
<li>Add 200ul of Protein Precipitation Solution to the RNase-treated cell lysate. Vortex vigorously at high speed for 20seconds to mix the Protein Precipitation Solution tieh the cell lysate.</li><br />
<li>Incubate the sample on ice for 5minutes.</li><br />
<li>Centrifuge at 13,000rpm 3minutes.</li><br />
<li>Transfer the supernatant containing the DNA to a clean 1.5ml microcentrifuge tube. </li><br />
<span style="padding:none">Note: Some supernatant may remain in the original tube containing the protein pellet. Leave this residual liquid in the tube to avoid contaminating the DNA solution with the precipitated protein.</span> <br />
<li>Add 600ul isopropanol.</li><br />
<li>Gently mix by inversion until the thread-like strands of DNA form a visible mass.</li><br />
<li>Centrifuge at 13000rpm for 2minutes.</li><br />
<li>Carefully pour off the supernatant. </li><br />
<li>Add 600ul of room temperature 70% ethanol and gently invert the tube 5 times to wash the DNA pellet. </li><br />
<li>Centrifuge at 13000rpm for 2minutes. Carefully aspirate the ethanol. </li><br />
<li>Drain the tube on clean absorbent paper and allow the pellet to air-dry for 10-14minutes. </li><br />
<li>Add 50~100 μl TE buffer and rehydrate the DNA by incubating at 65℃ for 20min. Periodically mix the solution by gently tapping the tube. Alternatively, rehydrate the DNA by incubationg the solution overnight at room temperature or at 4℃.</li><br />
</ol><br />
</br><br />
<div align = 'center'><br />
<img id="figure" alt="TE buffer" src="https://static.igem.org/mediawiki/2012/d/df/KAIST_Protocol2_table2.png"></img><br />
<div style="clear:both;"></div><br />
</div><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">3. Vector transformation</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3></br><br />
<h4>1) Restriction enzyme digestion</h4><br />
<img id="figure" alt="Restriction enzyme digestion" src="https://static.igem.org/mediawiki/2012/2/27/Kaist_protocol3_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 2hr at 37℃.</li><br />
<li>Inactivation 20min at 65℃.</li><br />
</ol><br />
</br><br />
<h4>2) Dephosphorylation (Only for vector)</h4><br />
<img id="figure" alt="Dephosphorylation (Only for vector)" src="https://static.igem.org/mediawiki/2012/2/2d/Kaist_protocol3_table2.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 30min at 37℃.</li><br />
<li>Inactivation 5min at 70℃.</li><br />
</ol><br />
</br><br />
<h4>3) Ligation</h4><br />
<img id="figure" alt="Ligation" src="https://static.igem.org/mediawiki/2012/3/31/Kaist_protocol3_table3.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 16hr at 16℃.</li><br />
</ol><br />
</br><br />
<h4>4) Transformation</h4><br />
<ol><br />
<li>Add 20ul ligated vector into 100ul of competent cell.</li><br />
<li>Incubate ice 5min.</li><br />
<li>Heat shock 42℃, 1min 30sec.</li><br />
<li>Ice 5min.</li><br />
<li>Recovery with 700ul LB at 37℃, 1hr.</li><br />
<li>Plating.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">4. PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3><br />
<img id="figure" alt="PCR" src="https://static.igem.org/mediawiki/2012/0/02/Kaist_protocol4_table1.png"></img><br />
</br></br><br />
<h3>Reaction Conditions</h3><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">5. Gel extraction</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>MGTM Gel Extraction SV - Macrogen</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Excise the DNA band of interest using an ethanol-cleaned razor blade.</li><br />
<li>Weigh the gel slice in a microcentrifuge tube. Add 3 volumes (ul) of Buffer GB to 1 volume (mg) of gel.</li><br />
<li>Incubate at 50°C until the agarose gel is completely melted (5 ~ 10 min).</li><br />
<li>Transfer the mixture to a MGTM SV column. Centrifuge for 1 min. Discard the pass-through and re-insert the MGTM SV column into the Collection Tube.</li><br />
<li>Add 700 ul of Buffer NW to the MGTM SV column. Centrifuge for 30 sec. Discard the pass-through. Reinsert the MGTM SV column into the Collection Tube.</li><br />
<li>Centrifuge for additional 1 min to remove residual wash buffer. Transfer the MGTM SV column to a new 1.5 ml tube.</li><br />
<li>Apply 30ul of Buffer EB to the center of the membrane in the MGTM SV column, let stand for 1 min, and centrifuge for 1 min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">6. PCR purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® PCR Purification Kit - BIONEER</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 5 volumes of PB Buffer to 1 volume of the PCR reaction.</li><br />
<li>Apply the sample to the Binding column tube to bind DNA.</li><br />
<li>Centrifuge for 30-60 sec to make the sample pass through the Binding column tube.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube.</li><br />
<li>Add 500μl of WB Buffer to the Binding column tube and centrifuge for 30-60 sec to wash.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube again.</li><br />
<li>Centrifuge the Binding column tube for an additional 1min for drying.</li><br />
<li>Place the Binding column tube in a clean 1.5 ml tube.</li><br />
<li>Add 30μl of EL Buffer to the center of the Binding column filter, and let the column stand for 1 min.</li><br />
<li>Centrifuge for 1 min to elute.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">7. Mini-prep (Plasmid extraction)</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® plasmid mini extraction Kit – BIONEER</li><br />
</ul><br />
</br><br />
<ul style="list-style-type:none;font-size:8pt;"><br />
<li>Buffer 1 - Resuspension buffer</li><br />
<li>Buffer 2 - Lysis buffer</li><br />
<li>Buffer 3 - Neutralization buffer</li><br />
<li>Buffer 4 - Washing buffer</li><br />
<li>Buffer 5 - Elution buffer</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 250ul of Buffer 1 to the collected cells and completely resuspend by vortexing or pipetting.</li><br />
<li>Add 250ul of Buffer 2 and mix by inverting the tube 3-4 times gently.</li><br />
<li>Add 350ul of Buffer 3 and immediately mix by inverting the tube 3-4 times gently.</li><br />
<li>Centrifugation the tube at 13000rpm, 4℃ for 10min.</li><br />
<li>Transfer the cleared lysate to the DNA binding column tube and centrifuge 1min pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Add 700ul of Buffer 4 to the DNA binding column tube and centrifuge 1min. Pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Dry by additional centrifuge 1min.</li><br />
<li>Transfer the DNA binding filter column to the new 1.5mL EP tube.</li><br />
<li>Add 30ul of buffer 5 to the DNA binding filter column and wait 1min.</li><br />
<li>Elute the plasmid DNA by centrifuge 1min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<div class="accordionButton"><div id="protocol">8. Overlapping Extension PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<img id="figure" alt="materials" src="https://static.igem.org/mediawiki/2012/2/28/KAIST_8_0.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<h3>Procedure</h3></br><br />
<h4>1) Overlapping Template DNA Preparation</h4><br />
<img id="figure" alt="Overlapping Template DNA Preparation" src="https://static.igem.org/mediawiki/2012/6/66/KAIST_8_1.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
PCR amplify each DNA fragments. (Do not forget Pfu-X)<br />
</ol><br />
</br><br />
<h4>2) PCR Product purification</h4><br />
</br><br />
<ol><br />
PCR purify products.<br />
</ol><br />
</br><br />
<h4>3) OE PCR</h4><br />
<img id="figure" alt="OE PCR" src="https://static.igem.org/mediawiki/2012/7/7a/KAIST_8_2.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
Note that total amount of fragments cannot exceed 22.9uL<br />
</ol><br />
</br><br />
<h4>4) First Reaction</h4><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is determined by the longest DNA fragment.</li><br />
<li>Repeat #2 to #4, 15 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<h4>5) Second Reaction</h4><br />
<ol>Add 2uL of primers(1uL each) directly into first PCR product.<br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is that of full ligated DNA.</li><br />
<li>Repeat #2 to #4, 20 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">9. Preparation of cells for protein expression check</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<img id="figure" alt="Pro9_Mat" src="https://static.igem.org/mediawiki/2012/d/d7/KAIST_Protocol_FIg9_1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<h3>Procedure</h3><br />
</br><br />
<h4>1) Cell pre-culture</h4><br />
<ol><br />
<li>Seed 10ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 37℃ for 16hr</li><br />
</ol><br />
</br><br />
<h4>2) Induction</h4><br />
<ol><br />
<li>Seed 500ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 30℃ and 37℃ for 2hr. </li><br />
<li>When the O.D. value is between 0.4 and 0.7, put the proper inducer with the volume set for each concentration. </li><br />
</ol><br />
</br><br />
<h4>3) Sampling</h4><br />
<ol><br />
<li>1. After proper induction time, check O.D. value</li><br />
<li>2. Gather 1010 of cells and centrifuge cells at 4℃ for 15 min. </li><br />
<li>3. Remove supernatant and resuspend cells with 1ml lysis buffer.</li><br />
<li>4. Transfer the sample to the new 1.5ml ep-tube and add 1ul lysozyme.</li><br />
<li>5. Incubate on 37℃ rotor for an hour.</li><br />
<li>6. After incubation, sonicate the cell. (Pulse on 20sec, off 40sec for 5 times, 13% amplitude)</li><br />
<li>7. Centrifuge 13,000rpm for 1min</li><br />
<li>8. Separate supernatant (soluble fraction) and pellet (insoluble fraction)</li><br />
</ol></br><br />
<b>※For aerobic induction, cells were grown and induced in the clean bench. Also, for anaerobic induction, all procedures were done in anaerobic chamber.</b></br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">10. SDS PAGE</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did sodium dodecyl sulfate polyacrylamide gel electrophoresis according to cold spring harbor protocol. And Here is the link that contains Cold spring harbor protocol</br></br> <a href="http://cshprotocols.cshlp.org/content/2006/1/pdb.prot4313.full">▶▶Click here to show 'cold spring harbor protocol'</a><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">11. Gibson Assembly</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did Gibson Assembly according to 'Gibson Assembly™ Master Mix Instruction Manual' published by New England BioLabs. Here is the link to download full version of it.</br></br><br />
<a href="https://dl.dropbox.com/u/101383736/manualE2611.pdf">▶▶Click here to download full version of 'Gibson Assembly™ Master Mix Instruction Manual'</a><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
</div><br />
</div><br />
</div><br />
<script><br />
$(document).ready(function() {<br />
$('.accordionButton').click(function() {<br />
$('.accordionButton').removeClass('on');<br />
$('.accordionContent').slideUp('normal');<br />
if($(this).next().is(':hidden') == true) {<br />
$(this).addClass('on');<br />
$(this).next().slideDown('normal');<br />
} <br />
<br />
});<br />
<br />
$('.accordionContent').hide();<br />
<br />
});<br />
</script><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol
Team:KAIST Korea/Notebook Protocol
2012-09-27T03:00:22Z
<p>Tmfdl999: </p>
<hr />
<div> {{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h3<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#181818;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h4<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#585858;<br />
font-size:12pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:inherit;<br />
}<br />
<br />
#kaistcontent #figure<br />
{<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
#kaistcontent ol<br />
{<br />
list-style-type:decimal;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#arc_wrapper {<br />
width: 690px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.accordionButton { <br />
width: 690px;<br />
height:40px;<br />
background-color:transparent;<br />
background-image:url('https://static.igem.org/mediawiki/2012/3/30/Kaist_Protocol_button.png');<br />
background-repeat:no-repeat;<br />
border-bottom: 1px solid #FFFFFF;<br />
cursor: pointer;<br />
}<br />
<br />
.accordionButton #protocol {<br />
font-family: 'Open Sans', sans-serif;<br />
color:#7e7e7e;<br />
font-size: 15pt;<br />
line-height:100%;<br />
padding-left:20px;<br />
padding-top:8px;<br />
font-style:italic;<br />
<br />
}<br />
<br />
.accordionContent #top-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent #bot-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent { <br />
width: 690px;<br />
background-color: transparent;<br />
}<br />
<br />
.accordionContent #protocolcontent{ <br />
background-image:url('https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content.png');<br />
background-repeat:repeat-y;<br />
background-color:transparent;<br />
background-position:center;<br />
left:3px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 20px 30px 20px 25px;<br />
}<br />
<br />
.accordionContent #content #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/4/4b/Top_image_team_kaist.png"/><!-- 이미지 넣어야대--><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/4/4d/Note_ico.png"></img><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><img src="https://static.igem.org/mediawiki/2012/e/e0/Labnote_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2012/b/b6/Protocol_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Notebook : Protocol</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Lab Protocols</h1><br />
</div><br />
</br></br></br><br />
<div id="arc_wrapper"><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">1. LB agar plate</div></div><br />
<div class="accordionContent"><br />
<img style="margin:0 auto;float:none;"src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"></img><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" alt="materials" src="https://static.igem.org/mediawiki/2012/4/46/KAIST_Protocol1_table1.png"></img><br />
<br />
<div style="clear:both;"></div><br />
<br />
</br></br><br />
<br />
<h3>Procedure</h3> <br />
<ol><br />
<li>Add 25g LB broth and 15g agar into 1L DDW. </li><br />
<li>Autoclave</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"></img><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">2. Genomic DNA Purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" style="width:632px" alt="materials" src="https://static.igem.org/mediawiki/2012/a/ac/Protocol2_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br></br><br />
<br />
<h3>Procedure</h3></br><br />
<h4>1) Pellet Cells</h4><br />
<ol><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>2) Lyse Cells</h4><br />
<ol start="4"><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>3) Protein Precipitation</h4><br />
<ol start="7"><br />
<li>Add 200ul of Protein Precipitation Solution to the RNase-treated cell lysate. Vortex vigorously at high speed for 20seconds to mix the Protein Precipitation Solution tieh the cell lysate.</li><br />
<li>Incubate the sample on ice for 5minutes.</li><br />
<li>Centrifuge at 13,000rpm 3minutes.</li><br />
<li>Transfer the supernatant containing the DNA to a clean 1.5ml microcentrifuge tube. </li><br />
<span style="padding:none">Note: Some supernatant may remain in the original tube containing the protein pellet. Leave this residual liquid in the tube to avoid contaminating the DNA solution with the precipitated protein.</span> <br />
<li>Add 600ul isopropanol.</li><br />
<li>Gently mix by inversion until the thread-like strands of DNA form a visible mass.</li><br />
<li>Centrifuge at 13000rpm for 2minutes.</li><br />
<li>Carefully pour off the supernatant. </li><br />
<li>Add 600ul of room temperature 70% ethanol and gently invert the tube 5 times to wash the DNA pellet. </li><br />
<li>Centrifuge at 13000rpm for 2minutes. Carefully aspirate the ethanol. </li><br />
<li>Drain the tube on clean absorbent paper and allow the pellet to air-dry for 10-14minutes. </li><br />
<li>Add 50~100 μl TE buffer and rehydrate the DNA by incubating at 65℃ for 20min. Periodically mix the solution by gently tapping the tube. Alternatively, rehydrate the DNA by incubationg the solution overnight at room temperature or at 4℃.</li><br />
</ol><br />
</br><br />
<div align = 'center'><br />
<img id="figure" alt="TE buffer" src="https://static.igem.org/mediawiki/2012/d/df/KAIST_Protocol2_table2.png"></img><br />
<div style="clear:both;"></div><br />
</div><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">3. Vector transformation</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3></br><br />
<h4>1) Restriction enzyme digestion</h4><br />
<img id="figure" alt="Restriction enzyme digestion" src="https://static.igem.org/mediawiki/2012/2/27/Kaist_protocol3_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 2hr at 37℃.</li><br />
<li>Inactivation 20min at 65℃.</li><br />
</ol><br />
</br><br />
<h4>2) Dephosphorylation (Only for vector)</h4><br />
<img id="figure" alt="Dephosphorylation (Only for vector)" src="https://static.igem.org/mediawiki/2012/2/2d/Kaist_protocol3_table2.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 30min at 37℃.</li><br />
<li>Inactivation 5min at 70℃.</li><br />
</ol><br />
</br><br />
<h4>3) Ligation</h4><br />
<img id="figure" alt="Ligation" src="https://static.igem.org/mediawiki/2012/3/31/Kaist_protocol3_table3.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 16hr at 16℃.</li><br />
</ol><br />
</br><br />
<h4>4) Transformation</h4><br />
<ol><br />
<li>Add 20ul ligated vector into 100ul of competent cell.</li><br />
<li>Incubate ice 5min.</li><br />
<li>Heat shock 42℃, 1min 30sec.</li><br />
<li>Ice 5min.</li><br />
<li>Recovery with 700ul LB at 37℃, 1hr.</li><br />
<li>Plating.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">4. PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3><br />
<img id="figure" alt="PCR" src="https://static.igem.org/mediawiki/2012/0/02/Kaist_protocol4_table1.png"></img><br />
</br></br><br />
<h3>Reaction Conditions</h3><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">5. Gel extraction</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>MGTM Gel Extraction SV - Macrogen</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Excise the DNA band of interest using an ethanol-cleaned razor blade.</li><br />
<li>Weigh the gel slice in a microcentrifuge tube. Add 3 volumes (ul) of Buffer GB to 1 volume (mg) of gel.</li><br />
<li>Incubate at 50°C until the agarose gel is completely melted (5 ~ 10 min).</li><br />
<li>Transfer the mixture to a MGTM SV column. Centrifuge for 1 min. Discard the pass-through and re-insert the MGTM SV column into the Collection Tube.</li><br />
<li>Add 700 ul of Buffer NW to the MGTM SV column. Centrifuge for 30 sec. Discard the pass-through. Reinsert the MGTM SV column into the Collection Tube.</li><br />
<li>Centrifuge for additional 1 min to remove residual wash buffer. Transfer the MGTM SV column to a new 1.5 ml tube.</li><br />
<li>Apply 30ul of Buffer EB to the center of the membrane in the MGTM SV column, let stand for 1 min, and centrifuge for 1 min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">6. PCR purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® PCR Purification Kit - BIONEER</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 5 volumes of PB Buffer to 1 volume of the PCR reaction.</li><br />
<li>Apply the sample to the Binding column tube to bind DNA.</li><br />
<li>Centrifuge for 30-60 sec to make the sample pass through the Binding column tube.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube.</li><br />
<li>Add 500μl of WB Buffer to the Binding column tube and centrifuge for 30-60 sec to wash.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube again.</li><br />
<li>Centrifuge the Binding column tube for an additional 1min for drying.</li><br />
<li>Place the Binding column tube in a clean 1.5 ml tube.</li><br />
<li>Add 30μl of EL Buffer to the center of the Binding column filter, and let the column stand for 1 min.</li><br />
<li>Centrifuge for 1 min to elute.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">7. Mini-prep (Plasmid extraction)</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® plasmid mini extraction Kit – BIONEER</li><br />
</ul><br />
</br><br />
<ul style="list-style-type:none;font-size:8pt;"><br />
<li>Buffer 1 - Resuspension buffer</li><br />
<li>Buffer 2 - Lysis buffer</li><br />
<li>Buffer 3 - Neutralization buffer</li><br />
<li>Buffer 4 - Washing buffer</li><br />
<li>Buffer 5 - Elution buffer</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 250ul of Buffer 1 to the collected cells and completely resuspend by vortexing or pipetting.</li><br />
<li>Add 250ul of Buffer 2 and mix by inverting the tube 3-4 times gently.</li><br />
<li>Add 350ul of Buffer 3 and immediately mix by inverting the tube 3-4 times gently.</li><br />
<li>Centrifugation the tube at 13000rpm, 4℃ for 10min.</li><br />
<li>Transfer the cleared lysate to the DNA binding column tube and centrifuge 1min pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Add 700ul of Buffer 4 to the DNA binding column tube and centrifuge 1min. Pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Dry by additional centrifuge 1min.</li><br />
<li>Transfer the DNA binding filter column to the new 1.5mL EP tube.</li><br />
<li>Add 30ul of buffer 5 to the DNA binding filter column and wait 1min.</li><br />
<li>Elute the plasmid DNA by centrifuge 1min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<div class="accordionButton"><div id="protocol">8. Overlapping Extension PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<img id="figure" alt="materials" src="https://static.igem.org/mediawiki/2012/2/28/KAIST_8_0.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<h3>Procedure</h3><br />
<h4>1) Overlapping Template DNA Preparation</h4><br />
<img id="figure" alt="Overlapping Template DNA Preparation" src="https://static.igem.org/mediawiki/2012/6/66/KAIST_8_1.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
PCR amplify each DNA fragments. (Do not forget Pfu-X)<br />
</ol><br />
</br><br />
<h4>2) PCR Product purification</h4><br />
</br><br />
<ol><br />
PCR purify products.<br />
</ol><br />
</br><br />
<h4>3) OE PCR</h4><br />
<img id="figure" alt="OE PCR" src="https://static.igem.org/mediawiki/2012/7/7a/KAIST_8_2.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
Note that total amount of fragments cannot exceed 22.9uL<br />
</ol><br />
</br><br />
<h4>4) First Reaction</h4><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is determined by the longest DNA fragment.</li><br />
<li>Repeat #2 to #4, 15 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<h4>5) Second Reaction</h4><br />
<ol>Add 2uL of primers(1uL each) directly into first PCR product.<br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is that of full ligated DNA.</li><br />
<li>Repeat #2 to #4, 20 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">9. Preparation of cells for protein expression check</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<img id="figure" alt="Pro9_Mat" src="https://static.igem.org/mediawiki/2012/d/d7/KAIST_Protocol_FIg9_1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<h3>Procedure</h3><br />
</br><br />
<h4>1) Cell pre-culture</h4><br />
<ol><br />
<li>Seed 10ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 37℃ for 16hr</li><br />
</ol><br />
</br><br />
<h4>2) Induction</h4><br />
<ol><br />
<li>Seed 500ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 30℃ and 37℃ for 2hr. </li><br />
<li>When the O.D. value is between 0.4 and 0.7, put the proper inducer with the volume set for each concentration. </li><br />
</ol><br />
</br><br />
<h4>3) Sampling</h4><br />
<ol><br />
<li>1. After proper induction time, check O.D. value</li><br />
<li>2. Gather 1010 of cells and centrifuge cells at 4℃ for 15 min. </li><br />
<li>3. Remove supernatant and resuspend cells with 1ml lysis buffer.</li><br />
<li>4. Transfer the sample to the new 1.5ml ep-tube and add 1ul lysozyme.</li><br />
<li>5. Incubate on 37℃ rotor for an hour.</li><br />
<li>6. After incubation, sonicate the cell. (Pulse on 20sec, off 40sec for 5 times, 13% amplitude)</li><br />
<li>7. Centrifuge 13,000rpm for 1min</li><br />
<li>8. Separate supernatant (soluble fraction) and pellet (insoluble fraction)</li><br />
</ol></br><br />
<b>※For aerobic induction, cells were grown and induced in the clean bench. Also, for anaerobic induction, all procedures were done in anaerobic chamber.</b></br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">10. SDS PAGE</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did sodium dodecyl sulfate polyacrylamide gel electrophoresis according to cold spring harbor protocol. And Here is the link that contains Cold spring harbor protocol</br></br> <a href="http://cshprotocols.cshlp.org/content/2006/1/pdb.prot4313.full">▶▶Click here to show 'cold spring harbor protocol'</a><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">11. Gibson Assembly</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did Gibson Assembly according to 'Gibson Assembly™ Master Mix Instruction Manual' published by New England BioLabs. Here is the link to download full version of it.</br></br><br />
<a href="https://dl.dropbox.com/u/101383736/manualE2611.pdf">▶▶Click here to download full version of 'Gibson Assembly™ Master Mix Instruction Manual'</a><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
</div><br />
</div><br />
</div><br />
<script><br />
$(document).ready(function() {<br />
$('.accordionButton').click(function() {<br />
$('.accordionButton').removeClass('on');<br />
$('.accordionContent').slideUp('normal');<br />
if($(this).next().is(':hidden') == true) {<br />
$(this).addClass('on');<br />
$(this).next().slideDown('normal');<br />
} <br />
<br />
});<br />
<br />
$('.accordionContent').hide();<br />
<br />
});<br />
</script><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/File:KAIST_8_0.PNG
File:KAIST 8 0.PNG
2012-09-27T02:58:27Z
<p>Tmfdl999: </p>
<hr />
<div></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol
Team:KAIST Korea/Notebook Protocol
2012-09-27T02:56:55Z
<p>Tmfdl999: </p>
<hr />
<div> {{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h3<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#181818;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h4<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#585858;<br />
font-size:12pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:inherit;<br />
}<br />
<br />
#kaistcontent #figure<br />
{<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
#kaistcontent ol<br />
{<br />
list-style-type:decimal;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#arc_wrapper {<br />
width: 690px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.accordionButton { <br />
width: 690px;<br />
height:40px;<br />
background-color:transparent;<br />
background-image:url('https://static.igem.org/mediawiki/2012/3/30/Kaist_Protocol_button.png');<br />
background-repeat:no-repeat;<br />
border-bottom: 1px solid #FFFFFF;<br />
cursor: pointer;<br />
}<br />
<br />
.accordionButton #protocol {<br />
font-family: 'Open Sans', sans-serif;<br />
color:#7e7e7e;<br />
font-size: 15pt;<br />
line-height:100%;<br />
padding-left:20px;<br />
padding-top:8px;<br />
font-style:italic;<br />
<br />
}<br />
<br />
.accordionContent #top-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent #bot-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent { <br />
width: 690px;<br />
background-color: transparent;<br />
}<br />
<br />
.accordionContent #protocolcontent{ <br />
background-image:url('https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content.png');<br />
background-repeat:repeat-y;<br />
background-color:transparent;<br />
background-position:center;<br />
left:3px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 20px 30px 20px 25px;<br />
}<br />
<br />
.accordionContent #content #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/4/4b/Top_image_team_kaist.png"/><!-- 이미지 넣어야대--><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/4/4d/Note_ico.png"></img><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><img src="https://static.igem.org/mediawiki/2012/e/e0/Labnote_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2012/b/b6/Protocol_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Notebook : Protocol</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Lab Protocols</h1><br />
</div><br />
</br></br></br><br />
<div id="arc_wrapper"><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">1. LB agar plate</div></div><br />
<div class="accordionContent"><br />
<img style="margin:0 auto;float:none;"src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"></img><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" alt="materials" src="https://static.igem.org/mediawiki/2012/4/46/KAIST_Protocol1_table1.png"></img><br />
<br />
<div style="clear:both;"></div><br />
<br />
</br></br><br />
<br />
<h3>Procedure</h3> <br />
<ol><br />
<li>Add 25g LB broth and 15g agar into 1L DDW. </li><br />
<li>Autoclave</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"></img><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">2. Genomic DNA Purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" style="width:632px" alt="materials" src="https://static.igem.org/mediawiki/2012/a/ac/Protocol2_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br></br><br />
<br />
<h3>Procedure</h3></br><br />
<h4>1) Pellet Cells</h4><br />
<ol><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>2) Lyse Cells</h4><br />
<ol start="4"><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>3) Protein Precipitation</h4><br />
<ol start="7"><br />
<li>Add 200ul of Protein Precipitation Solution to the RNase-treated cell lysate. Vortex vigorously at high speed for 20seconds to mix the Protein Precipitation Solution tieh the cell lysate.</li><br />
<li>Incubate the sample on ice for 5minutes.</li><br />
<li>Centrifuge at 13,000rpm 3minutes.</li><br />
<li>Transfer the supernatant containing the DNA to a clean 1.5ml microcentrifuge tube. </li><br />
<span style="padding:none">Note: Some supernatant may remain in the original tube containing the protein pellet. Leave this residual liquid in the tube to avoid contaminating the DNA solution with the precipitated protein.</span> <br />
<li>Add 600ul isopropanol.</li><br />
<li>Gently mix by inversion until the thread-like strands of DNA form a visible mass.</li><br />
<li>Centrifuge at 13000rpm for 2minutes.</li><br />
<li>Carefully pour off the supernatant. </li><br />
<li>Add 600ul of room temperature 70% ethanol and gently invert the tube 5 times to wash the DNA pellet. </li><br />
<li>Centrifuge at 13000rpm for 2minutes. Carefully aspirate the ethanol. </li><br />
<li>Drain the tube on clean absorbent paper and allow the pellet to air-dry for 10-14minutes. </li><br />
<li>Add 50~100 μl TE buffer and rehydrate the DNA by incubating at 65℃ for 20min. Periodically mix the solution by gently tapping the tube. Alternatively, rehydrate the DNA by incubationg the solution overnight at room temperature or at 4℃.</li><br />
</ol><br />
</br><br />
<div align = 'center'><br />
<img id="figure" alt="TE buffer" src="https://static.igem.org/mediawiki/2012/d/df/KAIST_Protocol2_table2.png"></img><br />
<div style="clear:both;"></div><br />
</div><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">3. Vector transformation</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3></br><br />
<h4>1) Restriction enzyme digestion</h4><br />
<img id="figure" alt="Restriction enzyme digestion" src="https://static.igem.org/mediawiki/2012/2/27/Kaist_protocol3_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 2hr at 37℃.</li><br />
<li>Inactivation 20min at 65℃.</li><br />
</ol><br />
</br><br />
<h4>2) Dephosphorylation (Only for vector)</h4><br />
<img id="figure" alt="Dephosphorylation (Only for vector)" src="https://static.igem.org/mediawiki/2012/2/2d/Kaist_protocol3_table2.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 30min at 37℃.</li><br />
<li>Inactivation 5min at 70℃.</li><br />
</ol><br />
</br><br />
<h4>3) Ligation</h4><br />
<img id="figure" alt="Ligation" src="https://static.igem.org/mediawiki/2012/3/31/Kaist_protocol3_table3.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 16hr at 16℃.</li><br />
</ol><br />
</br><br />
<h4>4) Transformation</h4><br />
<ol><br />
<li>Add 20ul ligated vector into 100ul of competent cell.</li><br />
<li>Incubate ice 5min.</li><br />
<li>Heat shock 42℃, 1min 30sec.</li><br />
<li>Ice 5min.</li><br />
<li>Recovery with 700ul LB at 37℃, 1hr.</li><br />
<li>Plating.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">4. PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3><br />
<img id="figure" alt="PCR" src="https://static.igem.org/mediawiki/2012/0/02/Kaist_protocol4_table1.png"></img><br />
</br></br><br />
<h3>Reaction Conditions</h3><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">5. Gel extraction</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>MGTM Gel Extraction SV - Macrogen</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Excise the DNA band of interest using an ethanol-cleaned razor blade.</li><br />
<li>Weigh the gel slice in a microcentrifuge tube. Add 3 volumes (ul) of Buffer GB to 1 volume (mg) of gel.</li><br />
<li>Incubate at 50°C until the agarose gel is completely melted (5 ~ 10 min).</li><br />
<li>Transfer the mixture to a MGTM SV column. Centrifuge for 1 min. Discard the pass-through and re-insert the MGTM SV column into the Collection Tube.</li><br />
<li>Add 700 ul of Buffer NW to the MGTM SV column. Centrifuge for 30 sec. Discard the pass-through. Reinsert the MGTM SV column into the Collection Tube.</li><br />
<li>Centrifuge for additional 1 min to remove residual wash buffer. Transfer the MGTM SV column to a new 1.5 ml tube.</li><br />
<li>Apply 30ul of Buffer EB to the center of the membrane in the MGTM SV column, let stand for 1 min, and centrifuge for 1 min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">6. PCR purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® PCR Purification Kit - BIONEER</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 5 volumes of PB Buffer to 1 volume of the PCR reaction.</li><br />
<li>Apply the sample to the Binding column tube to bind DNA.</li><br />
<li>Centrifuge for 30-60 sec to make the sample pass through the Binding column tube.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube.</li><br />
<li>Add 500μl of WB Buffer to the Binding column tube and centrifuge for 30-60 sec to wash.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube again.</li><br />
<li>Centrifuge the Binding column tube for an additional 1min for drying.</li><br />
<li>Place the Binding column tube in a clean 1.5 ml tube.</li><br />
<li>Add 30μl of EL Buffer to the center of the Binding column filter, and let the column stand for 1 min.</li><br />
<li>Centrifuge for 1 min to elute.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">7. Mini-prep (Plasmid extraction)</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® plasmid mini extraction Kit – BIONEER</li><br />
</ul><br />
</br><br />
<ul style="list-style-type:none;font-size:8pt;"><br />
<li>Buffer 1 - Resuspension buffer</li><br />
<li>Buffer 2 - Lysis buffer</li><br />
<li>Buffer 3 - Neutralization buffer</li><br />
<li>Buffer 4 - Washing buffer</li><br />
<li>Buffer 5 - Elution buffer</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 250ul of Buffer 1 to the collected cells and completely resuspend by vortexing or pipetting.</li><br />
<li>Add 250ul of Buffer 2 and mix by inverting the tube 3-4 times gently.</li><br />
<li>Add 350ul of Buffer 3 and immediately mix by inverting the tube 3-4 times gently.</li><br />
<li>Centrifugation the tube at 13000rpm, 4℃ for 10min.</li><br />
<li>Transfer the cleared lysate to the DNA binding column tube and centrifuge 1min pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Add 700ul of Buffer 4 to the DNA binding column tube and centrifuge 1min. Pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Dry by additional centrifuge 1min.</li><br />
<li>Transfer the DNA binding filter column to the new 1.5mL EP tube.</li><br />
<li>Add 30ul of buffer 5 to the DNA binding filter column and wait 1min.</li><br />
<li>Elute the plasmid DNA by centrifuge 1min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<div class="accordionButton"><div id="protocol">8. Overlapping Extension PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
</br><br />
<h3>Procedure</h3><br />
<h4>1) Overlapping Template DNA Preparation</h4><br />
<img id="figure" alt="Overlapping Template DNA Preparation" src="https://static.igem.org/mediawiki/2012/6/66/KAIST_8_1.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
PCR amplify each DNA fragments. (Do not forget Pfu-X)<br />
</ol><br />
</br><br />
<h4>2) PCR Product purification</h4><br />
</br><br />
<ol><br />
PCR purify products.<br />
</ol><br />
</br><br />
<h4>3) OE PCR</h4><br />
<img id="figure" alt="OE PCR" src="https://static.igem.org/mediawiki/2012/7/7a/KAIST_8_2.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
Note that total amount of fragments cannot exceed 22.9uL<br />
</ol><br />
</br><br />
<h4>4) First Reaction</h4><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is determined by the longest DNA fragment.</li><br />
<li>Repeat #2 to #4, 15 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<h4>5) Second Reaction</h4><br />
<ol>Add 2uL of primers(1uL each) directly into first PCR product.<br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is that of full ligated DNA.</li><br />
<li>Repeat #2 to #4, 20 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">9. Preparation of cells for protein expression check</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<img id="figure" alt="Pro9_Mat" src="https://static.igem.org/mediawiki/2012/d/d7/KAIST_Protocol_FIg9_1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<h3>Procedure</h3><br />
</br><br />
<h4>1) Cell pre-culture</h4><br />
<ol><br />
<li>Seed 10ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 37℃ for 16hr</li><br />
</ol><br />
</br><br />
<h4>2) Induction</h4><br />
<ol><br />
<li>Seed 500ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 30℃ and 37℃ for 2hr. </li><br />
<li>When the O.D. value is between 0.4 and 0.7, put the proper inducer with the volume set for each concentration. </li><br />
</ol><br />
</br><br />
<h4>3) Sampling</h4><br />
<ol><br />
<li>1. After proper induction time, check O.D. value</li><br />
<li>2. Gather 1010 of cells and centrifuge cells at 4℃ for 15 min. </li><br />
<li>3. Remove supernatant and resuspend cells with 1ml lysis buffer.</li><br />
<li>4. Transfer the sample to the new 1.5ml ep-tube and add 1ul lysozyme.</li><br />
<li>5. Incubate on 37℃ rotor for an hour.</li><br />
<li>6. After incubation, sonicate the cell. (Pulse on 20sec, off 40sec for 5 times, 13% amplitude)</li><br />
<li>7. Centrifuge 13,000rpm for 1min</li><br />
<li>8. Separate supernatant (soluble fraction) and pellet (insoluble fraction)</li><br />
</ol></br><br />
<b>※For aerobic induction, cells were grown and induced in the clean bench. Also, for anaerobic induction, all procedures were done in anaerobic chamber.</b></br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">10. SDS PAGE</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did sodium dodecyl sulfate polyacrylamide gel electrophoresis according to cold spring harbor protocol. And Here is the link that contains Cold spring harbor protocol</br></br> <a href="http://cshprotocols.cshlp.org/content/2006/1/pdb.prot4313.full">▶▶Click here to show 'cold spring harbor protocol'</a><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">11. Gibson Assembly</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did Gibson Assembly according to 'Gibson Assembly™ Master Mix Instruction Manual' published by New England BioLabs. Here is the link to download full version of it.</br></br><br />
<a href="https://dl.dropbox.com/u/101383736/manualE2611.pdf">▶▶Click here to download full version of 'Gibson Assembly™ Master Mix Instruction Manual'</a><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
</div><br />
</div><br />
</div><br />
<script><br />
$(document).ready(function() {<br />
$('.accordionButton').click(function() {<br />
$('.accordionButton').removeClass('on');<br />
$('.accordionContent').slideUp('normal');<br />
if($(this).next().is(':hidden') == true) {<br />
$(this).addClass('on');<br />
$(this).next().slideDown('normal');<br />
} <br />
<br />
});<br />
<br />
$('.accordionContent').hide();<br />
<br />
});<br />
</script><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol
Team:KAIST Korea/Notebook Protocol
2012-09-27T02:56:09Z
<p>Tmfdl999: </p>
<hr />
<div> {{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h3<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#181818;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent h4<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#585858;<br />
font-size:12pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:inherit;<br />
}<br />
<br />
#kaistcontent #figure<br />
{<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
#kaistcontent ol<br />
{<br />
list-style-type:decimal;<br />
padding: 0px 0px 0px 30px;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#arc_wrapper {<br />
width: 690px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.accordionButton { <br />
width: 690px;<br />
height:40px;<br />
background-color:transparent;<br />
background-image:url('https://static.igem.org/mediawiki/2012/3/30/Kaist_Protocol_button.png');<br />
background-repeat:no-repeat;<br />
border-bottom: 1px solid #FFFFFF;<br />
cursor: pointer;<br />
}<br />
<br />
.accordionButton #protocol {<br />
font-family: 'Open Sans', sans-serif;<br />
color:#7e7e7e;<br />
font-size: 15pt;<br />
line-height:100%;<br />
padding-left:20px;<br />
padding-top:8px;<br />
font-style:italic;<br />
<br />
}<br />
<br />
.accordionContent #top-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent #bot-part{<br />
width:690px;<br />
background-color:transparent;<br />
}<br />
<br />
.accordionContent { <br />
width: 690px;<br />
background-color: transparent;<br />
}<br />
<br />
.accordionContent #protocolcontent{ <br />
background-image:url('https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content.png');<br />
background-repeat:repeat-y;<br />
background-color:transparent;<br />
background-position:center;<br />
left:3px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 20px 30px 20px 25px;<br />
}<br />
<br />
.accordionContent #content #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/4/4b/Top_image_team_kaist.png"/><!-- 이미지 넣어야대--><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/4/4d/Note_ico.png"></img><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"><img src="https://static.igem.org/mediawiki/2012/e/e0/Labnote_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2012/b/b6/Protocol_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Notebook : Protocol</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Lab Protocols</h1><br />
</div><br />
</br></br></br><br />
<div id="arc_wrapper"><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">1. LB agar plate</div></div><br />
<div class="accordionContent"><br />
<img style="margin:0 auto;float:none;"src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"></img><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" alt="materials" src="https://static.igem.org/mediawiki/2012/4/46/KAIST_Protocol1_table1.png"></img><br />
<br />
<div style="clear:both;"></div><br />
<br />
</br></br><br />
<br />
<h3>Procedure</h3> <br />
<ol><br />
<li>Add 25g LB broth and 15g agar into 1L DDW. </li><br />
<li>Autoclave</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"></img><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">2. Genomic DNA Purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<br />
<img id="figure" style="width:632px" alt="materials" src="https://static.igem.org/mediawiki/2012/a/ac/Protocol2_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br></br><br />
<br />
<h3>Procedure</h3></br><br />
<h4>1) Pellet Cells</h4><br />
<ol><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>2) Lyse Cells</h4><br />
<ol start="4"><br />
<li>Add 1ml of an overnight culture to a 1.5ml microcentrifuge tube.</li><br />
<li>Centrifuge at 13000 rpm for 2.5minutes to pellet the cells.</li><br />
<li>Remove the supernatant.</li><br />
</ol><br />
</br><br />
<h4>3) Protein Precipitation</h4><br />
<ol start="7"><br />
<li>Add 200ul of Protein Precipitation Solution to the RNase-treated cell lysate. Vortex vigorously at high speed for 20seconds to mix the Protein Precipitation Solution tieh the cell lysate.</li><br />
<li>Incubate the sample on ice for 5minutes.</li><br />
<li>Centrifuge at 13,000rpm 3minutes.</li><br />
<li>Transfer the supernatant containing the DNA to a clean 1.5ml microcentrifuge tube. </li><br />
<span style="padding:none">Note: Some supernatant may remain in the original tube containing the protein pellet. Leave this residual liquid in the tube to avoid contaminating the DNA solution with the precipitated protein.</span> <br />
<li>Add 600ul isopropanol.</li><br />
<li>Gently mix by inversion until the thread-like strands of DNA form a visible mass.</li><br />
<li>Centrifuge at 13000rpm for 2minutes.</li><br />
<li>Carefully pour off the supernatant. </li><br />
<li>Add 600ul of room temperature 70% ethanol and gently invert the tube 5 times to wash the DNA pellet. </li><br />
<li>Centrifuge at 13000rpm for 2minutes. Carefully aspirate the ethanol. </li><br />
<li>Drain the tube on clean absorbent paper and allow the pellet to air-dry for 10-14minutes. </li><br />
<li>Add 50~100 μl TE buffer and rehydrate the DNA by incubating at 65℃ for 20min. Periodically mix the solution by gently tapping the tube. Alternatively, rehydrate the DNA by incubationg the solution overnight at room temperature or at 4℃.</li><br />
</ol><br />
</br><br />
<div align = 'center'><br />
<img id="figure" alt="TE buffer" src="https://static.igem.org/mediawiki/2012/d/df/KAIST_Protocol2_table2.png"></img><br />
<div style="clear:both;"></div><br />
</div><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">3. Vector transformation</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3></br><br />
<h4>1) Restriction enzyme digestion</h4><br />
<img id="figure" alt="Restriction enzyme digestion" src="https://static.igem.org/mediawiki/2012/2/27/Kaist_protocol3_table1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 2hr at 37℃.</li><br />
<li>Inactivation 20min at 65℃.</li><br />
</ol><br />
</br><br />
<h4>2) Dephosphorylation (Only for vector)</h4><br />
<img id="figure" alt="Dephosphorylation (Only for vector)" src="https://static.igem.org/mediawiki/2012/2/2d/Kaist_protocol3_table2.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 30min at 37℃.</li><br />
<li>Inactivation 5min at 70℃.</li><br />
</ol><br />
</br><br />
<h4>3) Ligation</h4><br />
<img id="figure" alt="Ligation" src="https://static.igem.org/mediawiki/2012/3/31/Kaist_protocol3_table3.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Incubate 16hr at 16℃.</li><br />
</ol><br />
</br><br />
<h4>4) Transformation</h4><br />
<ol><br />
<li>Add 20ul ligated vector into 100ul of competent cell.</li><br />
<li>Incubate ice 5min.</li><br />
<li>Heat shock 42℃, 1min 30sec.</li><br />
<li>Ice 5min.</li><br />
<li>Recovery with 700ul LB at 37℃, 1hr.</li><br />
<li>Plating.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">4. PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Procedure</h3><br />
<img id="figure" alt="PCR" src="https://static.igem.org/mediawiki/2012/0/02/Kaist_protocol4_table1.png"></img><br />
</br></br><br />
<h3>Reaction Conditions</h3><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">5. Gel extraction</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>MGTM Gel Extraction SV - Macrogen</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Excise the DNA band of interest using an ethanol-cleaned razor blade.</li><br />
<li>Weigh the gel slice in a microcentrifuge tube. Add 3 volumes (ul) of Buffer GB to 1 volume (mg) of gel.</li><br />
<li>Incubate at 50°C until the agarose gel is completely melted (5 ~ 10 min).</li><br />
<li>Transfer the mixture to a MGTM SV column. Centrifuge for 1 min. Discard the pass-through and re-insert the MGTM SV column into the Collection Tube.</li><br />
<li>Add 700 ul of Buffer NW to the MGTM SV column. Centrifuge for 30 sec. Discard the pass-through. Reinsert the MGTM SV column into the Collection Tube.</li><br />
<li>Centrifuge for additional 1 min to remove residual wash buffer. Transfer the MGTM SV column to a new 1.5 ml tube.</li><br />
<li>Apply 30ul of Buffer EB to the center of the membrane in the MGTM SV column, let stand for 1 min, and centrifuge for 1 min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">6. PCR purification</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® PCR Purification Kit - BIONEER</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 5 volumes of PB Buffer to 1 volume of the PCR reaction.</li><br />
<li>Apply the sample to the Binding column tube to bind DNA.</li><br />
<li>Centrifuge for 30-60 sec to make the sample pass through the Binding column tube.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube.</li><br />
<li>Add 500μl of WB Buffer to the Binding column tube and centrifuge for 30-60 sec to wash.</li><br />
<li>Discard flow-through and place the Binding column tube in the same tube again.</li><br />
<li>Centrifuge the Binding column tube for an additional 1min for drying.</li><br />
<li>Place the Binding column tube in a clean 1.5 ml tube.</li><br />
<li>Add 30μl of EL Buffer to the center of the Binding column filter, and let the column stand for 1 min.</li><br />
<li>Centrifuge for 1 min to elute.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<br />
<div class="accordionButton"><div id="protocol">7. Mini-prep (Plasmid extraction)</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<ul><br />
<li>AccuPrep® plasmid mini extraction Kit – BIONEER</li><br />
</ul><br />
</br><br />
<ul style="list-style-type:none;font-size:8pt;"><br />
<li>Buffer 1 - Resuspension buffer</li><br />
<li>Buffer 2 - Lysis buffer</li><br />
<li>Buffer 3 - Neutralization buffer</li><br />
<li>Buffer 4 - Washing buffer</li><br />
<li>Buffer 5 - Elution buffer</li><br />
</ul><br />
</br><br />
<h3>Procedure</h3><br />
<ol><br />
<li>Add 250ul of Buffer 1 to the collected cells and completely resuspend by vortexing or pipetting.</li><br />
<li>Add 250ul of Buffer 2 and mix by inverting the tube 3-4 times gently.</li><br />
<li>Add 350ul of Buffer 3 and immediately mix by inverting the tube 3-4 times gently.</li><br />
<li>Centrifugation the tube at 13000rpm, 4℃ for 10min.</li><br />
<li>Transfer the cleared lysate to the DNA binding column tube and centrifuge 1min pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Add 700ul of Buffer 4 to the DNA binding column tube and centrifuge 1min. Pour off the flow-through and re-assemble the DNA binding filter column with the 2mL collection tube.</li><br />
<li>Dry by additional centrifuge 1min.</li><br />
<li>Transfer the DNA binding filter column to the new 1.5mL EP tube.</li><br />
<li>Add 30ul of buffer 5 to the DNA binding filter column and wait 1min.</li><br />
<li>Elute the plasmid DNA by centrifuge 1min.</li><br />
</ol><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<div class="accordionButton"><div id="protocol">8. Overlapping Extension PCR</div></div><br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
</br><br />
<h3>Procedure</h3><br />
<h4>1) Overlapping Template DNA Preparation</h4><br />
<img id="figure" alt="Overlapping Template DNA Preparation" src="https://static.igem.org/mediawiki/2012/6/66/KAIST_8_1.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>PCR amplify each DNA fragments. (Do not forget Pfu-X)</li><br />
</ol><br />
</br><br />
<h4>2) PCR Product purification</h4><br />
</br><br />
<ol><br />
<li>PCR purify products.</li><br />
</ol><br />
</br><br />
<h4>3) OE PCR</h4><br />
<img id="figure" alt="OE PCR" src="https://static.igem.org/mediawiki/2012/7/7a/KAIST_8_2.PNG"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<ol><br />
<li>Note that total amount of fragments cannot exceed 22.9uL</li><br />
</ol><br />
</br><br />
<h4>4) First Reaction</h4><br />
<ol><br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is determined by the longest DNA fragment.</li><br />
<li>Repeat #2 to #4, 15 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<h4>5) Second Reaction</h4><br />
<ol>Add 2uL of primers(1uL each) directly into first PCR product.<br />
<li>95℃ 3min</li><br />
<li>95℃ 30sec</li><br />
<li>54℃ 30sec</li><br />
<li>72℃ 1min/kbp → Elongation time is that of full ligated DNA.</li><br />
<li>Repeat #2 to #4, 20 cycles.</li><br />
<li>72℃ 10min</li><br />
<li>12℃ ∞</li><br />
</ol><br />
</br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">9. Preparation of cells for protein expression check</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
<h3>Materials</h3><br />
<img id="figure" alt="Pro9_Mat" src="https://static.igem.org/mediawiki/2012/d/d7/KAIST_Protocol_FIg9_1.png"></img><br />
<div style="clear:both;"></div><br />
</br><br />
<h3>Procedure</h3><br />
</br><br />
<h4>1) Cell pre-culture</h4><br />
<ol><br />
<li>Seed 10ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 37℃ for 16hr</li><br />
</ol><br />
</br><br />
<h4>2) Induction</h4><br />
<ol><br />
<li>Seed 500ul of cells to 3mL of LB (1% of appropriate antibiotics)</li><br />
<li>Culture at 30℃ and 37℃ for 2hr. </li><br />
<li>When the O.D. value is between 0.4 and 0.7, put the proper inducer with the volume set for each concentration. </li><br />
</ol><br />
</br><br />
<h4>3) Sampling</h4><br />
<ol><br />
<li>1. After proper induction time, check O.D. value</li><br />
<li>2. Gather 1010 of cells and centrifuge cells at 4℃ for 15 min. </li><br />
<li>3. Remove supernatant and resuspend cells with 1ml lysis buffer.</li><br />
<li>4. Transfer the sample to the new 1.5ml ep-tube and add 1ul lysozyme.</li><br />
<li>5. Incubate on 37℃ rotor for an hour.</li><br />
<li>6. After incubation, sonicate the cell. (Pulse on 20sec, off 40sec for 5 times, 13% amplitude)</li><br />
<li>7. Centrifuge 13,000rpm for 1min</li><br />
<li>8. Separate supernatant (soluble fraction) and pellet (insoluble fraction)</li><br />
</ol></br><br />
<b>※For aerobic induction, cells were grown and induced in the clean bench. Also, for anaerobic induction, all procedures were done in anaerobic chamber.</b></br><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">10. SDS PAGE</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did sodium dodecyl sulfate polyacrylamide gel electrophoresis according to cold spring harbor protocol. And Here is the link that contains Cold spring harbor protocol</br></br> <a href="http://cshprotocols.cshlp.org/content/2006/1/pdb.prot4313.full">▶▶Click here to show 'cold spring harbor protocol'</a><br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
<div class="accordionButton"><div id="protocol">11. Gibson Assembly</div></div><br />
<br />
<div class="accordionContent"><br />
<img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/><br />
<div id="protocolcontent"><br />
We did Gibson Assembly according to 'Gibson Assembly™ Master Mix Instruction Manual' published by New England BioLabs. Here is the link to download full version of it.</br></br><br />
<a href="https://dl.dropbox.com/u/101383736/manualE2611.pdf">▶▶Click here to download full version of 'Gibson Assembly™ Master Mix Instruction Manual'</a><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/><br />
</div><br />
<br />
</div><br />
</div><br />
</div><br />
<script><br />
$(document).ready(function() {<br />
$('.accordionButton').click(function() {<br />
$('.accordionButton').removeClass('on');<br />
$('.accordionContent').slideUp('normal');<br />
if($(this).next().is(':hidden') == true) {<br />
$(this).addClass('on');<br />
$(this).next().slideDown('normal');<br />
} <br />
<br />
});<br />
<br />
$('.accordionContent').hide();<br />
<br />
});<br />
</script><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/File:KAIST_8_2.PNG
File:KAIST 8 2.PNG
2012-09-27T02:51:59Z
<p>Tmfdl999: </p>
<hr />
<div></div>
Tmfdl999
http://2012.igem.org/File:KAIST_8_1.PNG
File:KAIST 8 1.PNG
2012-09-27T02:46:14Z
<p>Tmfdl999: </p>
<hr />
<div></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Team_KAIST
Team:KAIST Korea/Team KAIST
2012-09-27T02:29:22Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
body{<br />
a.back{<br />
background: url(https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png) no-repeat top left;<br />
position:relative;<br />
outline:none;<br />
bottom: 20px;<br />
left:20px;<br />
z-index:4;<br />
}<br />
<br />
}<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:square;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:square;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent #team-img<br />
{<br />
float:left;<br />
background-color:transparent;<br />
}<br />
<br />
#kaistcontent #team-des<br />
{<br />
position: relative;<br />
background-color:#F0F0F0;<br />
min-height:200px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding: 0px 15px 0px 0px;<br />
top:10px;<br />
z-index: 3;<br />
}<br />
#kaistcontent #team-des .name<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
line-height:120%;<br />
color:#181818;<br />
font-weight:bold;<br />
margin:0px 0px 0px 20px;<br />
}<br />
#kaistcontent #team-des .position<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:12pt;<br />
line-height:120%;<br />
color:#848383;<br />
font-weight:bold;<br />
padding:0px 0px 0px 30px;<br />
}<br />
#kaistcontent #team-des .others<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding:0px 0px 0px 210px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<a class="back" href="https://igem.org/Main_Page"></a> <br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/d/df/Part_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><img src="https://static.igem.org/mediawiki/2012/b/b0/Member_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery"><img src="https://static.igem.org/mediawiki/2012/e/e6/Gallery_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Team : Members</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
</div><br />
<br />
<h1>Instructors</h1><br />
</br></br><br />
<br />
<br />
<span id="sub-title">Professor</span><br />
<div><br />
<br />
<div id="team-des" ><br />
<img id="team-img" style="padding:15px 0px 20px 0px;"src="https://static.igem.org/mediawiki/2012/1/1f/Cho.png"><br />
</br><br />
<span class="name">CHO, Byung-Kwan, Ph.D. </span></br><br />
<span class="position">Professor</span></br><br />
<span class="position">Principal Investigator </span><a href="mailto:bcho@kaist.ac.kr">bcho@kaist.ac.kr</a><br />
<div class="others"><br />
<br>I am an instructor of the KAIST iGEM team. Currently, I am a principal investigator of the systems and synthetic biology laboratory at KAIST Biological Sciences. Prior to holding a faculty position with the talented colleagues at the KAIST, I have been a research scientist of the department of bioengineering at the University of California San Diego. I earned my Ph.D. from the Seoul National University on the Bioengineering and Bioinformatics in 2003. <br />
<br>My research has been mainly focused on the microbial systems and synthetic biology and its applications to the production of the value-added bioproducts. Happy iGEM! <br />
</br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<span id="sub-title">Assistant</span><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:35px 0px 0px 0px;"src="https://static.igem.org/mediawiki/2012/1/1c/Yoseb.png"></img><br />
</br><br />
<span class="name">SONG, Yoseb</span></br><br />
<span class="position">Graduate Student </span><a href="mailto:yosebiback@kaist.ac.kr">yosebiback@kaist.ac.kr </a></br></br><br />
<div class="others"><br />
I am a first year system and synthetic biology master/PhD candidate in KAIST, Byung-Kwan Cho’s lab. I am interested in application of system and synthetic biology to Engineer metabolic pathway. </br></br>My works are focused on four areas:<br />
<ul><br />
<li>Engineering bacterial RNA polymerase to engineer phenotypes</li><br />
<li>Adapting E. coli to live in severe conditions</li><br />
<li>Metabolic engineering</li><br />
<li>HAVE FUN!!!</li><br />
</ul><br />
</br><br />
I am helping 2012 KAIST iGEM Team with some experimental tips.<br />
</br></br><br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Student Members</h1><br />
</div><br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/80/Mandy.png"></img><br />
</br><br />
<span class="name">JEONG, Hyewon (Mandy) - TEAM LEADER -</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:jhw162@kaist.ac.kr">jhw162@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a team leader of international competition, iGEM. KAIST 2012 iGEM team’s research topic is focused on these two topics.</br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/8/82/Ji.png"></img><br />
</br><br />
<span class="name">CHUN, Jihwan</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:casque09@kaist.ac.kr">casque09@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a senior in the KAIST iGEM team. I study biology and especially fascinated by synthetic biology. Outside of the lab, I am a funny guy who loves to hang out and get drunk. However, what I love the most is sleeping. <br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/2/2b/Soo.png"></img><br />
<br />
</br><br />
<span class="name">LEE, Soo-in</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:lee_sooin@kaist.ac.kr">lee_sooin@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in KAIST. Now, I am planning to enter graduate school of the same institute. I’m interested in synthetic biology, which creates noble products through metabolic pathway engineering. Also, I am a member of the iGEM team of KAIST.<br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/7/77/Nam.png"></img><br />
</br><br />
<span class="name">LEE, Namil</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:pig948@kaist.ac.kr">pig948@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I will enter the KAIST graduate school. I’m interested in synthetic biology. I’m the iGEM team member of KAIST. I think it’s great opportunity for me. I want to research about pathway engineering and minimal genome.<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/a/ab/Dong.png"></img><br />
</br><br />
<span class="name">CHOE, Donghui</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:robinald@kaist.ac.kr">robinald@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a member of team iGEM. I like playing tennis and baseball. I am a big fan of Lotte Giants.<br />
<br>I love biology because biologists see what others don't.<br />
</br><br />
</br><br />
</br><br />
</br><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/8e/Sul.png"></img><br />
</br><br />
<span class="name">LEE, Sulli</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:tmfdl999@kaist.ac.kr">tmfdl999@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a sophomore in the Bio and Brain Engineering Department and 3rd year undergraduate student in KAIST. I usually studied Biology till I was high school student. However, I have interested in computer science so I am focused on bio-informatics and neural network now.<br />
</br></br><br />
During iGEM preparation time, I enjoy the opportunity of learning fresh and useful things like making homepage and using Maya or other softwares.<br />
</br></br></br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:10px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/f/f6/Jong.png"></img><br />
</br><br />
<span class="name">LEE, Jong Ho</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:sksmswhdgh@kaist.ac.kr">sksmswhdgh@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am 3rd year undergraduate student in the Bio brain Engineering Department. I am passionate about bio-informatics and bio-instrumentation. In our iGEM Team, I make some awesome homepage with Suli Lee. We usually work with computers. </br></br>I really enjoy our work. I think this iGEM competition is really good opportunity to learn not only biological subject but ‘some skills' with computer, such as making homepage, modeling experiments and etc.</br></br></br><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Team_KAIST
Team:KAIST Korea/Team KAIST
2012-09-27T02:28:46Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
body{<br />
a.back{<br />
background: url(https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png) no-repeat top left;<br />
position:relative;<br />
outline:none;<br />
bottom: 20px;<br />
left:20px;<br />
z-index:4;<br />
}<br />
<br />
}<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:square;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:square;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent #team-img<br />
{<br />
float:left;<br />
background-color:transparent;<br />
}<br />
<br />
#kaistcontent #team-des<br />
{<br />
position: relative;<br />
background-color:#F0F0F0;<br />
min-height:200px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding: 0px 15px 0px 0px;<br />
top:10px;<br />
z-index: 3;<br />
}<br />
#kaistcontent #team-des .name<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
line-height:120%;<br />
color:#181818;<br />
font-weight:bold;<br />
margin:0px 0px 0px 20px;<br />
}<br />
#kaistcontent #team-des .position<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:12pt;<br />
line-height:120%;<br />
color:#848383;<br />
font-weight:bold;<br />
padding:0px 0px 0px 30px;<br />
}<br />
#kaistcontent #team-des .others<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding:0px 0px 0px 210px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<a class="back" href="https://igem.org/Main_Page"></a> <br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/d/df/Part_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><img src="https://static.igem.org/mediawiki/2012/b/b0/Member_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery"><img src="https://static.igem.org/mediawiki/2012/e/e6/Gallery_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Team : Members</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
</div><br />
<br />
<h1>Instructors</h1><br />
</br></br><br />
<br />
<br />
<span id="sub-title">Professor</span><br />
<div><br />
<br />
<div id="team-des" ><br />
<img id="team-img" style="padding:15px 0px 20px 0px;"src="https://static.igem.org/mediawiki/2012/1/1f/Cho.png"><br />
</br><br />
<span class="name">CHO, Byung-Kwan, Ph.D. </span></br><br />
<span class="position">Professor</span></br><br />
<span class="position">Principal Investigator </span><a href="mailto:bcho@kaist.ac.kr">bcho@kaist.ac.kr</a><br />
<div class="others"><br />
<br>I am an instructor of the KAIST iGEM team. Currently, I am a principal investigator of the systems and synthetic biology laboratory at KAIST Biological Sciences. Prior to holding a faculty position with the talented colleagues at the KAIST, I have been a research scientist of the department of bioengineering at the University of California San Diego. I earned my Ph.D. from the Seoul National University on the Bioengineering and Bioinformatics in 2003. <br />
<br>My research has been mainly focused on the microbial systems and synthetic biology and its applications to the production of the value-added bioproducts. Happy iGEM! <br />
</br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<span id="sub-title">Assistant</span><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:35px 0px 0px 0px;"src="https://static.igem.org/mediawiki/2012/1/1c/Yoseb.png"></img><br />
</br><br />
<span class="name">SONG, Yoseb</span></br><br />
<span class="position">Graduate Student </span><a href="mailto:yosebiback@kaist.ac.kr">yosebiback@kaist.ac.kr </a></br></br><br />
<div class="others"><br />
I am a first year system and synthetic biology master/PhD candidate in KAIST, Byung-Kwan Cho’s lab. I am interested in application of system and synthetic biology to Engineer metabolic pathway. </br></br>My works are focused on four areas:<br />
<ul><br />
<li>Engineering bacterial RNA polymerase to engineer phenotypes</li><br />
<li>Adapting E. coli to live in severe conditions</li><br />
<li>Metabolic engineering</li><br />
<li>HAVE FUN!!!</li><br />
</ul><br />
</br><br />
I am helping 2012 KAIST iGEM Team with some experimental tips.<br />
</br></br><br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Student Members</h1><br />
</div><br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/80/Mandy.png"></img><br />
</br><br />
<span class="name">JEONG, Hyewon (Mandy) - TEAM LEADER -</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:jhw162@kaist.ac.kr">jhw162@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a team leader of international competition, iGEM. KAIST 2012 iGEM team’s research topic is focused on these two topics.</br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/8/82/Ji.png"></img><br />
</br><br />
<span class="name">CHUN, Jihwan</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:casque09@kaist.ac.kr">casque09@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a senior in the KAIST iGEM team. I study biology and especially fascinated by synthetic biology. Outside of the lab, I am a funny guy who loves to hang out and get drunk. However, what I love the most is sleeping. <br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/2/2b/Soo.png"></img><br />
<br />
</br><br />
<span class="name">LEE, Soo-in</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:lee_sooin@kaist.ac.kr">lee_sooin@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in KAIST. Now, I am planning to enter graduate school of the same institute. I’m interested in synthetic biology, which creates noble products through metabolic pathway engineering. Also, I am a member of the iGEM team of KAIST.<br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/7/77/Nam.png"></img><br />
</br><br />
<span class="name">LEE, Namil</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:pig948@kaist.ac.kr">pig948@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I will enter the KAIST graduate school. I’m interested in synthetic biology. I’m the iGEM team member of KAIST. I think it’s great opportunity for me. I want to research about pathway engineering and minimal genome.<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/a/ab/Dong.png"></img><br />
</br><br />
<span class="name">CHOE, Donghui</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:robinald@kaist.ac.kr">robinald@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a member of team iGEM. I like playing tennis and baseball. I am a big fan of Lotte Giants.<br />
<br>I love biology because biologists see what others don't.<br />
</br><br />
</br><br />
</br><br />
</br><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/8e/Sul.png"></img><br />
</br><br />
<span class="name">LEE, Sulli</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:tmfdl999@kaist.ac.kr">tmfdl999@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a sophomore in the Bio and Brain Engineering Department and 3rd year undergraduate student in KAIST. I usually studied Biology till I was high school student. However, I have interested in computer science so I am focused on bio-informatics and neural network now.<br />
</br></br><br />
During iGEM preparation time, I enjoy the opportunity of learning 'fresh and useful things' like making homepage and using Maya or other softwares.<br />
</br></br></br></br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:10px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/f/f6/Jong.png"></img><br />
</br><br />
<span class="name">LEE, Jong Ho</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:sksmswhdgh@kaist.ac.kr">sksmswhdgh@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am 3rd year undergraduate student in the Bio brain Engineering Department. I am passionate about bio-informatics and bio-instrumentation. In our iGEM Team, I make some awesome homepage with Suli Lee. We usually work with computers. </br></br>I really enjoy our work. I think this iGEM competition is really good opportunity to learn not only biological subject but ‘some skills' with computer, such as making homepage, modeling experiments and etc.</br></br></br><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Team_KAIST
Team:KAIST Korea/Team KAIST
2012-09-27T02:28:18Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
body{<br />
a.back{<br />
background: url(https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png) no-repeat top left;<br />
position:relative;<br />
outline:none;<br />
bottom: 20px;<br />
left:20px;<br />
z-index:4;<br />
}<br />
<br />
}<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:square;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:square;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent #team-img<br />
{<br />
float:left;<br />
background-color:transparent;<br />
}<br />
<br />
#kaistcontent #team-des<br />
{<br />
position: relative;<br />
background-color:#F0F0F0;<br />
min-height:200px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding: 0px 15px 0px 0px;<br />
top:10px;<br />
z-index: 3;<br />
}<br />
#kaistcontent #team-des .name<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
line-height:120%;<br />
color:#181818;<br />
font-weight:bold;<br />
margin:0px 0px 0px 20px;<br />
}<br />
#kaistcontent #team-des .position<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:12pt;<br />
line-height:120%;<br />
color:#848383;<br />
font-weight:bold;<br />
padding:0px 0px 0px 30px;<br />
}<br />
#kaistcontent #team-des .others<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding:0px 0px 0px 210px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<a class="back" href="https://igem.org/Main_Page"></a> <br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/d/df/Part_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><img src="https://static.igem.org/mediawiki/2012/b/b0/Member_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery"><img src="https://static.igem.org/mediawiki/2012/e/e6/Gallery_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Team : Members</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
</div><br />
<br />
<h1>Instructors</h1><br />
</br></br><br />
<br />
<br />
<span id="sub-title">Professor</span><br />
<div><br />
<br />
<div id="team-des" ><br />
<img id="team-img" style="padding:15px 0px 20px 0px;"src="https://static.igem.org/mediawiki/2012/1/1f/Cho.png"><br />
</br><br />
<span class="name">CHO, Byung-Kwan, Ph.D. </span></br><br />
<span class="position">Professor</span></br><br />
<span class="position">Principal Investigator </span><a href="mailto:bcho@kaist.ac.kr">bcho@kaist.ac.kr</a><br />
<div class="others"><br />
<br>I am an instructor of the KAIST iGEM team. Currently, I am a principal investigator of the systems and synthetic biology laboratory at KAIST Biological Sciences. Prior to holding a faculty position with the talented colleagues at the KAIST, I have been a research scientist of the department of bioengineering at the University of California San Diego. I earned my Ph.D. from the Seoul National University on the Bioengineering and Bioinformatics in 2003. <br />
<br>My research has been mainly focused on the microbial systems and synthetic biology and its applications to the production of the value-added bioproducts. Happy iGEM! <br />
</br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<span id="sub-title">Assistant</span><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:35px 0px 0px 0px;"src="https://static.igem.org/mediawiki/2012/1/1c/Yoseb.png"></img><br />
</br><br />
<span class="name">SONG, Yoseb</span></br><br />
<span class="position">Graduate Student </span><a href="mailto:yosebiback@kaist.ac.kr">yosebiback@kaist.ac.kr </a></br></br><br />
<div class="others"><br />
I am a first year system and synthetic biology master/PhD candidate in KAIST, Byung-Kwan Cho’s lab. I am interested in application of system and synthetic biology to Engineer metabolic pathway. </br></br>My works are focused on four areas:<br />
<ul><br />
<li>Engineering bacterial RNA polymerase to engineer phenotypes</li><br />
<li>Adapting E. coli to live in severe conditions</li><br />
<li>Metabolic engineering</li><br />
<li>HAVE FUN!!!</li><br />
</ul><br />
</br><br />
I am helping 2012 KAIST iGEM Team with some experimental tips.<br />
</br></br><br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Student Members</h1><br />
</div><br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/80/Mandy.png"></img><br />
</br><br />
<span class="name">JEONG, Hyewon (Mandy) - TEAM LEADER -</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:jhw162@kaist.ac.kr">jhw162@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a team leader of international competition, iGEM. KAIST 2012 iGEM team’s research topic is focused on these two topics.</br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/8/82/Ji.png"></img><br />
</br><br />
<span class="name">CHUN, Jihwan</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:casque09@kaist.ac.kr">casque09@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a senior in the KAIST iGEM team. I study biology and especially fascinated by synthetic biology. Outside of the lab, I am a funny guy who loves to hang out and get drunk. However, what I love the most is sleeping. <br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/2/2b/Soo.png"></img><br />
<br />
</br><br />
<span class="name">LEE, Soo-in</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:lee_sooin@kaist.ac.kr">lee_sooin@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in KAIST. Now, I am planning to enter graduate school of the same institute. I’m interested in synthetic biology, which creates noble products through metabolic pathway engineering. Also, I am a member of the iGEM team of KAIST.<br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/7/77/Nam.png"></img><br />
</br><br />
<span class="name">LEE, Namil</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:pig948@kaist.ac.kr">pig948@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I will enter the KAIST graduate school. I’m interested in synthetic biology. I’m the iGEM team member of KAIST. I think it’s great opportunity for me. I want to research about pathway engineering and minimal genome.<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/a/ab/Dong.png"></img><br />
</br><br />
<span class="name">CHOE, Donghui</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:robinald@kaist.ac.kr">robinald@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a member of team iGEM. I like playing tennis and baseball. I am a big fan of Lotte Giants.<br />
<br>I love biology because biologists see what others don't.<br />
</br><br />
</br><br />
</br><br />
</br><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/8e/Sul.png"></img><br />
</br><br />
<span class="name">LEE, Sulli</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:tmfdl999@kaist.ac.kr">tmfdl999@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a sophomore in the Bio and Brain Engineering Department and 3rd year undergraduate student in KAIST. I usually studied Biology till I was high school student. However, I have interested in computer science so I am focused on bio-informatics and neural network now.<br />
</br></br><br />
During iGEM preparation time, I enjoy the opportunity of learning 'fresh and useful things' like making homepage and using Maya or other softwares.<br />
</br></br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:10px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/f/f6/Jong.png"></img><br />
</br><br />
<span class="name">LEE, Jong Ho</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:sksmswhdgh@kaist.ac.kr">sksmswhdgh@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am 3rd year undergraduate student in the Bio brain Engineering Department. I am passionate about bio-informatics and bio-instrumentation. In our iGEM Team, I make some awesome homepage with Suli Lee. We usually work with computers. </br></br>I really enjoy our work. I think this iGEM competition is really good opportunity to learn not only biological subject but ‘some skills' with computer, such as making homepage, modeling experiments and etc.</br></br></br><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Team_KAIST
Team:KAIST Korea/Team KAIST
2012-09-27T02:27:23Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
body{<br />
a.back{<br />
background: url(https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png) no-repeat top left;<br />
position:relative;<br />
outline:none;<br />
bottom: 20px;<br />
left:20px;<br />
z-index:4;<br />
}<br />
<br />
}<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:square;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:square;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent #team-img<br />
{<br />
float:left;<br />
background-color:transparent;<br />
}<br />
<br />
#kaistcontent #team-des<br />
{<br />
position: relative;<br />
background-color:#F0F0F0;<br />
min-height:200px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding: 0px 15px 0px 0px;<br />
top:10px;<br />
z-index: 3;<br />
}<br />
#kaistcontent #team-des .name<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
line-height:120%;<br />
color:#181818;<br />
font-weight:bold;<br />
margin:0px 0px 0px 20px;<br />
}<br />
#kaistcontent #team-des .position<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:12pt;<br />
line-height:120%;<br />
color:#848383;<br />
font-weight:bold;<br />
padding:0px 0px 0px 30px;<br />
}<br />
#kaistcontent #team-des .others<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding:0px 0px 0px 210px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<a class="back" href="https://igem.org/Main_Page"></a> <br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/d/df/Part_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><img src="https://static.igem.org/mediawiki/2012/b/b0/Member_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery"><img src="https://static.igem.org/mediawiki/2012/e/e6/Gallery_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Team : Members</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
</div><br />
<br />
<h1>Instructors</h1><br />
</br></br><br />
<br />
<br />
<span id="sub-title">Professor</span><br />
<div><br />
<br />
<div id="team-des" ><br />
<img id="team-img" style="padding:15px 0px 20px 0px;"src="https://static.igem.org/mediawiki/2012/1/1f/Cho.png"><br />
</br><br />
<span class="name">CHO, Byung-Kwan, Ph.D. </span></br><br />
<span class="position">Professor</span></br><br />
<span class="position">Principal Investigator </span><a href="mailto:bcho@kaist.ac.kr">bcho@kaist.ac.kr</a><br />
<div class="others"><br />
<br>I am an instructor of the KAIST iGEM team. Currently, I am a principal investigator of the systems and synthetic biology laboratory at KAIST Biological Sciences. Prior to holding a faculty position with the talented colleagues at the KAIST, I have been a research scientist of the department of bioengineering at the University of California San Diego. I earned my Ph.D. from the Seoul National University on the Bioengineering and Bioinformatics in 2003. <br />
<br>My research has been mainly focused on the microbial systems and synthetic biology and its applications to the production of the value-added bioproducts. Happy iGEM! <br />
</br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<span id="sub-title">Assistant</span><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:35px 0px 0px 0px;"src="https://static.igem.org/mediawiki/2012/1/1c/Yoseb.png"></img><br />
</br><br />
<span class="name">SONG, Yoseb</span></br><br />
<span class="position">Graduate Student </span><a href="mailto:yosebiback@kaist.ac.kr">yosebiback@kaist.ac.kr </a></br></br><br />
<div class="others"><br />
I am a first year system and synthetic biology master/PhD candidate in KAIST, Byung-Kwan Cho’s lab. I am interested in application of system and synthetic biology to Engineer metabolic pathway. </br></br>My works are focused on four areas:<br />
<ul><br />
<li>Engineering bacterial RNA polymerase to engineer phenotypes</li><br />
<li>Adapting E. coli to live in severe conditions</li><br />
<li>Metabolic engineering</li><br />
<li>HAVE FUN!!!</li><br />
</ul><br />
</br><br />
I am helping 2012 KAIST iGEM Team with some experimental tips.<br />
</br></br><br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Student Members</h1><br />
</div><br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/80/Mandy.png"></img><br />
</br><br />
<span class="name">JEONG, Hyewon (Mandy) - TEAM LEADER -</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:jhw162@kaist.ac.kr">jhw162@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a team leader of international competition, iGEM. KAIST 2012 iGEM team’s research topic is focused on these two topics.</br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/8/82/Ji.png"></img><br />
</br><br />
<span class="name">CHUN, Jihwan</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:casque09@kaist.ac.kr">casque09@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a senior in the KAIST iGEM team. I study biology and especially fascinated by synthetic biology. Outside of the lab, I am a funny guy who loves to hang out and get drunk. However, what I love the most is sleeping. <br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/2/2b/Soo.png"></img><br />
<br />
</br><br />
<span class="name">LEE, Soo-in</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:lee_sooin@kaist.ac.kr">lee_sooin@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in KAIST. Now, I am planning to enter graduate school of the same institute. I’m interested in synthetic biology, which creates noble products through metabolic pathway engineering. Also, I am a member of the iGEM team of KAIST.<br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/7/77/Nam.png"></img><br />
</br><br />
<span class="name">LEE, Namil</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:pig948@kaist.ac.kr">pig948@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I will enter the KAIST graduate school. I’m interested in synthetic biology. I’m the iGEM team member of KAIST. I think it’s great opportunity for me. I want to research about pathway engineering and minimal genome.<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/a/ab/Dong.png"></img><br />
</br><br />
<span class="name">CHOE, Donghui</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:robinald@kaist.ac.kr">robinald@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a member of team iGEM. I like playing tennis and baseball. I am a big fan of Lotte Giants.<br />
<br>I love biology because biologists see what others don't.<br />
</br><br />
</br><br />
</br><br />
</br><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/8e/Sul.png"></img><br />
</br><br />
<span class="name">LEE, Sulli</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:tmfdl999@kaist.ac.kr">tmfdl999@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a sophomore in the Bio and Brain Engineering Department and 3rd year undergraduate student in KAIST. I usually studied Biology till I was high school student. However, I have interested in computer science so I am focused on bio-informatics and neural network now.<br />
</br></br><br />
During iGEM preparation time, I enjoy the opportunity of learning 'fresh and useful things' like making homepage and using Maya or other softwares.<br />
</br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:10px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/f/f6/Jong.png"></img><br />
</br><br />
<span class="name">LEE, Jong Ho</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:sksmswhdgh@kaist.ac.kr">sksmswhdgh@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am 3rd year undergraduate student in the Bio brain Engineering Department. I am passionate about bio-informatics and bio-instrumentation. In our iGEM Team, I make some awesome homepage with Suli Lee. We usually work with computers. </br></br>I really enjoy our work. I think this iGEM competition is really good opportunity to learn not only biological subject but ‘some skills' with computer, such as making homepage, modeling experiments and etc.</br></br></br><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Team_KAIST
Team:KAIST Korea/Team KAIST
2012-09-27T02:07:00Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
body{<br />
a.back{<br />
background: url(https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png) no-repeat top left;<br />
position:relative;<br />
outline:none;<br />
bottom: 20px;<br />
left:20px;<br />
z-index:4;<br />
}<br />
<br />
}<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:square;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:square;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent #team-img<br />
{<br />
float:left;<br />
background-color:transparent;<br />
}<br />
<br />
#kaistcontent #team-des<br />
{<br />
position: relative;<br />
background-color:#F0F0F0;<br />
min-height:200px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding: 0px 15px 0px 0px;<br />
top:10px;<br />
z-index: 3;<br />
}<br />
#kaistcontent #team-des .name<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
line-height:120%;<br />
color:#181818;<br />
font-weight:bold;<br />
margin:0px 0px 0px 20px;<br />
}<br />
#kaistcontent #team-des .position<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:12pt;<br />
line-height:120%;<br />
color:#848383;<br />
font-weight:bold;<br />
padding:0px 0px 0px 30px;<br />
}<br />
#kaistcontent #team-des .others<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding:0px 0px 0px 210px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<a class="back" href="https://igem.org/Main_Page"></a> <br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/d/df/Part_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><img src="https://static.igem.org/mediawiki/2012/b/b0/Member_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery"><img src="https://static.igem.org/mediawiki/2012/e/e6/Gallery_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Team : Members</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
</div><br />
<br />
<h1>Instructors</h1><br />
</br></br><br />
<br />
<br />
<span id="sub-title">Professor</span><br />
<div><br />
<br />
<div id="team-des" ><br />
<img id="team-img" style="padding:15px 0px 20px 0px;"src="https://static.igem.org/mediawiki/2012/1/1f/Cho.png"><br />
</br><br />
<span class="name">CHO, Byung-Kwan, Ph.D. </span></br><br />
<span class="position">Professor</span></br><br />
<span class="position">Principal Investigator </span><a href="mailto:bcho@kaist.ac.kr">bcho@kaist.ac.kr</a><br />
<div class="others"><br />
<br>I am an instructor of the KAIST iGEM team. Currently, I am a principal investigator of the systems and synthetic biology laboratory at KAIST Biological Sciences. Prior to holding a faculty position with the talented colleagues at the KAIST, I have been a research scientist of the department of bioengineering at the University of California San Diego. I earned my Ph.D. from the Seoul National University on the Bioengineering and Bioinformatics in 2003. <br />
<br>My research has been mainly focused on the microbial systems and synthetic biology and its applications to the production of the value-added bioproducts. Happy iGEM! <br />
</br></br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<span id="sub-title">Assistant</span><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:35px 0px 0px 0px;"src="https://static.igem.org/mediawiki/2012/1/1c/Yoseb.png"></img><br />
</br><br />
<span class="name">SONG, Yoseb</span></br><br />
<span class="position">Graduate Student </span><a href="mailto:yosebiback@kaist.ac.kr">yosebiback@kaist.ac.kr </a></br></br><br />
<div class="others"><br />
I am a first year system and synthetic biology master/PhD candidate in KAIST, Byung-Kwan Cho’s lab. I am interested in application of system and synthetic biology to Engineer metabolic pathway. </br></br>My works are focused on four areas:<br />
<ul><br />
<li>Engineering bacterial RNA polymerase to engineer phenotypes</li><br />
<li>Adapting E. coli to live in severe conditions</li><br />
<li>Metabolic engineering</li><br />
<li>HAVE FUN!!!</li><br />
</ul><br />
</br><br />
I am helping 2012 KAIST iGEM Team with some experimental tips.<br />
</br></br><br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Student Members</h1><br />
</div><br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/80/Mandy.png"></img><br />
</br><br />
<span class="name">JEONG, Hyewon (Mandy) - TEAM LEADER -</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:jhw162@kaist.ac.kr">jhw162@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a team leader of international competition, iGEM. KAIST 2012 iGEM team’s research topic is focused on these two topics.</br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/8/82/Ji.png"></img><br />
</br><br />
<span class="name">CHUN, Jihwan</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:casque09@kaist.ac.kr">casque09@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a senior in the KAIST iGEM team. I study biology and especially fascinated by synthetic biology. Outside of the lab, I am a funny guy who loves to hang out and get drunk. However, what I love the most is sleeping. <br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/2/2b/Soo.png"></img><br />
<br />
</br><br />
<span class="name">LEE, Soo-in</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:lee_sooin@kaist.ac.kr">lee_sooin@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in KAIST. Now, I am planning to enter graduate school of the same institute. I’m interested in synthetic biology, which creates noble products through metabolic pathway engineering. Also, I am a member of the iGEM team of KAIST.<br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/7/77/Nam.png"></img><br />
</br><br />
<span class="name">LEE, Namil</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:pig948@kaist.ac.kr">pig948@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I will enter the KAIST graduate school. I’m interested in synthetic biology. I’m the iGEM team member of KAIST. I think it’s great opportunity for me. I want to research about pathway engineering and minimal genome.<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/a/ab/Dong.png"></img><br />
</br><br />
<span class="name">CHOE, Donghui</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:robinald@kaist.ac.kr">robinald@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a member of team iGEM. I like playing tennis and baseball. I am a big fan of Lotte Giants.<br />
<br>I love biology because biologists see what others don't.<br />
</br><br />
</br><br />
</br><br />
</br><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/8e/Sul.png"></img><br />
</br><br />
<span class="name">LEE, Sulli</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:tmfdl999@kaist.ac.kr">tmfdl999@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am a </br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:10px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/f/f6/Jong.png"></img><br />
</br><br />
<span class="name">LEE, Jong Ho</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:sksmswhdgh@kaist.ac.kr">sksmswhdgh@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am 3rd year undergraduate student in the Bio brain Engineering Department. I am passionate about bio-informatics and bio-instrumentation. In our iGEM Team, I make some awesome homepage with Suli Lee. We usually work with computers. </br></br>I really enjoy our work. I think this iGEM competition is really good opportunity to learn not only biological subject but ‘some skills' with computer, such as making homepage, modeling experiments and etc.</br></br></br><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T02:05:58Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 80px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img style="width:130%;" src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T02:05:15Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 60px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img style="width:130%;" src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T02:04:16Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 50px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img style="width:150%;" src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Home_iGEM
Team:KAIST Korea/Home iGEM
2012-09-27T02:02:11Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Home : iGEM</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Synthetic Biology</h1><br />
<br />
<span id="sub-title">"There have been attempts to reduce atmospheric level of carbon dioxide in various approaches."</span></br></br></br></br></br></br></br></br><br />
<br />
<img style="width:98%;" src="https://static.igem.org/mediawiki/igem.org/2/27/KAIST_What_is_synthetic_biology_rszd.JPG"/><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Home_iGEM
Team:KAIST Korea/Home iGEM
2012-09-27T02:01:45Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:15px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:disc;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:disc;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/2/20/Home_ico.png"/><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"><img src="https://static.igem.org/mediawiki/2012/e/ee/Intro_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM"><img src="https://static.igem.org/mediawiki/2012/c/c0/Igem_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Home : iGEM</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<img id="starter-grad" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1> Synthetic Biology</h1><br />
<br />
<span id="sub-title">"There have been attempts to reduce atmospheric level of carbon dioxide in various approaches."</span></br></br></br></br></br></br></br></br><br />
<br />
<img style="width:95%;height:95%" src="https://static.igem.org/mediawiki/igem.org/2/27/KAIST_What_is_synthetic_biology_rszd.JPG"/><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T01:57:24Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 50px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T01:56:03Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:4;<br />
bottom: 20px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T01:54:32Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:2;<br />
bottom: 20px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T01:53:49Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:relative;<br />
z-index:2;<br />
bottom: 20px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/navi
Team:KAIST Korea/navi
2012-09-27T01:52:21Z
<p>Tmfdl999: </p>
<hr />
<div><html><br />
<head><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /><br />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic);<br />
ul.oe_menu{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
<br />
}<br />
<br />
ul.oe_menu > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#aaa;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu > li > a:hover,<br />
ul.oe_menu > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
.oe_wrapper ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
ul.oe_menu div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu div ul li a{<br />
text-decoration:none;<br />
color:#cbcbcb;<br />
padding:2px 2px 2px 4px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
ul.oe_menu div ul.oe_full{<br />
width:100%;<br />
}<br />
ul.oe_menu div ul li a:hover{<br />
background:#8583bf;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
ul.oe_menu li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
ul.oe_menu2{<br />
list-style:none;<br />
position:relative;<br />
width:300px;<br />
float:left;<br />
clear:both;<br />
margin:5px 0px 0px 8px;<br />
}<br />
ul.oe_menu2 > li{<br />
width:90px;<br />
height:30px;<br />
padding:auto;<br />
float:left;<br />
position:relative;<br />
list-style-type:none;<br />
}<br />
<br />
ul.oe_menu2 > li > a{<br />
display:block;<br />
background-color:transparent;<br />
color:#eee;<br />
text-decoration:none;<br />
text-align:center;<br />
font-size:16px;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
width:90px;<br />
height:30px;<br />
opacity:0.8;<br />
}<br />
ul.oe_menu2 > li > a:hover,<br />
ul.oe_menu2 > li.selected > a{<br />
color:#fff;<br />
opacity:1.0;<br />
}<br />
<br />
.oe_wrapper2 ul.hovered > li > a{<br />
background:transparent;<br />
<br />
}<br />
<br />
ul.oe_menu2 div{<br />
position:absolute;<br />
left:0px;<br />
background:transparent;<br />
width:268px;<br />
height:36px;<br />
padding:2px;<br />
display:none;<br />
}<br />
ul.oe_menu2 div ul li a{<br />
text-decoration:none;<br />
color:#ffffff;<br />
padding:2px 2px 2px 2px;<br />
display:block;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
text-align:center;<br />
font-size:16px;<br />
}<br />
<br />
ul.oe_menu2 div ul.oe_full2{<br />
width:100%;<br />
}<br />
<br />
ul.oe_menu2 div ul li a:hover{<br />
background:#d37c62;/*이걸로 색상 조절*/<br />
color:#fff;<br />
}<br />
<br />
ul.oe_menu2 li ul{<br />
list-style:none;<br />
float:left;<br />
width: 86px;<br />
margin-right:0px;<br />
}<br />
<br />
#main<br />
{<br />
min-height: 100%;<br />
width: 1024px;<br />
margin: 0 auto;<br />
background-color: transparent;<br />
background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png");<br />
background-repeat:repeat-y;<br />
}<br />
<br />
#main #main-img<br />
{<br />
position: absolute;<br />
width: 1024px;<br />
top: -30px;<br />
z-index:0;<br />
}<br />
<br />
#main a #main-logo<br />
{<br />
position: absolute;<br />
top: -30px;<br />
width: 336px;<br />
z-index:1;<br />
}<br />
<br />
#main #top-img<br />
{<br />
position: relative;<br />
top: -5px;<br />
left:292px;<br />
width:732px;<br />
height: 250px;<br />
z-index: 0;<br />
opacity:0.9;<br />
}<br />
<br />
div .oe_wrapper{<br />
position:absolute;<br />
z-index:3;<br />
top:275px;<br />
}<br />
<br />
div .oe_wrapper2{<br />
position:absolute;<br />
z-index:2;<br />
top:358px; <br />
}<br />
<br />
div .iGEMLogo{<br />
position:absolute;<br />
z-index:2;<br />
bottom: 20px; <br />
}<br />
<br />
#menucontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
left:320px;<br />
top:-75px;<br />
z-index:2;<br />
text-align: right;<br />
opacity:0.8;<br />
}<br />
<br />
#top-img-description<br />
{<br />
font-size:25px;<br />
font-family: 'Gloria Hallelujah', cursive;<br />
}<br />
<br />
#top-img-description-box<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
top:-115px;<br />
left: 350px;<br />
z-index:3;<br />
height:15px;<br />
}<br />
<br />
#horizontal-line<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:732px;<br />
height:3px;<br />
left:292px;<br />
top:-90px;<br />
z-index:2;<br />
}<br />
div .contact-us{<br />
position: absolute;<br />
z-index:2;<br />
top:425px;<br />
padding:4px 0px 0px 10px;<br />
width:268px;<br />
color:white;<br />
font-weight:bold;<br />
}<br />
<br />
div .contact-us #contact-us-information{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
}<br />
<br />
div .contact-us #contact-us-information a:hover{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:#fcf967;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-information a{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:12px;<br />
font-style: italic;<br />
color:white;<br />
text-decoration:none;<br />
}<br />
<br />
div .contact-us #contact-us-title{<br />
font-family: 'Source Sans Pro', sans-serif;<br />
font-size:22px;<br />
line-height:170%;<br />
color:#dddddd;<br />
height:30px;<br />
}<br />
<br />
</style><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] }<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); </script><br />
</head><br />
<br />
<body><br />
<div id="main"><br />
<a href="https://2012.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a><br />
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/><br />
<div class="oe_wrapper"><br />
<ul id="oe_menu" class="oe_menu"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a><br />
<div style="top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li><br />
</ul><br />
<ul style="width:100px;margin:0px 5px 0px 5px;"><br />
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a><br />
<div style="left:-85px;top:25px;"><!-- -112px --><br />
<ul><br />
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li><br />
</ul><br />
<ul style="padding:5px 0px 5px 0px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a><br />
<div style="left:-182px;top:30px;"><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="oe_wrapper2"><br />
<ul id="oe_menu2" class="oe_menu2"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a><br />
<div style="top:21px;left:32px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li><br />
</ul><br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a><br />
<div style="left:-91px;top:30px;"><!-- -112px --><br />
<ul style="margin:0 0 0 30px;width:100px;"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li><br />
</ul><br />
<ul style="width:100px"><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li><br />
</ul><br />
<br />
</div><br />
</li><br />
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a><br />
<div style="left:-152px;top:21px;"><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li><br />
</ul><br />
<ul style="width:100px;height:19px;"><br />
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li><br />
</ul><br />
</div><br />
</li><br />
<br />
</ul> <br />
</div><br />
<div class="contact-us"><br />
<div id="contact-us-title">2012 KAIST Korea</div><br />
<div id="contact-us-information"><br />
<b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br><br />
<b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br><br />
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a><br />
</div><br />
</div><br />
<br />
<div class="iGEMLogo"><br />
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png"/></a><br />
</div><br />
</div><br />
<!-- The JavaScript --><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var $oe_menu = $('#oe_menu');<br />
var $oe_menu_items = $oe_menu.children('li');<br />
<br />
$oe_menu_items.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items.children('div').hide();<br />
})<br />
});<br />
</script><br />
<script type="text/javascript"><br />
<br />
$(function() {<br />
var $oe_menu2 = $('#oe_menu2');<br />
var $oe_menu_items2 = $oe_menu2.children('li');<br />
<br />
$oe_menu_items2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('slided selected');<br />
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){<br />
$oe_menu_items2.not('.slided').children('div').hide();<br />
$this.removeClass('slided');<br />
});<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('selected').children('div').css('z-index','1');<br />
});<br />
<br />
$oe_menu2.bind('mouseenter',function(){<br />
var $this = $(this);<br />
$this.addClass('hovered');<br />
}).bind('mouseleave',function(){<br />
var $this = $(this);<br />
$this.removeClass('hovered');<br />
$oe_menu_items2.children('div').hide();<br />
})<br />
});<br />
</script><br />
</body><br />
</html></div>
Tmfdl999
http://2012.igem.org/Team:KAIST_Korea/Team_KAIST
Team:KAIST Korea/Team KAIST
2012-09-27T01:43:16Z
<p>Tmfdl999: </p>
<hr />
<div>{{:Team:KAIST_Korea/top_home}}<br />
{{:Team:KAIST_Korea/navi}}<br />
<html><br />
<head><br />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script><br />
<script type="text/javascript"><br />
WebFontConfig = {<br />
google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::latin' ]}<br />
};<br />
(function() {<br />
var wf = document.createElement('script');<br />
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br />
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br />
wf.type = 'text/javascript';<br />
wf.async = 'true';<br />
var s = document.getElementsByTagName('script')[0];<br />
s.parentNode.insertBefore(wf, s);<br />
})(); <br />
</script><br />
<style><br />
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800);<br />
<br />
body{<br />
a.back{<br />
background: url(https://static.igem.org/mediawiki/2012/3/31/KAIST_iGEM.png) no-repeat top left;<br />
position:relative;<br />
outline:none;<br />
bottom: 20px;<br />
left:20px;<br />
z-index:4;<br />
}<br />
<br />
}<br />
#kaistcontent<br />
{<br />
position: relative;<br />
background-color:transparent;<br />
width:690px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:11pt;<br />
line-height:120%;<br />
text-align:justify;<br />
padding: 0px 15px 0px 15px;<br />
left:300px;<br />
top:-70px;<br />
z-index: 2;<br />
}<br />
<br />
#kaistcontent #starter-grad<br />
{<br />
width:17px;<br />
height:100px;<br />
float:left;<br />
margin:0px 15px 2px 0px;<br />
}<br />
<br />
#kaistcontent #starter<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
color: #08185d;<br />
padding:0px 0px 0px 10px;<br />
}<br />
<br />
#kaistcontent #sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-size: 15pt;<br />
line-height:100%;<br />
font-weight:bold;<br />
font-style:italic;<br />
}<br />
<br />
#kaistcontent h1<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#5c5858;<br />
font-weight:bold;<br />
font-size:24pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent ul<br />
{<br />
list-style-type:square;<br />
padding: 0px 0px 0px 30px;<br />
<br />
}<br />
<br />
#kaistcontent li<br />
{<br />
list-style-type:square;<br />
}<br />
<br />
#kaistcontent #sub-sub-title<br />
{<br />
font-family: 'Open Sans', sans-serif;<br />
color:#848383;<br />
font-weight:bold;<br />
font-size:14pt;<br />
line-height:110%;<br />
}<br />
<br />
#kaistcontent #team-img<br />
{<br />
float:left;<br />
background-color:transparent;<br />
}<br />
<br />
#kaistcontent #team-des<br />
{<br />
position: relative;<br />
background-color:#F0F0F0;<br />
min-height:200px;<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding: 0px 15px 0px 0px;<br />
top:10px;<br />
z-index: 3;<br />
}<br />
#kaistcontent #team-des .name<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:14pt;<br />
line-height:120%;<br />
color:#181818;<br />
font-weight:bold;<br />
margin:0px 0px 0px 20px;<br />
}<br />
#kaistcontent #team-des .position<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:12pt;<br />
line-height:120%;<br />
color:#848383;<br />
font-weight:bold;<br />
padding:0px 0px 0px 30px;<br />
}<br />
#kaistcontent #team-des .others<br />
{<br />
font-family: 'Open Sans', sans-serif; <br />
font-size:10pt;<br />
line-height:120%;<br />
padding:0px 0px 0px 210px;<br />
}<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="main"><br />
<img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/><br />
<br />
<a class="back" href="https://igem.org/Main_Page"></a> <br />
<div id="menucontent"><br />
<img src="https://static.igem.org/mediawiki/2012/d/df/Part_ico.png"/></a><br />
<a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"><img src="https://static.igem.org/mediawiki/2012/b/b0/Member_ico.png"/></a><br />
<a href="#"><img src="https://static.igem.org/mediawiki/2012/e/e6/Gallery_ico.png"/></a><br />
</div><br />
<div id="top-img-description-box"><span id="top-img-description">Team : Members</span></div><br />
<img id="horizontal-line" src="https://static.igem.org/mediawiki/2012/7/7f/Horizontal_line_kaist.png"></img><br />
<br />
<div id="kaistcontent"><br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
</div><br />
<br />
<h1>Instructors</h1><br />
</br></br><br />
<br />
<br />
<span id="sub-title">Professor</span><br />
<div><br />
<br />
<div id="team-des" ><br />
<img id="team-img" style="padding:15px 0px 20px 0px;"src="https://static.igem.org/mediawiki/2012/1/1f/Cho.png"><br />
</br><br />
<span class="name">CHO, Byung-Kwan, Ph.D. </span></br><br />
<span class="position">Professor</span></br><br />
<span class="position">Principal Investigator </span><a href="mailto:bcho@kaist.ac.kr">bcho@kaist.ac.kr</a><br />
<div class="others"><br />
</br></br></br></br></br></br></br></br></br>.....</br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<span id="sub-title">Assistant</span><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:35px 0px 0px 0px;"src="https://static.igem.org/mediawiki/2012/1/1c/Yoseb.png"></img><br />
</br><br />
<span class="name">SONG, Yoseb</span></br><br />
<span class="position">Graduate Student </span><a href="mailto:yosebiback@kaist.ac.kr">yosebiback@kaist.ac.kr </a></br></br><br />
<div class="others"><br />
I am a first year system and synthetic biology master/PhD candidate in KAIST, Byung-Kwan Cho’s lab. I am interested in application of system and synthetic biology to Engineer metabolic pathway. </br></br>My works are focused on four areas:<br />
<ul><br />
<li>Engineering bacterial RNA polymerase to engineer phenotypes</li><br />
<li>Adapting E. coli to live in severe conditions</li><br />
<li>Metabolic engineering</li><br />
<li>HAVE FUN!!!</li><br />
</ul><br />
</br><br />
I am helping 2012 KAIST iGEM Team with some experimental tips.<br />
</br></br><br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<img id="starter-grad" style="height:60px" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img><br />
<h1>Student Members</h1><br />
</div><br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/80/Mandy.png"></img><br />
</br><br />
<span class="name">JEONG, Hyewon (Mandy) - TEAM LEADER -</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:jhw162@kaist.ac.kr">jhw162@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a team leader of international competition, iGEM. KAIST 2012 iGEM team’s research topic is focused on these two topics.</br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/8/82/Ji.png"></img><br />
</br><br />
<span class="name">CHUN, Jihwan</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:casque09@kaist.ac.kr">casque09@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am a senior in the KAIST iGEM team. I study biology and especially fascinated by synthetic biology. Outside of the lab, I am a funny guy who loves to hang out and get drunk. However, what I love the most is sleeping. <br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/2/2b/Soo.png"></img><br />
<br />
</br><br />
<span class="name">LEE, Soo-in</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:lee_sooin@kaist.ac.kr">lee_sooin@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in KAIST. Now, I am planning to enter graduate school of the same institute. I’m interested in synthetic biology, which creates noble products through metabolic pathway engineering. Also, I am a member of the iGEM team of KAIST.<br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/7/77/Nam.png"></img><br />
</br><br />
<span class="name">LEE, Namil</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:pig948@kaist.ac.kr">pig948@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I will enter the KAIST graduate school. I’m interested in synthetic biology. I’m the iGEM team member of KAIST. I think it’s great opportunity for me. I want to research about pathway engineering and minimal genome.<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<br />
<div><br />
<div id="team-des"><br />
<img id="team-img" src="https://static.igem.org/mediawiki/2012/a/ab/Dong.png"></img><br />
</br><br />
<span class="name">CHOE, Donghui</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:robinald@kaist.ac.kr">robinald@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
I am an undergraduate student in Systems and Synthetic biology lab and also a member of team iGEM. I like playing tennis and baseball. I am a big fan of Lotte giants.<br />
</br><br />
</br><br />
</br><br />
</br><br />
</br><br />
<br />
</div><br />
<br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:15px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/8/8e/Sul.png"></img><br />
</br><br />
<span class="name">LEE, Sulli</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:tmfdl999@kaist.ac.kr">tmfdl999@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am a </br></br> <br />
<ul><br />
<li>Reconstruction of reductive anaerobic CO<sub>2</sub> fixation pathway in Escherichia coli and modeling this system using program.</li><br />
<li>Building switching modules which can be used to control metabolic pathway.</li><br />
</ul><br />
</br><br />
</div><br />
</div><br />
</div><br />
<br />
</br></br><br />
<div><br />
<div id="team-des"><br />
<img id="team-img" style="padding:10px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2012/f/f6/Jong.png"></img><br />
</br><br />
<span class="name">LEE, Jong Ho</span></br><br />
<span class="position">Undergraduate student </span><a href="mailto:sksmswhdgh@kaist.ac.kr">sksmswhdgh@kaist.ac.kr</a></br></br><br />
<div class="others"><br />
Hi! I am 3rd year undergraduate student in the Bio brain Engineering Department. I am passionate about bio-informatics and bio-instrumentation. In our iGEM Team, I make some awesome homepage with Suli Lee. We usually work with computers. </br></br>I really enjoy our work. I think this iGEM competition is really good opportunity to learn not only biological subject but ‘some skills' with computer, such as making homepage, modeling experiments and etc.</br></br></br><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
{{:Team:KAIST_Korea/footer}}</div>
Tmfdl999
http://2012.igem.org/File:KAIST_iGEM.png
File:KAIST iGEM.png
2012-09-27T01:37:27Z
<p>Tmfdl999: </p>
<hr />
<div></div>
Tmfdl999