Team:UNIST Korea

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
hi12345
+
<head><!-- saved from url=(0014)about:internet -->
 +
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 +
 
 +
<style type="text/css">
 +
 
 +
#tag1{
 +
position:absolute;
 +
top:108px; left:63px;
 +
width:71px; height:21px;
 +
}
 +
#tag2{
 +
position:absolute;
 +
top:108px; left:136px;
 +
width:71px; height:21px;
 +
}
 +
#tag3{
 +
position:absolute;
 +
top:108px; left:209px;
 +
width:71px; height:21px;
 +
}
 +
#tag4{
 +
position:absolute;
 +
top:108px; left:281px;
 +
width:71px; height:21px;
 +
}
 +
 
 +
#main_navigation
 +
{
 +
margin:0;
 +
padding:0;}
 +
 +
#main_navigation li
 +
{ float:left;
 +
list-style:none;
 +
font:12px Tahoma,Arial;
 +
}
 +
 
 +
#main_navigation li a
 +
{ display:block;
 +
padding:5px 0px 0px 0px;
 +
text-decoration:none;
 +
border:none;
 +
color:#000000;
 +
width:auto;
 +
white-space:nowrap;}
 +
 
 +
#main_navigation li a:hover
 +
{
 +
-moz-opacity:.70;filter:alpha(opacity=70);opacity:.70;
 +
}
 +
 +
#main_navigation li ul
 +
{ margin:0;
 +
padding:0;
 +
position:absolute;
 +
visibility:hidden;}
 +
 +
#main_navigation li ul li
 +
{ float:left;
 +
position:relative;
 +
left:5px;
 +
display:inline;
 +
}
 +
 +
#main_navigation li ul li a
 +
{ width:auto;
 +
padding:0px 0px 0px 0px;
 +
}
 +
 
 +
#main_navigation li ul li a:hover
 +
{ padding:5px 0px 0px 0px;
 +
}
 +
 
 +
#subNav5 {
 +
position:relative;
 +
left:100px;
 +
display:inline;
 +
}
 +
 
 +
#main_img1{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 &amp; 7 */ zoom: 1;
 +
}
 +
#main_img2{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 &amp; 7 */ zoom: 1;
 +
}#main_img3{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 &amp; 7 */ zoom: 1;
 +
}#main_img4{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 &amp; 7 */ zoom: 1;
 +
}#main_img5{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 &amp; 7 */ zoom: 1;
 +
}#main_img6{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 &amp; 7 */ zoom: 1;
 +
}#main_img7{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 &amp; 7 */ zoom: 1;
 +
}
 +
 
 +
#menuall {
 +
z-index:200;
 +
width:600px;
 +
position:relative;
 +
top:-25px;
 +
left:450px;
 +
}
 +
 
 +
.subNavMenuItems img{
 +
border:0;
 +
width:70px; height:70px;
 +
}
 +
 
 +
#kaistlogo{
 +
z-index:200;
 +
width:280px; height:77px;
 +
position:absolute;
 +
top:22px; left:66px;
 +
}
 +
 
 +
#navigationbar{
 +
z-index:200;
 +
width:291px; heigth:7px;
 +
position:absolute;
 +
top:100px; left:63px;
 +
}
 +
 
 +
#subNav0{
 +
width:381px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/b/b6/Kaist2011_menu_menubar5_1.png');
 +
background-repeat:no-repeat;
 +
background-position:5px 7px;
 +
}
 +
 
 +
#subNav1{
 +
width:262px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png');
 +
background-repeat:no-repeat;
 +
background-position:-22px 7px;
 +
}
 +
 
 +
#subNav2{
 +
width:192px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png');
 +
background-repeat:no-repeat;
 +
background-position:-23px 7px;
 +
}
 +
 
 +
#subNav3{
 +
width:262px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png');
 +
background-repeat:no-repeat;
 +
background-position:-23px 7px;
 +
}
 +
 
 +
#subNav4{
 +
width:192px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png');
 +
background-repeat:no-repeat;
 +
background-position:-23px 7px;
 +
}
 +
 
 +
#subNav5{
 +
width:402px;height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2011/6/68/Kaist2011_menu_menubar5_2.png');
 +
background-repeat:no-repeat;
 +
background-position:-20px 7px;
 +
}
 +
 
 +
#menubody{
 +
padding-bottom:155px;
 +
}
 +
 
 +
</style>
 +
 
 +
<!--Start Glimmer Insertion-->
 +
<script type='text/javascript' src="/Team:KAIST-Korea/js/jquery-132min?action=raw"></script>
 +
<script type='text/javascript' src="/Team:KAIST-Korea/js/effects_core?action=raw"></script>
 +
<!--glimmer generated file--><script type='text/javascript' src="/Team:KAIST-Korea/js/dropdown_glimmer?action=raw"></script>
 +
<!--End Glimmer Insertion--></head>
 +
 
 +
<body>
 +
<div id="menubody">
 +
<div id="menuall">
 +
 
 +
<ul id="main_navigation">
 +
    <li id="trigger0"><a href=""><img id="main_img1" src="https://static.igem.org/mediawiki/2011/1/14/Kaist2011_menu_projects.png"></a>
 +
      <center><ul  class="subNavMenuItems" id="subNav0">
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><img src="https://static.igem.org/mediawiki/2011/8/8c/Kaist2011_menu_overview.png"></a></li>
 +
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling2"><img src="https://static.igem.org/mediawiki/2011/e/e1/Kaist2011_menu_modeling.png"></a></li>
 +
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments"><img src="https://static.igem.org/mediawiki/2011/f/fa/Kaist2011_menu_experiments.png"></a></li>
 +
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick"><img src="https://static.igem.org/mediawiki/2011/9/99/Kaist2011_menu_biobrick.png"></a></li>
 +
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Future_Application"><img src="https://static.igem.org/mediawiki/2011/4/4e/Kaist2011_menu_future_application.png"></a></li>
 +
      </ul></center>
 +
    </li>
 +
<li id="trigger1"><a href=""><img id="main_img2" src="https://static.igem.org/mediawiki/2011/f/f1/Kaist2011_menu_team.png"></a>
 +
      <ul  class="subNavMenuItems" id="subNav1">
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Team/Members"><img src="https://static.igem.org/mediawiki/2011/4/41/Kaist2011_menu_member.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Team/Photos"><img src="https://static.igem.org/mediawiki/2011/a/a5/Kaist2011_menu_photos.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Team/Videos"><img src="https://static.igem.org/mediawiki/2011/c/c7/Kaist2011_menu_videos.png"></a></li>
 +
      </ul>
 +
    </li>
 +
<li id="trigger2"><a href=""><img  id="main_img3" src="https://static.igem.org/mediawiki/2011/1/1a/Kaist2011_menu_diary.png"></a>
 +
      <ul  class="subNavMenuItems" id="subNav2">
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Diary/Lab_Diary"><img src="https://static.igem.org/mediawiki/2011/8/89/Kaist2011_menu_lab_diary.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Diary/Wall"><img src="https://static.igem.org/mediawiki/2011/8/8a/Kaist2011_menu_wall.png"></a></li>
 +
      </ul>
 +
    </li>
 +
<li id="trigger3"><a href=""><img  id="main_img4" src="https://static.igem.org/mediawiki/2011/0/01/Kaist2011_menu_results.png"></a>
 +
      <ul  class="subNavMenuItems" id="subNav3">
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_summary.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img src="https://static.igem.org/mediawiki/2011/a/af/Kaist2011_menu_gallery.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img
 +
src="https://static.igem.org/mediawiki/2011/0/0a/Kaist2011_menu_data.png"></a></li>
 +
      </ul>
 +
    </li>
 +
<li id="trigger4"><a href=""><img  id="main_img5" src="https://static.igem.org/mediawiki/2011/3/3a/Kaist2011_menu_humanpractice.png"></a>
 +
      <ul  class="subNavMenuItems" id="subNav4">
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Human_Practices"><img src="https://static.igem.org/mediawiki/2011/b/b4/Kaist2011_menu_human_practices.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Safety"><img src="https://static.igem.org/mediawiki/2011/9/9b/Kaist2011_menu_safety.png"></a></li>
 +
      </ul>
 +
    </li>
 +
<li id="trigger5"><a href=""><img  id="main_img6" src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_misc.png"></a>
 +
      <ul  class="subNavMenuItems" id="subNav5">
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"><img src="https://static.igem.org/mediawiki/2011/6/6f/Kaist2011_menu_sitemap.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Software"><img src="https://static.igem.org/mediawiki/2011/5/5b/Kaist2011_menu_software.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sponsors"><img src="https://static.igem.org/mediawiki/2011/4/4a/Kaist2011_menu_sponsors.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Links"><img src="https://static.igem.org/mediawiki/2011/0/04/Kaist2011_menu_links.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Attributions"><img src="https://static.igem.org/mediawiki/2011/8/8b/Kaist2011_menu_attribution.png"></a></li>
 +
      </ul>
 +
    </li>
 +
<li><a href="https://2011.igem.org"><img  id="main_img7" src="https://static.igem.org/mediawiki/2011/c/c8/Kaist2011_menu_igem.png"></a>
 +
    </li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
<a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogo" src="https://static.igem.org/mediawiki/2011/e/e4/Kaist2011_menu_logo.png"></a>
 +
 
 +
<a><img id="navigationbar" src="https://static.igem.org/mediawiki/2011/0/0e/Kaist2011_menu_navigationbar.png"></a>
 +
</div>
 +
 
 +
</body>
 +
 
 +
 
 +
 
 +
<head>
 +
<!--
 +
 
 +
============================================================================================
 +
*** PLEASE NOTE: ***
 +
 
 +
The contents and design of this wiki are published under the GNU Free Documentation License. You are granted the right to copy and modify our work, but you must publish your work under the same type of license while recognizing us the authors.
 +
 
 +
Stefan Kleinsorg, Thomas Uhlig
 +
 
 +
============================================================================================
 +
 
 +
/-->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 +
<script type='text/javascript' src="/Team:KAIST-Korea/js/fancybox/jquery_fancybox?action=raw"></script>
 +
<script type='text/javascript' src="/Team:KAIST-Korea/js/fancybox/jquery_easing?action=raw"></script>
 +
<script type='text/javascript' src="/Team:KAIST-Korea/js/fancybox/jquery_mousewheel?action=raw"></script>
 +
<link rel="stylesheet" href="https://2011.igem.org/Team:KAIST-Korea/css/fancybox/jquery_fancybox" type="text/css" media="screen" />
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 
 +
/* This is basic - uses default settings */
 +
 
 +
$("a#single_image").fancybox({
 +
'autoScale' : true,
 +
'overlayColor' : '#000',
 +
'overlayOpacity' : 0.85
 +
});
 +
 
 +
/* Apply fancybox to multiple items */
 +
 +
$("a.gallery").fancybox({
 +
'autoScale' : true,
 +
'overlayColor' : '#000',
 +
'overlayOpacity' : 0.85
 +
});
 +
 
 +
$(".video").click(function() {
 +
$.fancybox({
 +
'padding' : 0,
 +
'autoScale' : true,
 +
'overlayColor' : '#000',
 +
'overlayOpacity' : 0.85,
 +
'transitionIn' : 'none',
 +
'transitionOut' : 'none',
 +
'title' : this.title,
 +
'titlePosition' : 'outside',
 +
'width' : 640,
 +
'height' : 360,
 +
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
 +
'type' : 'swf',
 +
'swf' : {
 +
'wmode' : 'transparent',
 +
'allowfullscreen' : 'true'
 +
}
 +
});
 +
return false;
 +
});
 +
 
 +
});
 +
 
 +
 
 +
</script>
 +
 
 +
<style type="text/css">
 +
 
 +
/* IGEM stuff */
 +
 
 +
#fancybox-loading {
 +
position: fixed;
 +
top: 50%;
 +
left: 50%;
 +
width: 40px;
 +
height: 40px;
 +
margin-top: -20px;
 +
margin-left: -20px;
 +
cursor: pointer;
 +
overflow: hidden;
 +
z-index: 1104;
 +
display: none;
 +
}
 +
 
 +
#fancybox-loading div {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 40px;
 +
height: 480px;
 +
background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png');
 +
}
 +
 
 +
#fancybox-overlay {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
z-index: 1100;
 +
display: none;
 +
}
 +
 
 +
#fancybox-tmp {
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
overflow: auto;
 +
display: none;
 +
}
 +
 
 +
#fancybox-wrap {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
padding: 20px;
 +
z-index: 1101;
 +
outline: none;
 +
display: none;
 +
}
 +
 
 +
#fancybox-outer {
 +
position: relative;
 +
width: 100%;
 +
height: 100%;
 +
background: #fff;
 +
}
 +
 
 +
#fancybox-content {
 +
width: 0;
 +
height: 0;
 +
padding: 0;
 +
outline: none;
 +
position: relative;
 +
overflow: hidden;
 +
z-index: 1102;
 +
border: 0px solid #fff;
 +
}
 +
 
 +
#fancybox-hide-sel-frame {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background: transparent;
 +
z-index: 1101;
 +
}
 +
 
 +
#fancybox-close {
 +
position: absolute;
 +
top: -15px;
 +
right: -15px;
 +
width: 30px;
 +
height: 30px;
 +
background: transparent url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png') -40px 0px;
 +
cursor: pointer;
 +
z-index: 1103;
 +
display: none;
 +
}
 +
 
 +
#fancybox-error {
 +
color: #444;
 +
font: normal 12px/20px Arial;
 +
padding: 14px;
 +
margin: 0;
 +
}
 +
 
 +
#fancybox-img {
 +
width: 100%;
 +
height: 100%;
 +
padding: 0;
 +
margin: 0;
 +
border: none;
 +
outline: none;
 +
line-height: 0;
 +
vertical-align: top;
 +
}
 +
 
 +
#fancybox-frame {
 +
width: 100%;
 +
height: 100%;
 +
border: none;
 +
display: block;
 +
}
 +
 
 +
#fancybox-left, #fancybox-right {
 +
position: absolute;
 +
bottom: 0px;
 +
height: 100%;
 +
width: 35%;
 +
cursor: pointer;
 +
outline: none;
 +
background: transparent url('https://static.igem.org/mediawiki/2011/c/c0/Blank.gif');
 +
z-index: 1102;
 +
display: none;
 +
}
 +
 
 +
#fancybox-left {
 +
left: 0px;
 +
}
 +
 
 +
#fancybox-right {
 +
right: 0px;
 +
}
 +
 
 +
#fancybox-left-ico, #fancybox-right-ico {
 +
position: absolute;
 +
top: 50%;
 +
left: -9999px;
 +
width: 30px;
 +
height: 30px;
 +
margin-top: -15px;
 +
cursor: pointer;
 +
z-index: 1102;
 +
display: block;
 +
}
 +
 
 +
#fancybox-left-ico {
 +
background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png');
 +
background-position: -40px -30px;
 +
}
 +
 
 +
#fancybox-right-ico {
 +
background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png');
 +
background-position: -40px -60px;
 +
}
 +
 
 +
#fancybox-left:hover, #fancybox-right:hover {
 +
visibility: visible; /* IE6 */
 +
}
 +
 
 +
#fancybox-left:hover span {
 +
left: 20px;
 +
}
 +
 
 +
#fancybox-right:hover span {
 +
left: auto;
 +
right: 20px;
 +
}
 +
 
 +
.fancybox-bg {
 +
position: absolute;
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
width: 20px;
 +
height: 20px;
 +
z-index: 1001;
 +
}
 +
 
 +
#fancybox-bg-n {
 +
top: -20px;
 +
left: 0;
 +
width: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2011/9/92/Kaist2011_fancybox-x.png');
 +
}
 +
 
 +
#fancybox-bg-ne {
 +
top: -20px;
 +
right: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png');
 +
background-position: -40px -162px;
 +
}
 +
 
 +
#fancybox-bg-e {
 +
top: 0;
 +
right: -20px;
 +
height: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/42/Kaist2011_fancybox-y.png');
 +
background-position: -20px 0px;
 +
}
 +
 
 +
#fancybox-bg-se {
 +
bottom: -20px;
 +
right: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png');
 +
background-position: -40px -182px;
 +
}
 +
 
 +
#fancybox-bg-s {
 +
bottom: -20px;
 +
left: 0;
 +
width: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2011/9/92/Kaist2011_fancybox-x.png');
 +
background-position: 0px -20px;
 +
}
 +
 
 +
#fancybox-bg-sw {
 +
bottom: -20px;
 +
left: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png');
 +
background-position: -40px -142px;
 +
}
 +
 
 +
#fancybox-bg-w {
 +
top: 0;
 +
left: -20px;
 +
height: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2011/4/42/Kaist2011_fancybox-y.png');
 +
}
 +
 
 +
#fancybox-bg-nw {
 +
top: -20px;
 +
left: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png');
 +
background-position: -40px -122px;
 +
}
 +
 
 +
#fancybox-title {
 +
font-family: Helvetica;
 +
font-size: 12px;
 +
z-index: 1102;
 +
}
 +
 
 +
.fancybox-title-inside {
 +
padding-bottom: 10px;
 +
text-align: center;
 +
color: #333;
 +
background: #fff;
 +
position: relative;
 +
}
 +
 
 +
.fancybox-title-outside {
 +
padding-top: 10px;
 +
color: #fff;
 +
}
 +
 
 +
.fancybox-title-over {
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
color: #FFF;
 +
text-align: left;
 +
}
 +
 
 +
#fancybox-title-over {
 +
padding: 10px;
 +
background-image: url('https://static.igem.org/mediawiki/2011/3/3f/Kaist2011_fancy_title_over.png');
 +
display: block;
 +
}
 +
 
 +
.fancybox-title-float {
 +
position: absolute;
 +
left: 0;
 +
bottom: -20px;
 +
height: 32px;
 +
}
 +
 
 +
#fancybox-title-float-wrap {
 +
border: none;
 +
border-collapse: collapse;
 +
width: auto;
 +
}
 +
 
 +
#fancybox-title-float-wrap td {
 +
border: none;
 +
white-space: nowrap;
 +
}
 +
 
 +
#fancybox-title-float-left {
 +
padding: 0 0 0 15px;
 +
background: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png') -40px -90px no-repeat;
 +
}
 +
 
 +
#fancybox-title-float-main {
 +
color: #FFF;
 +
line-height: 29px;
 +
font-weight: bold;
 +
padding: 0 0 3px 0;
 +
background: url('https://static.igem.org/mediawiki/2011/9/92/Kaist2011_fancybox-x.png') 0px -40px;
 +
}
 +
 
 +
#fancybox-title-float-right {
 +
padding: 0 0 0 15px;
 +
background: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png') -55px -90px no-repeat;
 +
}
 +
 
 +
/* IE6 */
 +
 
 +
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/c/cb/Kaist2011_fancy_close.png', sizingMethod='scale'); }
 +
 
 +
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/4/40/Kaist2011_fancy_nav_left.png', sizingMethod='scale'); }
 +
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/2/2b/Kaist2011_fancy_nav_right.png', sizingMethod='scale'); }
 +
 
 +
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/3/3f/Kaist2011_fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
 +
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/f/f9/Kaist2011_fancy_title_left.png', sizingMethod='scale'); }
 +
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/c/c7/Kaist2011_fancy_title_main.png', sizingMethod='scale'); }
 +
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/a/ae/Kaist2011_fancy_title_right.png', sizingMethod='scale'); }
 +
 
 +
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
 +
height: expression(this.parentNode.clientHeight + "px");
 +
}
 +
 
 +
#fancybox-loading.fancybox-ie6 {
 +
position: absolute; margin-top: 0;
 +
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
 +
}
 +
 
 +
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/4/40/Kaist2011_fancy_loading.png', sizingMethod='scale'); }
 +
 
 +
/* IE6, IE7, IE8 */
 +
 
 +
.fancybox-ie .fancybox-bg { background: transparent !important; }
 +
 
 +
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/e/ee/Kaist2011_fancy_shadow_n.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/d/de/Kaist2011_fancy_shadow_ne.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/c/ce/Kaist2011_fancy_shadow_e.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/4/42/Kaist2011_fancy_shadow_se.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/7/76/Kaist2011_fancy_shadow_s.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/a/a1/Kaist2011_fancy_shadow_sw.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/a/a9/Kaist2011_fancy_shadow_w.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/7/70/Kaist2011_fancy_shadow_nw.png', sizingMethod='scale'); }
 +
 
 +
/* */
 +
 
 +
#content {border:none; position:relative; top:-20px; background-color:transparent;}
 +
 
 +
#globalWrapper {
 +
clear:both;
 +
width:100%;
 +
position:absolute;
 +
top:0px;
 +
}
 +
 
 +
#contentSub {display:none;}
 +
#siteSub {display:none;}
 +
#search-controls {
 +
width:300px;
 +
 
 +
        top:25px;
 +
        right:25px;
 +
        z-index:100;
 +
}
 +
 
 +
input.searchButton {
 +
position:absolute;
 +
font-size:10pt;
 +
font-family:"Arial";
 +
font-weight:normal;
 +
color:#FFFFFF;
 +
}
 +
 
 +
#searchInput{
 +
background-color:transparent;
 +
z-index:100;
 +
color:#FFFFFF;
 +
font:Arial;
 +
text-align:center;
 +
 
 +
background:url('https://static.igem.org/mediawiki/2011/2/2e/Kaist2011_head_searchbar.png') no-repeat;
 +
background-position:0px 0px;
 +
vertical-align:middle;
 +
 
 +
width: 184px;
 +
height: 22px;
 +
border: none;
 +
 
 +
}
 +
 
 +
#searchGoButton {
 +
font-size:0pt;
 +
background:url('https://static.igem.org/mediawiki/2011/5/5f/Kaist2011_head_arrow.png') no-repeat;
 +
background-position:left 0px;
 +
cursor:pointer;
 +
cursor: hand; /* for IE 5.x */
 +
 
 +
width: 29px;
 +
height: 29px;
 +
border: none;
 +
}
 +
#mw-searchButton {
 +
position:relative;
 +
left:35px;
 +
font-size:0pt;
 +
background:url('https://static.igem.org/mediawiki/2011/a/a1/Kaist2011_head_search.png') no-repeat;
 +
background-position:left 0px;
 +
cursor:pointer;
 +
cursor: hand; /* for IE 5.x */
 +
 
 +
width: 29px;
 +
height: 29px;
 +
border: none;
 +
}
 +
.firstHeading {display:none;}
 +
 
 +
#top-section {
 +
height:80px; width:1000px;
 +
border:none;
 +
z-index:0;
 +
}
 +
 
 +
<!--Remove the banner-->
 +
#p-logo {position:relative; top:0px; z-index:0; height:1px; width:10px; overflow:hidden;}
 +
#p-logo a{color:black;}
 +
img[src*="/wiki/skins/common/images/wiki.png"]{
 +
    visibility:hidden;
 +
    top:-100px;
 +
    width:10px;
 +
    height:0px;
 +
margin-top:20px;
 +
    background:transparent;
 +
}
 +
 
 +
#menubar{
 +
clear:both;
 +
top:0px;
 +
z-index:1;
 +
font-size:8pt;
 +
font-family:"Arial";}
 +
#menubar:hover{
 +
background-color:transparent;
 +
}
 +
 
 +
.left-menu {margin-top:0px; left:-20px;}
 +
.left-menu ul {border:none;}
 +
.right-menu {margin-top:0px; right:-5px;}
 +
.right-menu ul {border:none;}
 +
.right-menu ul a {background-color:transparent;}
 +
.left-menu li a {color: #ffffff;}
 +
.left-menu li a:visited {color: #ffffff;}
 +
.left-menu li a:hover { color:#bbe0e9;}
 +
.left-menu li a:active{ color:#bbe0e9; font-weight:bold;}
 +
.right-menu li a {color: #000000;}
 +
.right-menu li a:visited {color: #000000;}
 +
.right-menu li a:hover {color:#ababab; text-decoration:none;}
 +
.right-menu li a:active {color:#ababab; text-decoration:none;font-weight:bold;}
 +
 
 +
#menubar li {
 +
        margin: 6px;
 +
}
 +
 
 +
#catlinks {
 +
position:relative;
 +
top:5px;
 +
left:-5px;
 +
width:990px;
 +
border:none;
 +
background-color:transparent;
 +
padding-top:5px;
 +
clear: both;
 +
}
 +
 
 +
#footer-box {width:965px; background-color:transparent; border:none; position:relative; top:-50px; padding-top:25px;}
 +
#footer {
 +
position:relative;
 +
bottom:5%;
 +
background-color:transparent;
 +
font-size:8pt;
 +
font-family:"Arial";
 +
z-index:1;
 +
}
 +
#footer li a {color:#000000;}
 +
#footer img {
 +
margin:10px;
 +
border:none;
 +
}
 +
#footer li a:visited {color::#000000;}
 +
#footer li a:hover { color:#ababab; text-decoration:none; }
 +
#footer li a:active{ color:#ababab; text-decoration:none; font-weight:bold}
 +
body {
 +
width=100%;
 +
 
 +
background-image:url('https://static.igem.org/mediawiki/2011/8/84/Kaist2011_menu_background.jpg');
 +
background-repeat:no-repeat;
 +
background-position:center top;
 +
background-attachment: scroll;
 +
 
 +
background-color:#bbe0e9;
 +
z-index:-100;
 +
}
 +
 
 +
#kaistcontent{
 +
background-color:white; -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;
 +
width:815px;
 +
font-family:Helvetica, Arial, Sans-serif;
 +
font-size:10pt;
 +
line-height:90%;
 +
text-align:justify;
 +
padding: 25px 75px 25px 75px;
 +
}
 +
 
 +
#kaistcontent h2{
 +
color:#215968;
 +
font:Arial 13pt;
 +
line-height:100%;
 +
}
 +
 
 +
#kaistcontent h3{
 +
color:#215968;
 +
font-weight:normal;
 +
font:Arial 11pt;
 +
line-height:110%;
 +
}
 +
 +
.upbg {
 +
position: relative;
 +
overflow:hidden;
 +
top: -55px;
 +
left: -145px;
 +
width:0px;
 +
height:0px;
 +
z-index:-100;
 +
}
 +
</style>
 +
 
 +
</head>
 +
 
 +
<body>
 +
<div>
 +
<a href="https://2011.igem.org/Team:KAIST-Korea/jihan"><img id="tag1" src="https://static.igem.org/mediawiki/2011/8/8f/Kaist2011_text_home.png" />
 +
</a>
 +
</div>
 +
<!--contents here in-->
 +
</body>
 +
 
 +
 
 +
</p>
 +
<div id="kaistcontent">
 +
<h2> <span class="mw-headline" id="Project_Description">Project Description</span></h2>
 +
<div class="floatleft"><a href="/File:Kaist2011_home_logo.png" class="image"><img alt="Kaist2011 home logo.png" src="/wiki/images/f/f0/Kaist2011_home_logo.png" width="354" height="355" /></a></div>
 +
<p><br />
 +
E. Casso is an E. coli system engineered into art. This system consists of two types of genetically modified E. coli: the random signal generating E. coli (the “Brush E. coli”) and the color generating E. coli (the “Paint E. coli”).
 +
</p><p><br />
 +
The Brush E. coli possesses genes (lasI, luxI, rhlI, and cinI) that produce quorum in its chromosomal DNA. Each Brush E. coli will secrete quorum molecules randomly associated with one of four colors among red, cyan, yellow, and green by a modified Cre-loxP mechanism.
 +
</p><p><br />
 +
The Paint E.coli possesses plasmid vectors that express one of four colors of fluorescent proteins in response to the type of quorum it receives from the Brush E.coli. The quorum sensing complex completed in the Brush will bind to the ribosome binding site (RBS) of the corresponding fluorescent gene.
 +
</p><p><br />
 +
Using this system, we can create art on an LP plate with the cells' “random” contribution.
 +
</p><p>
 +
<iframe src="http://www.facebook.com/plugins/like.php?app_id=115152055242776&amp;href=http%3A%2F%2F2011.igem.org%2FTeam%3AKAIST-Korea&amp;send=false&amp;layout=standard&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=bright&amp;font=arial&amp;height=35" scrolling="no" frameborder="0" style="text-align:justify;border:none; overflow:hidden; width:250px; height:40px; position:relative; left:10px;" allowTransparency="true"></iframe>
 +
 
 +
</p>
 +
</div>

Revision as of 10:45, 10 September 2011

<head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<style type="text/css">

  1. tag1{

position:absolute; top:108px; left:63px; width:71px; height:21px; }

  1. tag2{

position:absolute; top:108px; left:136px; width:71px; height:21px; }

  1. tag3{

position:absolute; top:108px; left:209px; width:71px; height:21px; }

  1. tag4{

position:absolute; top:108px; left:281px; width:71px; height:21px; }

  1. main_navigation

{ margin:0; padding:0;}

#main_navigation li { float:left; list-style:none; font:12px Tahoma,Arial; }

#main_navigation li a { display:block; padding:5px 0px 0px 0px; text-decoration:none; border:none; color:#000000; width:auto; white-space:nowrap;}

#main_navigation li a:hover { -moz-opacity:.70;filter:alpha(opacity=70);opacity:.70; }

#main_navigation li ul { margin:0; padding:0; position:absolute; visibility:hidden;}

#main_navigation li ul li { float:left; position:relative; left:5px; display:inline; }

#main_navigation li ul li a { width:auto; padding:0px 0px 0px 0px; }

#main_navigation li ul li a:hover { padding:5px 0px 0px 0px; }

  1. subNav5 {

position:relative; left:100px; display:inline; }

  1. main_img1{

border:0; width:70px; height:70px; background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;

}

  1. main_img2{

border:0; width:70px; height:70px; background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;

}#main_img3{ border:0; width:70px; height:70px; background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;

}#main_img4{ border:0; width:70px; height:70px; background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;

}#main_img5{ border:0; width:70px; height:70px; background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;

}#main_img6{ border:0; width:70px; height:70px; background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;

}#main_img7{ border:0; width:70px; height:70px; background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;

}

  1. menuall {

z-index:200; width:600px; position:relative; top:-25px; left:450px; }

.subNavMenuItems img{ border:0; width:70px; height:70px; }

  1. kaistlogo{

z-index:200; width:280px; height:77px; position:absolute; top:22px; left:66px; }

  1. navigationbar{

z-index:200; width:291px; heigth:7px; position:absolute; top:100px; left:63px; }

  1. subNav0{

width:381px;height:80px; background-image:url('https://static.igem.org/mediawiki/2011/b/b6/Kaist2011_menu_menubar5_1.png'); background-repeat:no-repeat; background-position:5px 7px; }

  1. subNav1{

width:262px;height:80px; background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png'); background-repeat:no-repeat; background-position:-22px 7px; }

  1. subNav2{

width:192px;height:80px; background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png'); background-repeat:no-repeat; background-position:-23px 7px; }

  1. subNav3{

width:262px;height:80px; background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png'); background-repeat:no-repeat; background-position:-23px 7px; }

  1. subNav4{

width:192px;height:80px; background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png'); background-repeat:no-repeat; background-position:-23px 7px; }

  1. subNav5{

width:402px;height:80px; background-image:url('https://static.igem.org/mediawiki/2011/6/68/Kaist2011_menu_menubar5_2.png'); background-repeat:no-repeat; background-position:-20px 7px; }

  1. menubody{

padding-bottom:155px; }

</style>

<script type='text/javascript' src="/Team:KAIST-Korea/js/jquery-132min?action=raw"></script> <script type='text/javascript' src="/Team:KAIST-Korea/js/effects_core?action=raw"></script> <script type='text/javascript' src="/Team:KAIST-Korea/js/dropdown_glimmer?action=raw"></script> </head>

<body>

</body>


<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type='text/javascript' src="/Team:KAIST-Korea/js/fancybox/jquery_fancybox?action=raw"></script> <script type='text/javascript' src="/Team:KAIST-Korea/js/fancybox/jquery_easing?action=raw"></script> <script type='text/javascript' src="/Team:KAIST-Korea/js/fancybox/jquery_mousewheel?action=raw"></script> <link rel="stylesheet" href="https://2011.igem.org/Team:KAIST-Korea/css/fancybox/jquery_fancybox" type="text/css" media="screen" />

<script type="text/javascript"> $(document).ready(function() {

/* This is basic - uses default settings */

$("a#single_image").fancybox({ 'autoScale' : true, 'overlayColor' : '#000', 'overlayOpacity' : 0.85 });

/* Apply fancybox to multiple items */

$("a.gallery").fancybox({ 'autoScale' : true, 'overlayColor' : '#000', 'overlayOpacity' : 0.85 });

$(".video").click(function() { $.fancybox({ 'padding' : 0, 'autoScale' : true, 'overlayColor' : '#000', 'overlayOpacity' : 0.85, 'transitionIn' : 'none', 'transitionOut' : 'none', 'title' : this.title, 'titlePosition' : 'outside', 'width' : 640, 'height' : 360, 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 'type' : 'swf', 'swf' : { 'wmode' : 'transparent', 'allowfullscreen' : 'true' } }); return false; });

});


</script>

<style type="text/css">

/* IGEM stuff */

  1. fancybox-loading {

position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

  1. fancybox-loading div {

position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png'); }

  1. fancybox-overlay {

position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }

  1. fancybox-tmp {

padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

  1. fancybox-wrap {

position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }

  1. fancybox-outer {

position: relative; width: 100%; height: 100%; background: #fff; }

  1. fancybox-content {

width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }

  1. fancybox-hide-sel-frame {

position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

  1. fancybox-close {

position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }

  1. fancybox-error {

color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }

  1. fancybox-img {

width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }

  1. fancybox-frame {

width: 100%; height: 100%; border: none; display: block; }

  1. fancybox-left, #fancybox-right {

position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('https://static.igem.org/mediawiki/2011/c/c0/Blank.gif'); z-index: 1102; display: none; }

  1. fancybox-left {

left: 0px; }

  1. fancybox-right {

right: 0px; }

  1. fancybox-left-ico, #fancybox-right-ico {

position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

  1. fancybox-left-ico {

background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png'); background-position: -40px -30px; }

  1. fancybox-right-ico {

background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png'); background-position: -40px -60px; }

  1. fancybox-left:hover, #fancybox-right:hover {

visibility: visible; /* IE6 */ }

  1. fancybox-left:hover span {

left: 20px; }

  1. fancybox-right:hover span {

left: auto; right: 20px; }

.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

  1. fancybox-bg-n {

top: -20px; left: 0; width: 100%; background-image: url('https://static.igem.org/mediawiki/2011/9/92/Kaist2011_fancybox-x.png'); }

  1. fancybox-bg-ne {

top: -20px; right: -20px; background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png'); background-position: -40px -162px; }

  1. fancybox-bg-e {

top: 0; right: -20px; height: 100%; background-image: url('https://static.igem.org/mediawiki/2011/4/42/Kaist2011_fancybox-y.png'); background-position: -20px 0px; }

  1. fancybox-bg-se {

bottom: -20px; right: -20px; background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png'); background-position: -40px -182px; }

  1. fancybox-bg-s {

bottom: -20px; left: 0; width: 100%; background-image: url('https://static.igem.org/mediawiki/2011/9/92/Kaist2011_fancybox-x.png'); background-position: 0px -20px; }

  1. fancybox-bg-sw {

bottom: -20px; left: -20px; background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png'); background-position: -40px -142px; }

  1. fancybox-bg-w {

top: 0; left: -20px; height: 100%; background-image: url('https://static.igem.org/mediawiki/2011/4/42/Kaist2011_fancybox-y.png'); }

  1. fancybox-bg-nw {

top: -20px; left: -20px; background-image: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png'); background-position: -40px -122px; }

  1. fancybox-title {

font-family: Helvetica; font-size: 12px; z-index: 1102; }

.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }

.fancybox-title-outside { padding-top: 10px; color: #fff; }

.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }

  1. fancybox-title-over {

padding: 10px; background-image: url('https://static.igem.org/mediawiki/2011/3/3f/Kaist2011_fancy_title_over.png'); display: block; }

.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }

  1. fancybox-title-float-wrap {

border: none; border-collapse: collapse; width: auto; }

  1. fancybox-title-float-wrap td {

border: none; white-space: nowrap; }

  1. fancybox-title-float-left {

padding: 0 0 0 15px; background: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png') -40px -90px no-repeat; }

  1. fancybox-title-float-main {

color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('https://static.igem.org/mediawiki/2011/9/92/Kaist2011_fancybox-x.png') 0px -40px; }

  1. fancybox-title-float-right {

padding: 0 0 0 15px; background: url('https://static.igem.org/mediawiki/2011/d/d5/Kaist2011_fancybox.png') -55px -90px no-repeat; }

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/c/cb/Kaist2011_fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/4/40/Kaist2011_fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/2/2b/Kaist2011_fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/3/3f/Kaist2011_fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/f/f9/Kaist2011_fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/c/c7/Kaist2011_fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/a/ae/Kaist2011_fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }

  1. fancybox-loading.fancybox-ie6 {

position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }

  1. fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/4/40/Kaist2011_fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/e/ee/Kaist2011_fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/d/de/Kaist2011_fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/c/ce/Kaist2011_fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/4/42/Kaist2011_fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/7/76/Kaist2011_fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/a/a1/Kaist2011_fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/a/a9/Kaist2011_fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2011/7/70/Kaist2011_fancy_shadow_nw.png', sizingMethod='scale'); }

/* */

  1. content {border:none; position:relative; top:-20px; background-color:transparent;}
  1. globalWrapper {

clear:both; width:100%; position:absolute; top:0px; }

  1. contentSub {display:none;}
  2. siteSub {display:none;}
  3. search-controls {

width:300px; 

       top:25px;
       right:25px;
       z-index:100;

}

input.searchButton { position:absolute; font-size:10pt; font-family:"Arial"; font-weight:normal; color:#FFFFFF; }

  1. searchInput{

background-color:transparent; z-index:100; color:#FFFFFF; font:Arial; text-align:center;

background:url('https://static.igem.org/mediawiki/2011/2/2e/Kaist2011_head_searchbar.png') no-repeat; background-position:0px 0px; vertical-align:middle;

width: 184px; height: 22px; border: none;

}

  1. searchGoButton {

font-size:0pt; background:url('https://static.igem.org/mediawiki/2011/5/5f/Kaist2011_head_arrow.png') no-repeat; background-position:left 0px; cursor:pointer; cursor: hand; /* for IE 5.x */

width: 29px; height: 29px; border: none; }

  1. mw-searchButton {

position:relative; left:35px; font-size:0pt; background:url('https://static.igem.org/mediawiki/2011/a/a1/Kaist2011_head_search.png') no-repeat; background-position:left 0px; cursor:pointer; cursor: hand; /* for IE 5.x */

width: 29px; height: 29px; border: none; } .firstHeading {display:none;}

  1. top-section {

height:80px; width:1000px; border:none; z-index:0; }

  1. p-logo {position:relative; top:0px; z-index:0; height:1px; width:10px; overflow:hidden;}
  2. p-logo a{color:black;}

img[src*="/wiki/skins/common/images/wiki.png"]{ 

   visibility:hidden;
   top:-100px;
   width:10px;
   height:0px;

margin-top:20px; 

   background:transparent;

}

  1. menubar{

clear:both; top:0px; z-index:1; font-size:8pt; font-family:"Arial";}

  1. menubar:hover{

background-color:transparent; }

.left-menu {margin-top:0px; left:-20px;} .left-menu ul {border:none;} .right-menu {margin-top:0px; right:-5px;} .right-menu ul {border:none;} .right-menu ul a {background-color:transparent;} .left-menu li a {color: #ffffff;} .left-menu li a:visited {color: #ffffff;} .left-menu li a:hover { color:#bbe0e9;} .left-menu li a:active{ color:#bbe0e9; font-weight:bold;} .right-menu li a {color: #000000;} .right-menu li a:visited {color: #000000;} .right-menu li a:hover {color:#ababab; text-decoration:none;} .right-menu li a:active {color:#ababab; text-decoration:none;font-weight:bold;}

  1. menubar li { 
       margin: 6px;

}

  1. catlinks {

position:relative; top:5px; left:-5px; width:990px; border:none; background-color:transparent; padding-top:5px; clear: both; }

  1. footer-box {width:965px; background-color:transparent; border:none; position:relative; top:-50px; padding-top:25px;}
  2. footer {

position:relative; bottom:5%; background-color:transparent; font-size:8pt; font-family:"Arial"; z-index:1; }

  1. footer li a {color:#000000;}
  2. footer img {

margin:10px; border:none; }

  1. footer li a:visited {color::#000000;}
  2. footer li a:hover { color:#ababab; text-decoration:none; }
  3. footer li a:active{ color:#ababab; text-decoration:none; font-weight:bold}

body { width=100%;

background-image:url('https://static.igem.org/mediawiki/2011/8/84/Kaist2011_menu_background.jpg'); background-repeat:no-repeat; background-position:center top; background-attachment: scroll;

background-color:#bbe0e9; z-index:-100; }

  1. kaistcontent{

background-color:white; -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0; width:815px; font-family:Helvetica, Arial, Sans-serif; font-size:10pt; line-height:90%; text-align:justify; padding: 25px 75px 25px 75px; }

  1. kaistcontent h2{

color:#215968; font:Arial 13pt; line-height:100%; }

  1. kaistcontent h3{

color:#215968; font-weight:normal; font:Arial 11pt; line-height:110%; }

.upbg { position: relative; overflow:hidden; top: -55px; left: -145px; width:0px; height:0px; z-index:-100; } </style>

</head>

<body>

<a href="https://2011.igem.org/Team:KAIST-Korea/jihan"><img id="tag1" src="Kaist2011_text_home.png" /> </a>

</body>


</p>

Project Description

<a href="/File:Kaist2011_home_logo.png" class="image"><img alt="Kaist2011 home logo.png" src="/wiki/images/f/f0/Kaist2011_home_logo.png" width="354" height="355" /></a>


E. Casso is an E. coli system engineered into art. This system consists of two types of genetically modified E. coli: the random signal generating E. coli (the “Brush E. coli”) and the color generating E. coli (the “Paint E. coli”).


The Brush E. coli possesses genes (lasI, luxI, rhlI, and cinI) that produce quorum in its chromosomal DNA. Each Brush E. coli will secrete quorum molecules randomly associated with one of four colors among red, cyan, yellow, and green by a modified Cre-loxP mechanism.


The Paint E.coli possesses plasmid vectors that express one of four colors of fluorescent proteins in response to the type of quorum it receives from the Brush E.coli. The quorum sensing complex completed in the Brush will bind to the ribosome binding site (RBS) of the corresponding fluorescent gene.


Using this system, we can create art on an LP plate with the cells' “random” contribution.

<iframe src="http://www.facebook.com/plugins/like.php?app_id=115152055242776&href=http%3A%2F%2F2011.igem.org%2FTeam%3AKAIST-Korea&send=false&layout=standard&width=200&show_faces=false&action=like&colorscheme=bright&font=arial&height=35" scrolling="no" frameborder="0" style="text-align:justify;border:none; overflow:hidden; width:250px; height:40px; position:relative; left:10px;" allowTransparency="true"></iframe>

Retrieved from "http://2011.igem.org/Team:UNIST_Korea"