Team:Fatih Turkey/Home2

From 2011.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<head>
+
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>deneme baslik</title>
+
<title>Home</title>
-
<style>
+
<meta name="description" content="" />
-
h1.firstHeading, div#p-logo, div#search-controls, div#contentSub, div#footer-box, div#catlinks{
+
<meta name="keywords" content="" />
-
  display:none;
+
<style type="text/css">
-
}
+
 
-
#menubar{
+
#top-section{
-
background-color: transparent;
+
height:18px !important;
-
font-size: 85%;
+
-
top: 10px;
+
-
position: absolute;
+
-
margin-top: -12px;
+
}
}
-
div#content{
+
#p-logo{
-
padding: 0 !important;
+
display:none;
-
background: transparent;
+
-
border: none !important;
+
-
width: auto;
+
}
}
-
#menubar li a {
+
ul,ol,li,h1,h2,h3,h4,h5,h6,p{
-
color: #FFFFFF;
+
-
background-color: transparent;
+
-
}
+
-
#globalWrapper{
+
-
margin-top:5px;
+
-
}
+
-
#top-section{
+
-
height: 20px !important;
+
-
border: none !important;
+
-
}
+
-
body {
+
-
font-size: 12px;
+
-
font-family: Verdana, Arial, SunSans-Regular, sans-serif !important;
+
-
color: #444;
+
-
background: #6b6b6b url('http://igem.org/wiki/images/a/ad/Bg-igem.png');
+
-
}
+
-
body,p,pre,div,span{
+
-
line-height: 160%;
+
-
color: #333;
+
-
}
+
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address,
+
-
code, del, dfn, em, img, q, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
+
-
{
+
margin:0;
margin:0;
padding:0;
padding:0;
-
border:0;
 
-
font-weight:inherit;
 
-
font-style:inherit;
 
-
font-family:inherit;
 
-
vertical-align:baseline;
 
}
}
-
 
+
ul{
-
em{
+
list-style:none;
-
font-style:italic;
+
}
}
-
table{
+
a,a:link,a:visited,a:hover{
-
margin-top: 15px;
+
color:#00f;
-
margin-bottom: 15px;
+
text-decoration:none;
}
}
-
hr{
+
a:focus,a:hover{
-
border: 0;
+
text-decoration:underline;
-
color: #eee;
+
-
background-color: #eee;
+
-
height: 1px;
+
-
margin-bottom: 20px;
+
}
}
-
img.centered {
+
a img{
-
display: block;
+
border:0;
-
margin-left: auto;
+
-
margin-right: auto;
+
}
}
-
img.alignnone {
+
.clear{
-
margin: 0px 0px 5px 5px;
+
clear:both;
-
display: inline;
+
}
}
-
img.alignright {
+
body{
-
margin: 0px 0px 5px 10px;
+
        margin:0;
-
display: inline;
+
        padding:0;
 +
background:#f1f1f1 repeat-y;
 +
color:#000;
 +
font:62.5% Myriad Pro,Arial,sans-serif;
}
}
-
img.alignleft {
 
-
margin: 0px 10px 5px 0px;
 
-
display: inline;
 
}
}
-
.alignright {
+
 
-
float: right;
+
#banner{
 +
float: left;
 +
margin: 0px 0px 0px 0px;
}
}
-
.alignleft {
+
#banner img{
float: left;
float: left;
-
}
 
-
.aligncenter{
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
}
 
-
h1,h2,h3,h4,h5,h6{
 
-
  margin-top: 15px;
 
-
  margin-bottom: 15px ;
 
-
  color: #333;
 
-
  line-height: 1.5em;
 
-
}
 
-
h1 {
 
-
font-size: 30px;
 
-
}
 
-
h2 {
 
-
font-size: 25px;
 
-
}
 
-
h3 {
 
-
font-size: 20px;
 
-
}
 
-
h4 {
 
-
font-size: 18px;
 
-
}
 
-
h5 {
 
-
font-size: 16px;
 
}
}
-
h6 {
+
#metucontent{
-
font-size: 15px;
+
width: 965px;
-
}
+
     
-
a{
+
-
text-decoration: none;
+
-
}
+
-
a{
+
-
color: #2f86c4;
+
-
}
+
-
a:hover{
+
-
color: #4172ab;
+
-
}
+
-
#header .logo{
+
-
margin-top: 41px;
+
-
margin-left: 40px;
+
-
}
+
-
#footer{
+
-
background: #707070;
+
-
border-left: 1px #888 solid;
+
-
border-right: 1px #888 solid;
+
-
width: 988px;
+
-
margin: 0px auto 0px;
+
-
overflow: hidden;
+
-
}
+
-
#footer div{
+
-
color: #bbb;
+
-
}
+
-
#footer a{
+
-
color: #c4c5cc;
+
-
text-decoration: none;
+
-
}
+
-
#footer a:hover{
+
-
color: #666;
+
}
}
 +
#content{background: #ffffff; }
-
.footer-sh-wrapper {
+
#left_column{
-
    height: 22px;
+
width: 646px;
-
    margin: auto;
+
float: left;
-
    position: relative;
+
-
    width: 990px;
+
-
}
+
-
.footer-sh-left {
+
-
    background: url("http://2011.igem.org/wiki/images/b/b7/Footer-sh-left.png") no-repeat scroll 0 0 transparent;
+
-
    height: 112px;
+
-
    left: 0;
+
-
    position: absolute;
+
-
    top: -90px;
+
-
    width: 10px;
+
-
}
+
-
.footer-sh {
+
-
    background: url("http://2011.igem.org/wiki/images/b/bf/Footer-sh.png") repeat-x scroll center bottom #F9F9F9;
+
-
    bottom: 0;
+
-
    height: 22px;
+
-
    left: 10px;
+
-
    position: absolute;
+
-
    width: 970px;
+
-
}
+
-
.footer-sh-right {
+
-
    background: url("http://2011.igem.org/wiki/images/b/b5/Footer-sh-right.png") no-repeat scroll 0 0 transparent;
+
-
    height: 112px;
+
-
    position: absolute;
+
-
    right: 0;
+
-
    top: -90px;
+
-
    width: 10px;
+
}
}
-
.copyright-open{
+
.text{
-
width: 988px;
+
font-family: Helvetica, Arial;
-
height: 0px;
+
width: 552px;
-
margin:auto;
+
float: left;
-
display: block-inline;
+
padding: 32px 38px 22px 30px;
-
}
+
-
h1, h2, h3, h4, h5, h6{
+
-
color: #333333;
+
}
}
-
#header-whole{
 
-
position: relative;
+
.text h3{
-
z-index: 200;
+
font-size: 18px;
-
width: 980px;
+
-
margin: 0 auto;
+
-
}
+
-
#header{
+
-
height: 100px;
+
-
clear: both;
+
-
background: #f9f9f9;
+
-
margin: 0 auto;
+
-
    width: 970px;
+
-
}
+
-
#header .logo{
+
float: left;
float: left;
-
margin-top: 25px;
+
margin: 0px 0px 12px 0px;
-
margin-left: 20px;
+
color: #fff;
 +
        text-decoration: none;
}
}
-
#container{
+
.text p{
-
width: 970px;
+
color: #ffffff;
-
margin: 0px auto 0px;
+
width: 552px;
-
background: none repeat scroll 0 0 #F9F9F9;
+
-
overflow: hidden;
+
-
}
+
-
.copyright-open{
+
-
border-top: 1px #a8a8a8 solid;
+
-
border-bottom: 1px #888 solid;
+
-
border-left: 1px #888 solid;
+
-
border-right: 1px #888 solid;
+
-
}
+
-
.nav-wrapper{
+
-
margin: 0px 30px 10px 0px;
+
-
float:right;
+
-
}
+
-
.ddsmoothmenu ul{
+
-
padding: 0px;
+
-
list-style-type: none;
+
-
background: #666666;
+
-
}
+
-
.ddsmoothmenu ul li{
+
-
position: relative;
+
-
display: block;
+
float: left;
float: left;
 +
clear: left;
 +
font-size: 12px;
}
}
-
.ddsmoothmenu ul li a{
+
 
-
line-height: 140%;
+
.text p img{
-
overflow: hidden;
+
float: right;
-
text-align: left;
+
clear:left;
-
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
+
margin: 0px 0px 0px 20px;
-
word-spacing: 1px;
+
-
font-size: 14px;
+
-
font-weight: normal;
+
-
display: block; /*background of menu items (default state)*/
+
-
padding: 34px 27px 10px 17px;
+
-
text-decoration: none;
+
-
}
+
-
.ddsmoothmenu ul li a span {
+
-
font-weight: normal;
+
-
color: #888;
+
-
font-size: 10px;
+
-
clear: both;
+
-
display:block;
+
-
width: 60px;
+
-
}
+
-
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
+
-
display: inline-block;
+
}
}
-
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
+
.text a.continue{
-
color: #333;
+
color: #65b8f9;
 +
font-size: 14px;
}
}
-
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+
.alternative{
-
color: #888;
+
background: #2a2d32;
 +
border-top: 1px solid #26292e;
 +
border-bottom: 1px solid #26292e;
}
}
-
.ddsmoothmenu ul li a:hover{
+
#right_column{
-
color: #888;
+
width: 283px;
-
}
+
float: left;
-
+
padding: 18px 18px 0px 17px;
-
/*1st sub level menu*/
+
        background: #26292e;
-
.ddsmoothmenu ul li ul{
+
-
position: absolute;
+
-
left: 0;
+
-
visibility: hidden;
+
-
display: none; /*collapse all sub menus to begin with*/
+
-
border: 1px #222 solid;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
+
-
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
+
}
}
-
/*Sub level menu list items (undo style from Top level List Items)*/
+
.heading{
-
.ddsmoothmenu ul li ul li{
+
width: 260px;
-
text-align:left;
+
        height: 20px;
-
float: none;
+
        float: left;
-
background: url('img/bg-menu2.png');
+
        padding: 6px 14px 6px 14px;
 +
        margin: 0px 0px 12px 0px;
 +
        background: url(http://igem.org/wiki/images/7/77/Navigation_btn_bg.gif) repeat-x;
}
}
-
.ddsmoothmenu ul li ul li a{
+
.heading h3{
-
color: #fff;
+
font-size: 17px;
-
font-size: 12px;
+
color: #ffffff;
-
}
+
float: left;
-
.ddsmoothmenu ul li ul li  a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+
font-weight: normal;
-
color: #fff;
+
-
}
+
-
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
+
-
color: #fff;
+
-
}
+
-
.ddsmoothmenu ul li ul li a:hover{
+
-
color: #ffc;
+
-
}
+
-
.ddsmoothmenu ul li ul li ul{
+
-
top: 0;
+
}
}
-
/* Sub level menu links style */
+
.heading img{
-
.ddsmoothmenu ul li ul li a{
+
float: right;
-
width: 160px; /*width of sub menus*/
+
margin: 3px 0px 0px 0px;
-
padding: 0px 0px 0px 10px;
+
-
height: 38px;
+
-
line-height: 320%;
+
-
border-left: 1px #555 solid;
+
-
overflow: hidden;
+
}
}
-
/* Holly Hack for IE \*/
+
ul{
-
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
+
float: left;
-
 
+
margin: 0px 0px 39px 0px;
-
.copyright{
+
-
width: 930px;
+
-
color: #959595;
+
-
background: #eee;
+
-
clear: both;
+
-
line-height: 190%;
+
-
text-align: right;
+
-
padding: 10px 20px 10px;
+
-
margin: 0px auto 0px;
+
}
}
-
.copyright a{
+
ul.sitemap li a{
-
color: #bbb;
+
font-size: 14px;
-
text-decoration: none;
+
color: #ffffff;
 +
margin: 0px 0px 17px 11px;
}
}
-
.copyright a:hover{
 
-
color: #ccc;
 
-
}
 
-
 
-
</style>
 
-
<style>
+
ul.sitemap li span{
-
/* Breadcrumbs */
+
color: #65b8f9;
-
.breadcrumbs-wrapper{
+
-
width: 940px;
+
-
padding-right: 30px;
+
-
padding-bottom: 10px;
+
-
padding-top: 17px;
+
-
height: 20px;
+
-
margin: auto;
+
-
background: #f2f2f2 url('http://2011.igem.org/wiki/images/3/35/Breadcrumbs-bg.jpg') repeat-x center top;
+
-
border-bottom: 1px #eaeaea solid;
+
-
}
+
-
/* the case without slider */
+
-
.breadcrumbs-wrapper-main{
+
-
width: 940px;
+
-
padding-right: 30px;
+
-
padding-bottom: 10px;
+
-
padding-top: 17px;
+
-
height: 20px;
+
-
margin: auto;
+
-
background: #f2f2f2 url('http://2011.igem.org/wiki/images/3/35/Breadcrumbs-bg.jpg') repeat-x center top;
+
-
}
+
-
.breadcrumbs{
+
-
font-size: 11px;
+
-
}
+
-
.breadcrumbs .current{
+
-
color: #999;
+
-
}
+
-
.breadcrumbs .and{
+
-
color: #fff;
+
-
}
+
-
.breadcrumbs a{
+
-
color: #777;
+
-
text-decoration: underline;
+
-
}
+
-
.breadcrumbs a:hover{
+
-
color: #999;
+
-
}
+
-
.arrow-breadcrumbs{
+
-
width: 20px;
+
-
height: 9px;
+
-
display:inline-block;
+
-
background: url('arrow-breadcrumbs.png') no-repeat center;
+
-
}
+
-
.pre-breadcrumbs{
+
-
color: #999;
+
-
margin-right: 5px;
+
-
display:inline-block;
+
-
}
+
-
/* Slider */
+
-
#slider-wrapper{
+
-
width: 990px;
+
-
overflow: visible;
+
-
margin: 0px auto 0px;
+
-
}
+
-
.slider-sh-wrapper{
+
-
position: relative;
+
-
width: 990px;
+
-
}
+
-
.slider-sh-left{
+
-
width: 10px;
+
-
height: 112px;
+
-
background: url('http://2011.igem.org/wiki/images/6/69/Bar-title-sh-left.png') no-repeat;
+
-
display: block-inline;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
}
+
-
.slider-sh{
+
-
width: 970px;
+
-
height: 8px;
+
-
background: url('http://2011.igem.org/wiki/images/3/37/Bar-title-sh.png') repeat-x;
+
-
display: block-inline;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 10px;
+
-
}
+
-
.slider-sh-right{
+
-
width: 10px;
+
-
height: 112px;
+
-
background: url('http://2011.igem.org/wiki/images/c/c6/Bar-title-sh-right.png') no-repeat;
+
-
display: block-inline;
+
-
position: absolute;
+
-
top: 0px;
+
-
right: 0px;
+
-
}
+
-
#slider-wrapper .slider-content{
+
-
min-height: 20px;
+
-
}
+
-
#slider-wrapper .slider-top{
+
-
width: 988px;
+
-
height: 20px;
+
-
}
+
-
#slider-wrapper .slider-bottom{
+
-
width: 988px;
+
-
height: 20px;
+
-
}
+
-
#slider-wrapper .slider-shadow{
+
-
position:relative;
+
-
width: 990px;
+
-
background: #222 url('http://2011.igem.org/wiki/images/5/54/Slider-bg.png') no-repeat center ;
+
-
}
+
-
#slider-wrapper .slider-shadow-bar-top{
+
-
position: absolute;
+
-
background: url('http://2011.igem.org/wiki/images/a/a9/Slider-shadow.png');
+
-
display: inline-block;
+
-
z-index: 50;
+
-
margin: auto;
+
-
}
+
-
#slider-wrapper .slider-shadow-bar-bottom{
+
-
position: absolute;
+
-
left: 0px;
+
-
background: url('http://2011.igem.org/wiki/images/a/a9/Slider-shadow.png');
+
-
display: inline-block;
+
-
z-index: 50;
+
-
}
+
-
#slider-wrapper .slider-bullet{
+
-
width: 970px;
+
-
margin: 0px auto 0px;
+
-
overflow: hidden;
+
-
background: #f2f2f2 url('http://2011.igem.org/wiki/images/3/35/Breadcrumbs-bg.jpg') repeat-x center top;
+
}
}
-
#slider-wrapper .slider-top{
+
.replace{
-
background: url('http://2011.igem.org/wiki/images/1/16/Slider-top.jpg') repeat-x center top;
+
-
border-left: 1px #888 solid;
+
-
border-right: 1px #888 solid;
+
-
}
+
-
#slider-wrapper .slider-bottom{
+
-
background: url('http://2011.igem.org/wiki/images/5/55/Slider-bottom.jpg') repeat-x center top;
+
-
border-left: 1px #666 solid;
+
-
border-right: 1px #666 solid;
+
-
}
+
-
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
position:relative;
position:relative;
-
}
+
margin:0;
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
padding:0;
padding:0;
-
margin:0;
+
/* \*/
-
z-index:60;
+
overflow:hidden;
-
display:none;
+
/* */
}
}
-
/* The slices in the Slider */
+
.replace span{
-
.nivo-slice {
+
display:block;
display:block;
position:absolute;
position:absolute;
-
z-index:50;
+
top:0;
-
height:100%;
+
left:0;
 +
z-index:1;
}
}
-
/* Caption styles */
+
 
-
.nivo-caption {
+
#wrapper{
-
position:absolute;
+
width: 965px;
-
right:0px;
+
padding: 0px 0px 0px 0px;
-
bottom:15px;
+
        margin: 0px 0px 0px 0px;
-
/*background:#000;*/
+
 
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:40%;
+
-
z-index:89;
+
-
}
+
-
.nivo-caption p {
+
-
font-size: 100%;
+
-
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
+
-
color: #ddd;
+
-
text-align: left;
+
-
padding: 25px;
+
-
margin: 0;
+
-
}
+
-
.nivo-caption a {
+
-
display:inline !important;
+
-
}
+
-
.nivo-html-caption {
+
-
    display:none;
+
-
}
+
-
/* Direction nav styles (e.g. Next & Prev) */
+
-
.nivo-directionNav a {
+
-
position:absolute;
+
-
top:45%;
+
-
z-index:99;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-prevNav {
+
-
left:0px;
+
-
}
+
-
.nivo-nextNav {
+
-
right:0px;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.nivo-controlNav a {
+
-
position:relative;
+
-
z-index:99;
+
-
cursor:pointer;
+
-
margin-top: 5px;
+
-
}
+
-
.nivo-controlNav a.active {
+
-
font-weight:bold;
+
}
}
-
#slider {
+
#tab_nav {
-
position:relative;
+
height: 40px;
-
margin:30px 30px 60px 30px;
+
float: left;
-
background: url('http://2011.igem.org/wiki/images/4/42/Loading.gif') no-repeat 50% 50%;
+
background: url(http://igem.org/wiki/images/5/50/Navigation_bg.jpg) repeat-x;
 +
        }
-
/*-moz-box-shadow:0px 0px 10px #333;*/
+
#topnav li.active a{
-
/*-webkit-box-shadow:0px 0px 10px #333;*/
+
color:#f1f1f1;
-
/*box-shadow:0px 0px 10px #333*/
+
}
}
-
#slider img {
+
ul#topnav {
-
position:absolute;
+
float: left;
-
top:0px;
+
width: 964px;
-
left:0px;
+
list-style: none;
-
display:none;
+
position: relative;
 +
margin-top:0px;
}
}
-
#slider a {
+
ul#topnav li {
-
border:0;
+
float: left;
}
}
-
.nivo-directionNav a {
+
ul#topnav li a {
-
display:block;
+
padding: 10px 15px;
-
width: 39px;
+
display: block;
-
height: 40px;
+
color: #fff;
-
background:url('http://2011.igem.org/wiki/images/0/09/Arrows7.png') no-repeat;
+
text-decoration: none;
-
text-indent:-9999px;
+
        font-size:14px;
-
border:0;
+
-
}
+
-
a.nivo-nextNav {
+
-
position:absolute;
+
-
background-position: -39px 0;
+
-
bottom: 0px;
+
-
right: 20px;
+
-
}
+
-
a.nivo-prevNav {
+
-
bottom: 0px;
+
-
left: 20px;
+
}
}
 +
ul#topnav li a:hover {
 +
    text-decoration: none;
 +
background: #016acb;
 +
height: 20px;
-
#slider2 {
 
-
position:relative;
 
-
margin:auto;
 
-
background: url('http://2011.igem.org/wiki/images/4/42/Loading.gif') no-repeat 50% 50%;
 
-
/*-moz-box-shadow:0px 0px 10px #333;*/
 
-
/*-webkit-box-shadow:0px 0px 10px #333;*/
 
-
/*box-shadow:0px 0px 10px #333*/
 
}
}
-
/* Slider for shortcode */
 
-
#slider2 img {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
display:none;
 
}
}
-
#slider2 a {
+
ul#topnav li:hover {
-
border:0;
+
        z-index:1000;
}
}
-
#slider2 .nivo-controlNav {
+
ul#topnav li span {
-
position:absolute;
+
float: left;
-
right: 0px;
+
        z-index:1000;
-
bottom: -24px;
+
position: absolute;
-
}
+
left: 0;
-
#slider2 .nivo-controlNav a {
+
top:35px;
-
display:block;
+
display: none;
-
width:16px;
+
width:964px;
-
height:16px;
+
-
background: url(bullets3.png) no-repeat;
+
-
text-indent:-9999px;
+
-
border:0;
+
-
margin-right:10px;
+
-
float:left;
+
-
}
+
-
#slider2 .nivo-controlNav a.active {
+
-
background-position:-16px 0;
+
-
}
+
-
#slider-wrapper .slider-content{
+
-
width: 990px;
+
-
height: 400px;
+
-
}
+
-
#slider-wrapper .slider-backgroud{
+
-
background: #6b6b6b;
+
-
}
+
-
#slider-wrapper .slider-shadow-bar-top{
+
-
height: 0px;
+
-
top: 20px;
+
-
width: 100%;
+
-
}
+
-
#slider-wrapper .slider-shadow-bar-bottom{
+
-
height: 0px;
+
-
bottom: 20px;
+
-
width: 100%;
+
-
}
+
-
.nivo-caption h1, .nivo-caption h2, .nivo-caption h3, .nivo-caption h4, .nivo-caption h5, .nivo-caption h6{
+
-
margin-top: 0px;
+
color: #fff;
color: #fff;
 +
-moz-border-radius-bottomright: 5px;
 +
-khtml-border-radius-bottomright: 5px;
 +
-webkit-border-bottom-right-radius: 5px;
 +
-moz-border-radius-bottomleft: 5px;
 +
-khtml-border-radius-bottomleft: 5px;
 +
-webkit-border-bottom-left-radius: 5px;
 +
background-color: #028AD3;
 +
padding-top: 8px;
 +
padding-right: 0;
 +
padding-bottom: 8px;
 +
padding-left: 0;
}
}
-
.nivo-caption {
+
ul#topnav li:hover span { display: block;}
-
width: 45%;
+
ul#topnav li span a { display: inline; font-weight; normal; }
-
right:0px;
+
ul#topnav li span a:hover {text-decoration: none;}
-
bottom: 30px;
+
#groupparts {
 +
width: 650px!important;
}
}
-
.nivo-caption p{
+
#contentSub {
-
color: #d9d9d9;
+
display:none;
-
}
+
-
.nivo-caption {
+
-
background: #000000
+
}
}
-
+
#siteSub {
-
#slider-wrapper .slider-bullet{
+
display:none;
-
height: 130px;
+
-
border-bottom: 1px #e9e9e9 solid;
+
-
}
+
-
#slider .nivo-controlNav {
+
-
position:absolute;
+
-
width: 100%;
+
-
left:0%;
+
-
bottom:-145px;
+
-
text-align:center;
+
-
}
+
-
#slider .nivo-controlNav img {
+
-
display:inline;
+
-
position:relative;
+
-
margin-left:11px;
+
-
margin-right:11px;
+
-
border: 2px #eee solid;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
+
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
+
-
+
-
}
+
-
#slider .nivo-controlNav a.active img {
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 1px;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 1px;
+
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 1px;
+
}
}
-
#slider-wrapper .slider-content{
+
 
-
margin: 0px auto 0px;
+
.firstHeading {
 +
display:none;
}
}
-
/* Last Portfolio */
+
</html>
-
/* Slider Portfolio */
+
 
-
#content-slider {
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
  width: 543px;
+
<head>
-
  height: 18px;
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
  margin: 10px auto 20px;
+
<style type="text/css">
-
  background: url('http://2011.igem.org/wiki/images/2/2b/Portfolio-slidebar.png') no-repeat center;
+
<!--
-
  position: relative;
+
body {
-
}
+
background-color: #FFFFFF;
-
.ui-slider-handle {
+
-
  width: 45px;
+
-
  height: 11px;
+
-
  position: absolute;
+
-
  top: 4px;
+
-
  left: 1px;
+
-
  background: url('http://2011.igem.org/wiki/images/d/dc/Portfolio-slidebar-dot.png') no-repeat left;
+
-
}
+
-
#content-scroll {
+
-
  width: 910px;
+
-
  overflow: hidden;
+
-
  margin: 0px 30px 0px;
+
-
}
+
-
.content-item {
+
-
  width: 296px;
+
-
  padding: 5px;
+
-
  float: left;
+
-
}
+
-
.last-port-title{
+
-
position: relative;
+
-
text-align: left;
+
-
margin-left: 35px;
+
-
}
+
-
.last-port-title h1{
+
-
margin-top: 1.3em;
+
-
}
+
-
.last-port-whole{
+
-
overflow: hidden;
+
-
width: 970px;
+
-
background: #f0f0f0;
+
-
margin: auto;
+
-
border-bottom: 1px #e5e5e5 solid;
+
-
}
+
-
.last-port-wrapper{
+
-
margin-right: 7px;
+
-
margin-bottom: 20px;
+
-
}
+
-
.port-postthumb-big{
+
-
width: 173px;
+
-
height: 167px;
+
-
border: 1px #D5D5D5 solid;
+
-
}
+
-
.port-postthumb{
+
-
border: 1px #D5D5D5 solid;
+
-
}
+
-
.thumb{
+
-
margin: 3px;
+
-
}
+
-
.last-port-wrapper .last-portfolio-link{
+
-
margin-right: 10px;
+
-
margin-left: 0px;
+
-
}
+
-
.last-portfolio-link h4{
+
-
  margin-bottom:  0.5em;
+
-
  font-weight: 200;
+
-
}
+
-
.last-port-wrapper .lastport-date{
+
-
margin-left: 25px;
+
-
}
+
-
.last-port-wrapper .last-port-sh{
+
-
height: 12px;
+
-
width: 273px;
+
-
display: inline-block;
+
-
background: url('http://2011.igem.org/wiki/images/c/c2/Last-port-sh.png') no-repeat top;
+
-
}
+
-
.button{
+
-
border: 0px ;
+
-
text-decoration:none;
+
-
height: 28px;
+
-
line-height:28px;
+
-
display:inline-block;
+
-
clear:both;
+
-
padding:0px 16px;
+
-
margin-top: 10px;
+
-
margin-bottom: 10px;
+
-
font-size: 13px;
+
-
font-family:  Verdana, Arial, Helvetica;
+
-
-moz-border-radius:3px;
+
-
-webkit-radius:3px;
+
-
border-radius:3px;
+
-
cursor:pointer;
+
}
}
-
.button_big{
+
.style2 {
-
border: 0px ;
+
font-family: Rockwell, "Rockwell Condensed", "Rockwell Extra Bold";
-
text-decoration:none;
+
-
height: 28px;
+
-
line-height:28px;
+
-
display:inline-block;
+
-
clear:both;
+
-
padding: 5px 32px;
+
-
margin-top: 10px;
+
-
margin-bottom: 10px;
+
font-size: 16px;
font-size: 16px;
-
font-family:  Verdana, Arial, Helvetica;
 
-
-moz-border-radius:3px;
 
-
-webkit-radius:3px;
 
-
border-radius:3px;
 
-
cursor:pointer;
 
}
}
-
.right-button{
+
.style3 {color: #FFFFFF}
-
position: absolute;
+
a:link {
-
top : -17px;
+
text-decoration: none;
-
right: 38px;
+
}
}
-
 
+
a:visited {
-
  .button{
+
text-decoration: none;
-
            background: #5e5e5e url('http://2011.igem.org/wiki/images/3/39/Button-sh.png') repeat-x center top;
+
-
            color: #ededed;
+
-
            border: 1px #5e5e5e solid;
+
-
        }
+
-
        .button:hover{
+
-
            color: #ebebeb;
+
-
        }
+
-
        .button_big{
+
-
            background: #5e5e5e url('http://2011.igem.org/wiki/images/3/39/Button-sh.png') repeat-x center top;
+
-
            color: #ededed;
+
-
            border: 1px #5e5e5e solid;
+
-
        }
+
-
        .button_big:hover{
+
-
            color: #ebebeb;
+
-
        }
+
-
                    #content-holder {
+
-
              width: 1930px;
+
-
            }
+
-
/* Last Blog */
+
-
.last-blog-content{
+
-
margin: 0px 50px 0px 0px;
+
-
overflow: hidden;
+
-
width: 970px;
+
-
}
+
-
.last-blog-content .wrapper-left{
+
-
margin: 0px 10px 0px 35px;
+
-
width: 600px;
+
-
float: left;
+
-
background: url('http://2011.igem.org/wiki/images/2/26/Last-blog-splitter.png') no-repeat 580px top;
+
-
}
+
-
.last-blog-content .meta-left-wrapper{
+
-
float:left;
+
-
overflow: hidden;
+
-
width: 560px;
+
-
height: 166px;
+
-
}
+
-
.sub-wrapper-right{
+
-
margin: 0px 30px 40px 10px;
+
-
float: left;
+
-
overflow: hidden;
+
-
}
+
-
.blog-title a{
+
-
color: #111;
+
-
}
+
-
.sub-wrapper-right .postthumb-small{
+
-
float: left;
+
-
overflow: hidden;
+
-
margin: 0px 10px 0px 0px;
+
-
width: 66px;
+
-
height: 66px;
+
-
background: #EAEAEA;
+
-
border: 1px #D5D5D5 solid;
+
-
}
+
-
.meta-right-wrapper{
+
-
width: 200px;
+
-
float: left;
+
-
overflow: hidden;
+
-
}
+
-
.meta-right-wrapper .blog-title h3{
+
-
margin-top: 0em;
+
-
margin-bottom: 0.5em ;
+
-
}
+
-
.meta-right-wrapper .blog-title h4{
+
-
margin-top: 0em;
+
-
margin-bottom: 0.5em ;
+
-
}
+
-
.postthumb-big{
+
-
padding: 1px;
+
-
width: 541px;
+
-
height: 206px;
+
-
background: #f3f3f3;
+
-
border: 1px #e8e8e8 solid;
+
-
}
+
-
.last-blog-button{
+
-
margin-top: -10px;
+
-
}
+
-
.frame{
+
-
padding: 4px;
+
-
border: 1px #D5D5D5 solid;
+
}
}
-
.w64{
+
a:hover {
-
width: 64px;
+
text-decoration: none;
}
}
-
.w86{
+
a:active {
-
width: 86px;
+
text-decoration: none;
}
}
-
.w283{
+
body,td,th {
-
width: 283px;
+
font-family: Verdana, Arial, Helvetica, sans-serif;
}
}
-
.w426{
+
.style11 {font-family: Rockwell, "Rockwell Condensed", "Rockwell Extra Bold"}
-
width: 426px;
+
.style12 {color: #000000}
 +
.style13 {font-size: 16px}
 +
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif}
 +
.style15 {
 +
font-size: 18px;
 +
font-weight: bold;
}
}
-
.w960{
+
.style17 {
-
width: 960px;
+
font-size: 100px;
-
}
+
color: #FFFFFF;
-
.w203{
+
font-family: Verdana, Arial, Helvetica, sans-serif;
-
width: 203px;
+
-
}
+
-
.h64{
+
-
height: 64px;
+
-
}
+
-
.h86{
+
-
height: 86px;
+
-
}
+
-
.h146{
+
-
height: 146px;
+
-
}
+
-
.h236{
+
-
height: 236px;
+
-
}
+
-
.h167{
+
-
height:167px;
+
-
}
+
-
.h220{
+
-
height: 220px;
+
-
}
+
-
.h300{
+
-
height: 300px;
+
-
}
+
-
.h308{
+
-
height: 308px;
+
-
}
+
-
.h357{
+
-
height: 357px;
+
-
}
+
-
.h262{
+
-
height: 262px;
+
-
}
+
-
.last-port-widget-whole{
+
-
clear:both; overflow:hidden;
+
-
}
+
-
.width100{
+
-
width: 100%;
+
-
}
+
-
.last-port-wrapper-widget{
+
-
margin-bottom: 13px;
+
-
margin-right: 13px;
+
-
margin-left: 1px;
+
-
float: left;
+
-
}
+
-
.last-port-wrapper-widget .port-postthumb{
+
-
background: #EAEAEA;
+
-
}
+
-
.last-post-wrapper-widget{
+
-
margin-top: 18px;
+
-
overflow: hidden;
+
-
}
+
-
.last-post-wrapper-widget .blog-title h4 {
+
-
margin-top: 5px;
+
-
margin-bottom: 5px;
+
-
}
+
-
.last-post-wrapper-widget .blog-title h4 a{
+
-
color: #444;
+
-
}
+
-
.last-post-wrapper-widget .port-postthumb{
+
-
float: left;
+
-
background: #EAEAEA;
+
-
margin-left: 1px;
+
-
margin-top: 1px;
+
-
}
+
-
.meta-right-wrapper-widget{
+
-
width: 135px;
+
-
overflow: hidden;
+
-
margin-left: 10px;
+
-
float: left;
+
-
margin-bottom: 0px;
+
-
}
+
-
.meta-right-widget{
+
-
font-size: 92%;
+
-
}
+
-
.space{
+
-
    clear: both;
+
-
    height: 20px;
+
-
    display: block-inline;
+
}
}
 +
-->
 +
</style></head>
-
</style>
 
-
 
-
 
-
</head>
 
<body>
<body>
-
 
+
<table width="969" border="0" align="center">
-
<script type='text/javascript' src='http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/js/jquery-ui-1.7.1.custom.min.js?ver=3.1'></script>
+
  <tr>
-
 
+
    <td width="963" height="224" align="center" valign="middle" background="http://2011.igem.org/wiki/images/0/02/Renkli.jpg">&nbsp;</td>
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/ddsmoothmenu.js"></script>
+
  </tr>
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/jquery.nivo.slider.js"></script>
+
  <tr>
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/cufon.js"></script>
+
    <td height="42" bgcolor="FFFFFF"><table width="963" border="0" cellspacing="10" bgcolor="#FFFFFF">
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/Aller_Light_400.font.js"></script>
+
        <tr>
-
<script type='text/javascript' src='http://simsekburak.com/fatihigem/jquery.prettyPhoto.js'></script>
+
          <td width="206" height="20" align="center" valign="middle" bgcolor="#990000"><a href="http://2011.igem.org/Team:Fatih_Turkey"><span class="style3">HOME</span></a></td>
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/content-slider.js"></script>
+
          <td width="206" align="center" valign="middle" bgcolor="#695E0E"><a href="http://2011.igem.org/Team:Fatih_Turkey/canvas_town"><span class="style3">CANVAS&nbsp; TOWN</span></a></td>
-
<script type='text/javascript' src='http://simsekburak.com/fatihigem/starter-js.js'></script>
+
          <td width="295" align="center" valign="middle" bgcolor="#1D3551"><a href="therainbowgraveyard.html"><span class="style3">THE RAINBOW GRAVEYARD</span></a></td>
-
 
+
          <td width="205" align="center" valign="middle" bgcolor="#960C47"><a href="notebook.html"><span class="style3">LAB GARAGE</span></a></td>
-
<script type='text/javascript' src='http://simsekburak.com/fatihigem/browser-detect.js'></script>
+
        </tr>
-
 
+
    </table></td>
-
 
+
  </tr>
-
 
+
  <tr>
-
<script>
+
    <td height="778" align="center" valign="top" bgcolor="#FFFFFF"><p>&nbsp;</p>
-
$(document).ready(
+
    <table width="792" bordercolor="#FFFFFF" bgcolor="#E47C1D">
-
ddsmoothmenu.init({
+
      <tr>
-
mainmenuid: "topmenu",
+
        <td width="200" bgcolor="#FFFFFF"><a href="http://2011.igem.org/Team:Fatih_Turkey/Team"><img src="http://2011.igem.org/wiki/images/0/0a/Team-link.jpg" width="150" height="188" /></a></td>
-
orientation: 'h',
+
        <td width="200"><a href="http://2011.igem.org/Team:Fatih_Turkey/Project"><img src="http://2011.igem.org/wiki/images/3/34/Project-link.jpg" width="150" height="188" /></a></td>
-
classname: 'ddsmoothmenu',
+
        <td width="200"><a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2011&group=Fatih_Turkey"><img src="http://2011.igem.org/wiki/images/a/a0/Parts-link.jpg" width="150" height="188" /></a></td>
-
contentsource: "markup"
+
        <td width="200"><a href="http://2011.igem.org/Team:Fatih_Turkey/Human_Practice"><img src="http://2011.igem.org/wiki/images/4/48/Humanpractice-link.jpg" width="150" height="188" /></a></td>
-
}));
+
        <td width="143"><a href="safety.html"><img src="http://2011.igem.org/wiki/images/8/8f/Safety-link.jpg" width="150" height="188" /></a></td>
-
 
+
      </tr>
-
jQuery(window).load(function() {
+
    </table>
-
setTimeout(function(){
+
  <table width="900" border="0" cellpadding="20" cellspacing="0">
-
jQuery('#slider').nivoSlider({
+
      <tr>
-
pauseTime:4000,
+
        <td width="860" height="732" align="center" valign="middle" bgcolor="#FFFFFF"><p><img src="http://2011.igem.org/wiki/images/e/e8/Rainbow.jpg" width="640" height="373" /></p>
-
animSpeed:600,
+
          <p align="justify"><span class="style11"><span class="style12"><span class="style13">&nbsp;<span class="style14"><span class="style15">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The Rainbow Graveyard</span><br />
-
captionOpacity: 0.8,
+
              <br />
-
pauseOnHover:true,
+
            The story had began with a series of undefined infection events in humans which have been thought due to a gang of E.coli for decades. Only evidences at the scenes of the crimes are lipopolysaccharide (LPS) layer traces, thought to be used in all crimes of infections commited by the gram-negative gang. In our story, we will tell how detective B.subtilis and its collegues can catch the gang by synthesizing Limulus anti-LPS factor (LALF) on biofilm. So, LALF can detect the gang and inhibit its growth because of a high affinity binding for LPS. The police can use also LALF included biofilm onto surfaces to inhibit growth of other gram-negative individuals in the town and to prevent their infections. Next, after arresting of each E.coli gang by police, colour of the town has seemed changed. The secret of the change is color-change feature of Reflectin protein synthesized by B.subtilis police squad and the gang. Indeed, Reflectin is transfered into all individuals at ‘The Canvas Town’. </span></span></span></span></p>
-
directionNav:true,
+
          <p>&nbsp;</p>         </td>
-
directionNavHide:true,
+
      </tr>
-
controlNavThumbs:true,
+
    </table>
-
controlNavThumbsFromRel:true,
+
    <p>&nbsp;</p>
-
});
+
    <p align="justify" class="style2">&nbsp;</p></td>
-
}, 1000),
+
  </tr>
-
setTimeout(function(){
+
</table>
-
/* For slider shortcode */
+
-
jQuery('#slider2').nivoSlider({
+
-
pauseTime:4000,
+
-
animSpeed:600,
+
-
captionOpacity: 0.8,
+
-
pauseOnHover:true,
+
-
directionNavHide:true });
+
-
}, 1000);
+
-
+
-
});
+
-
</script>
+
-
 
+
-
<div class="body-2">
+
-
<!-- Header -->
+
-
<div id="header-whole">
+
-
<div id="header">
+
-
<a href="http://2011.igem.org/" style="position:absolute; right:10px; top 5px; color: #343434; font-family: sans-serif; font-size: 11px; z-index: 1000;">&lArr; Back to iGem 2011 HomePage</a>
+
-
<!-- Logo -->
+
-
<div>
+
-
<div class="logo">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey">
+
-
<img width="258" src="http://2011.igem.org/wiki/images/b/b6/Fatih_turkey_logo.png">
+
-
</a>
+
-
</div>
+
-
</div>
+
-
<!-- Menu -->
+
-
<div class="nav-wrapper">
+
-
<div class="nav-main">
+
-
<div id="topmenu" class="ddsmoothmenu">
+
-
<ul id="menu-main" class="menu">
+
-
<li>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey">Home</a>
+
-
</li>
+
-
<li>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Project">Project<span>Rainbow Graveyard</span></a>
+
-
<ul>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Project">Overall Project</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/LALF">LALF</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Reflectin">Reflectin</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Biofilm">Biofilm</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Experiments">Experiments</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Results">Results</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Future_Plan">Future Plan</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Biobricks">Biobricks</a>
+
-
<ul>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Parts">Parts</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Devices">Devices</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Modelling">Modelling</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Safety">Safety</a></li>
+
-
<li>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Human_Practice">Human Practice</a>
+
-
<ul>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Sporocide">Sporocide</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/iGEM_for_7_to_77">iGEM for 7 to 77</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/game">Game</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/canvas_times">Canvas Times</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Lab_Garage">Lab Garage</a>
+
-
<ul>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Notebook">Notebook</a></li>
+
-
<li><a href="http://2011.igem.org/Team:Fatih_Turkey/Procedures">Procedures</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<!-- End Header -->
+
-
+
-
+
-
<div id="slider-wrapper">
+
-
<div class="slider-shadow">
+
-
<div class="slider-top">
+
-
</div>
+
-
<div id="slider" class="slider-content nivoSlider">
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/b/b7/Sf3.jpg" rel="http://2011.igem.org/wiki/images/6/6b/Sf3kucuk.jpg" alt="" title="<h2>Canvas Town (CT)</h2>
+
-
…peace and quiet…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/f/f1/Sf1.jpg" rel="http://2011.igem.org/wiki/images/8/89/Sf1kucuk.jpg" alt="" title="was peace and quiet till E.Colies…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/e/ed/Sf4.jpg" rel="http://2011.igem.org/wiki/images/e/ea/Sf4kucuk.jpg" alt="" title="They changed CT into hell… " />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/6/61/Sf2.jpg" rel="http://2011.igem.org/wiki/images/8/84/Sf2kucuk.jpg" alt="" title="They were so  so cruel…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/9/99/Sf5.jpg" rel="http://2011.igem.org/wiki/images/d/da/Sf5kucuk.jpg" alt="" title="The Sheriff tried to stop them…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/6/65/Sf6.jpg" rel="http://2011.igem.org/wiki/images/6/64/Sf6kucuk.jpg" alt="" title="guns were ready…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/a/a7/Sf65.jpeg" rel="http://2011.igem.org/wiki/images/e/eb/Sf65kucuk.jpg" alt="" title="unfortunately he lost…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/c/cd/Sf7.jpg" rel="http://2011.igem.org/wiki/images/2/2b/Sf7kucuk.jpg" alt="" title="’they must be stopped but how!??’<br/>’what a coincidence! Great invention from Fatih University is what i need'" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/9/96/Sf75.jpeg" rel="http://2011.igem.org/wiki/images/4/42/Sf75kucuk.jpg" alt="" title="immediatley he ordered one." />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/b/b6/Sf8.jpg" rel="http://2011.igem.org/wiki/images/b/bd/Sf8kucuk.jpg" alt="" title="it was time for revenge …" />
+
-
</a>  
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/0/0e/Sf9.jpg" rel="http://2011.igem.org/wiki/images/9/97/Sf9kucuk.jpg" alt="" title="the same scenes experienced again but this time something was different…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/d/d3/Sf95.jpeg" rel="http://2011.igem.org/wiki/images/7/71/Sf95kucuk.jpg" alt="" title="E.Colies was no more a threat.<br/>CT is peace and quiet again, thanks to Fatih_Turkey…" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/e/e2/Sf10.jpg" rel="http://2011.igem.org/wiki/images/8/88/Sf10kucuk.jpg" alt="" title="THE END" />
+
-
</a>  
+
-
+
-
</div>
+
-
<div class="slider-shadow-bar-top">
+
-
</div>
+
-
<div class="slider-shadow-bar-bottom">
+
-
</div>
+
-
<div class="slider-bottom">
+
-
</div>
+
-
</div>
+
-
<div class="slider-sh-wrapper">
+
-
<div class="slider-sh-left"></div>
+
-
<div class="slider-sh"></div>
+
-
<div class="slider-sh-right"></div>
+
-
</div>
+
-
<div class="slider-bullet">
+
-
</div>
+
-
</div>
+
-
<div id="container">
+
-
<div style="border:0; height:7px; background: url('http://2011.igem.org/wiki/images/2/2b/Bot-splitter.png') no-repeat center"></div>
+
-
<style type="text/css">
+
-
#altili_yer div{
+
-
width: 313px;
+
-
height: 240px;
+
-
float: left;
+
-
padding-left:10px;
+
-
background-position: top left;
+
-
padding-top: 5px;
+
-
}
+
-
#altili_yer p{
+
-
font-size: 12px;
+
-
}
+
-
 
+
-
#altili_yer a{
+
-
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
+
-
color: #333;
+
-
}
+
-
</style>
+
-
<div id="altili_yer">
+
-
<div>
+
-
<img src="http://2011.igem.org/wiki/images/4/49/Overallicon.png" style="float:left;">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Project">Overall Project</a>
+
-
<p>Sterilization is so critical in science, especially in medicine. We all try hard to get rid of very tiny creatures; but it is difficut sometimes. Then, we thought: What if a bacterium would stop the harmful kinds and keep the things clean? Check out our project that presents a new sterilization technique.</p>
+
-
</div>
+
-
<div>
+
-
<img src="http://2011.igem.org/wiki/images/e/e7/Lalficon.png" style="float:left;">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/LALF">LALF</a>
+
-
<p>How to stop a gram negative bacteria? Well, some proteins do that. In our Project, Limulus anti-lipopolysaccharide factor binds gram negative cell Wall and stops its growth. Check out our LALF page to learn more about our protein.</p>
+
-
</div>
+
-
<div>
+
-
<img src="http://2011.igem.org/wiki/images/e/e1/Reflectinicon.png" style="float:left;">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Reflectin">Reflectin</a>
+
-
<p>The fellowship of colors... Our "rainbow" protein, reflectin, is the second protein we studied on. It is used as an indicator in our Project. To learn more, check out our reflectin page.</p>
+
-
</div>
+
-
<div>
+
-
<img src="http://2011.igem.org/wiki/images/0/01/Exp_icon.png" style="float:left;">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Experiments">Experiments</a>
+
-
<p>Our idea may seem reasonable and possible. But, you would have some doubts about it. See what we have done in our lab and how we tested our proteins.</p>
+
-
</div>
+
-
<div>
+
-
<img src="http://2011.igem.org/wiki/images/a/ad/Resulticon.png" style="float:left;">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Results">Results</a>
+
-
<p>So, what? Experiments are performed, but what do they mean? Do proteins really work? Well, if you are really curious and ask such questions, visit our results page to find your answers.</p>
+
-
</div>
+
-
<div>
+
-
<img src="http://2011.igem.org/wiki/images/1/1d/Futureplanicon.png" style="float:left;">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Future_Plan">Future Plan</a>
+
-
<p>It is just the beginning. Who would guess what will happen in next few years? Actually, we foreseen some applications about our proteins that may be very useful in the future. Check out the prospective projectsin our future plan page.</p>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div class="last-port-whole">
+
-
<div class="space"></div>
+
-
<div class="last-port-title"><h1 class="cufon">My Stuffs</h1>
+
-
<div class="right-button"><a href="?page_id=101" class="button" style="opacity: 1; ">View Portfolio</a></div>
+
-
</div>
+
-
<div id="content-scroll">
+
-
<div id="content-holder">
+
-
+
-
+
-
<div class="content-item last-port-wrapper">  
+
-
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://www.youtube.com/watch?v=n-ae9_DgKso&amp;feature=channel_video_title" rel="prettyPhoto" title="Morbi">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/TB-Dubai_Canon-EOS-5D-Mark-II_NETPHOTO_08November2009_IMG_9375-1024x682.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Morbi" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-port-sh">
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=75">Morbi</a></h4>
+
-
Aenean suscipit sollicitudin enim, veh icula pulvinar massa mattis id. Curabitur et neque a nisi convallis congue in sed </div>
+
-
<!-- <div class="lastport-date">Created on October 18, 2010&nbsp;</div> -->
+
-
+
-
</div>
+
-
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
+
-
<div class="port-postthumb-big zoom">
+
-
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/20100726__NP14828-1024x572.jpg" rel="prettyPhoto[pp_gal]" title="ommod">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/20100726__NP14828-1024x572.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="ommod" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-port-sh">
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4 style="margin-left: 0in; opacity: 1; "><a href="http://www.saintdo.me/themes/deShadow/?p=68"><cufon class="cufon cufon-canvas" alt="ommod" style="width: 62px; height: 18px; "><canvas width="84" height="22" style="width: 84px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>ommod</cufontext></cufon></a></h4>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in ullamcorper purus. Quisque aliquet dui ultricies to </div>
+
-
<!-- <div class="lastport-date">Created on October 18, 2010&nbsp;</div> -->
+
-
+
-
</div>
+
-
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
+
-
<div class="port-postthumb-big zoom">
+
-
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Red_Shirts_Protest_001-1024x681.jpg" rel="prettyPhoto[pp_gal]" title="Nam vehicula">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Red_Shirts_Protest_001-1024x681.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Nam vehicula" class="thumb hover">
+
-
</a>
+
-
</div>
+
-
<div class="last-port-sh">
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=27"><cufon class="cufon cufon-canvas" alt="Nam " style="width: 42px; height: 18px; "><canvas width="70" height="22" style="width: 70px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Nam </cufontext></cufon><cufon class="cufon cufon-canvas" alt="vehicula" style="width: 69px; height: 18px; "><canvas width="92" height="22" style="width: 92px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>vehicula</cufontext></cufon></a></h4>
+
-
Maecenas pellentesque ipsum quis purusipsum&nbsp;ornare et pellentesque turpis laoreet. Duis et leo posuere nisi porta vulpu </div>
+
-
<!-- <div class="lastport-date">Created on October 2, 2010&nbsp;</div> -->
+
-
+
-
</div>
+
-
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
+
-
<div class="port-postthumb-big zoom">
+
-
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Thailand_Coronation_Day_2010_004-1024x681.jpg" rel="prettyPhoto[pp_gal]" title="Aliquam nec">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Thailand_Coronation_Day_2010_004-1024x681.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Aliquam nec" class="thumb hover">
+
-
</a>
+
-
</div>
+
-
<div class="last-port-sh">
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=25"><cufon class="cufon cufon-canvas" alt="Aliquam " style="width: 72px; height: 18px; "><canvas width="99" height="22" style="width: 99px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Aliquam </cufontext></cufon><cufon class="cufon cufon-canvas" alt="nec" style="width: 30px; height: 18px; "><canvas width="53" height="22" style="width: 53px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>nec</cufontext></cufon></a></h4>
+
-
Maecenas pellentesque ipsum quis purus ornare et pellentesque turpis laoreet. Duis et leo posuere nisi porta vulputate. </div>
+
-
<!-- <div class="lastport-date">Created on October 2, 2010&nbsp;</div> -->
+
-
+
-
</div>
+
-
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
+
-
<div class="port-postthumb-big zoom">
+
-
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/WZ3P2662-1-1024x682.jpg" rel="prettyPhoto[pp_gal]" title="Vestibulum sed">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/WZ3P2662-1-1024x682.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Vestibulum sed" class="thumb hover">
+
-
</a>
+
-
</div>
+
-
<div class="last-port-sh">
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=22"><cufon class="cufon cufon-canvas" alt="Vestibulum " style="width: 98px; height: 18px; "><canvas width="125" height="22" style="width: 125px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Vestibulum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="sed" style="width: 29px; height: 18px; "><canvas width="51" height="22" style="width: 51px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>sed</cufontext></cufon></a></h4>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed dolor vel ipsum sollicitudin pulvinar faucibus n </div>
+
-
<!-- <div class="lastport-date">Created on October 2, 2010&nbsp;</div> -->
+
-
+
-
</div>
+
-
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
+
-
<div class="port-postthumb-big zoom">
+
-
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Travel_Jordan_005-1024x681.jpg" rel="prettyPhoto[pp_gal]" title="consectetur adipiscing">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Travel_Jordan_005-1024x681.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="consectetur adipiscing" class="thumb hover">
+
-
</a>
+
-
</div>
+
-
<div class="last-port-sh">
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=12"><cufon class="cufon cufon-canvas" alt="consectetur " style="width: 101px; height: 18px; "><canvas width="128" height="22" style="width: 128px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>consectetur </cufontext></cufon><cufon class="cufon cufon-canvas" alt="adipiscing" style="width: 83px; height: 18px; "><canvas width="106" height="22" style="width: 106px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>adipiscing</cufontext></cufon></a></h4>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in ipsum sem. Morbi eget massa nunc, eu adipiscing dui. Nun </div>
+
-
<!-- <div class="lastport-date">Created on September 29, 2010&nbsp;</div> -->
+
-
+
-
</div>
+
-
+
-
+
-
</div>
+
-
</div>
+
-
+
-
<div id="content-slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%; "></a></div>
+
-
<div class="space"></div>
+
-
<div class="space"></div>
+
-
</div>
+
-
<div class="space"></div>
+
-
<div class="last-port-title"><h1 class="cufon">Game</h1>
+
-
</div>
+
-
<div class="last-blog-wrapper">
+
-
<div class="last-blog-content">
+
-
+
-
<div class="wrapper-left">
+
-
+
-
+
-
<div class="postthumb-big">
+
-
<a href="http://www.saintdo.me/themes/deShadow/?p=119">
+
-
<img src="http://2011.igem.org/wiki/images/8/87/Game.jpg" alt="Default" class="thumb">
+
-
</a>
+
-
</div>
+
-
<div class="meta-left-wrapper">
+
-
<div class="blog-title">
+
-
<h3 class="cufon"><a href="http://www.saintdo.me/themes/deShadow/?p=119"><cufon class="cufon cufon-canvas" alt="Default" style="width: 69px; height: 20px; "><canvas width="98" height="25" style="width: 98px; height: 25px; top: -3px; left: -3px; "></canvas><cufontext>Default</cufontext></cufon></a></h3>
+
-
</div>
+
-
+
-
<div class="sub-title-wrapper">
+
-
<span class="post-date">October 23, 2010
+
-
by saintdo </span>
+
-
<span class="post-tag">
+
-
</span>
+
-
<span class="post-comment">
+
-
<a href="http://www.saintdo.me/themes/deShadow/?p=119#comment-">No Responses</a>
+
-
</span>
+
-
</div>
+
-
 
+
-
<div class="meta-left">
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in ipsum sem. Morbi eget massa nunc, eu adipiscing dui. Nunc a mauris eros, non aliquam mi. Donec nunc leo, mollis nec aliquet nec.
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
-
+
-
<div class="sub-wrapper-right">
+
-
<div class="postthumb-small">
+
-
<a href="http://www.saintdo.me/themes/deShadow/?p=27">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Red_Shirts_Protest_001-1024x681.jpg&amp;h=60&amp;w=60&amp;zc=1" alt="Nam vehicula" class="thumb">
+
-
</a>
+
-
</div>
+
-
<div class="meta-right-wrapper">
+
-
<div class="blog-title">
+
-
<h4 class="cufon" style="margin-left: 0in; opacity: 1; "><a href="http://www.saintdo.me/themes/deShadow/?p=27"><cufon class="cufon cufon-canvas" alt="Nam " style="width: 42px; height: 18px; "><canvas width="70" height="22" style="width: 70px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Nam </cufontext></cufon><cufon class="cufon cufon-canvas" alt="vehicula" style="width: 69px; height: 18px; "><canvas width="92" height="22" style="width: 92px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>vehicula</cufontext></cufon></a></h4>
+
-
</div>
+
-
<div class="meta-right">
+
-
Maecenas pellentesque ipsum quis purusipsum&nbsp; </div>
+
-
</div>
+
-
</div>
+
-
+
-
+
-
<div class="sub-wrapper-right">
+
-
<div class="postthumb-small">
+
-
<a href="http://www.saintdo.me/themes/deShadow/?p=25">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Thailand_Coronation_Day_2010_004-1024x681.jpg&amp;h=60&amp;w=60&amp;zc=1" alt="Aliquam nec" class="thumb">
+
-
</a>
+
-
</div>
+
-
<div class="meta-right-wrapper">
+
-
<div class="blog-title">
+
-
<h4 class="cufon" style="margin-left: 0in; opacity: 1; "><a href="http://www.saintdo.me/themes/deShadow/?p=25"><cufon class="cufon cufon-canvas" alt="Aliquam " style="width: 72px; height: 18px; "><canvas width="99" height="22" style="width: 99px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Aliquam </cufontext></cufon><cufon class="cufon cufon-canvas" alt="nec" style="width: 30px; height: 18px; "><canvas width="53" height="22" style="width: 53px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>nec</cufontext></cufon></a></h4>
+
-
</div>
+
-
<div class="meta-right">
+
-
Maecenas pellentesque ipsum quis purus ornare </div>
+
-
</div>
+
-
</div>
+
-
+
-
+
-
<div class="sub-wrapper-right">
+
-
<div class="postthumb-small">
+
-
<a href="http://www.saintdo.me/themes/deShadow/?p=22">
+
-
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/WZ3P2662-1-1024x682.jpg&amp;h=60&amp;w=60&amp;zc=1" alt="Vestibulum sed" class="thumb">
+
-
</a>
+
-
</div>
+
-
<div class="meta-right-wrapper">
+
-
<div class="blog-title">
+
-
<h4 class="cufon" style="margin-left: 0in; opacity: 1; "><a href="http://www.saintdo.me/themes/deShadow/?p=22"><cufon class="cufon cufon-canvas" alt="Vestibulum " style="width: 98px; height: 18px; "><canvas width="125" height="22" style="width: 125px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Vestibulum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="sed" style="width: 29px; height: 18px; "><canvas width="51" height="22" style="width: 51px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>sed</cufontext></cufon></a></h4>
+
-
</div>
+
-
<div class="meta-right">
+
-
Lorem ipsum dolor sit amet, consectetur adipi </div>
+
-
</div>
+
-
</div>
+
-
+
-
</div>
+
-
</div>
+
-
+
-
 
+
-
+
-
</div><!--Container SON-->
+
-
 
+
-
+
-
+
-
<div class="footer-sh-wrapper">
+
-
<div class="footer-sh-left"></div>
+
-
<div class="footer-sh"></div>
+
-
<div class="footer-sh-right"></div>
+
-
</div>
+
-
<div id="footer">
+
-
<div>
+
-
<h3 style="color:#BBB;">Sponsors</h3>
+
-
<img src="http://2011.igem.org/wiki/images/6/69/Tubitak.png"/>
+
-
<a href="http://www.sentegen.com">
+
-
<img src="http://2011.igem.org/wiki/images/d/d8/Sentegen.jpg"/></a>
+
-
</div>
+
-
</div>
+
-
<div class="copyright-open">
+
-
</div>
+
-
<div class="copyright">
+
-
2011 © Fatih Medical School
+
-
</div>
+
-
</div>
+
-
 
+
-
 
+
</body>
</body>
</html>
</html>

Latest revision as of 13:47, 21 September 2011

Home

 
HOME CANVAS  TOWN THE RAINBOW GRAVEYARD LAB GARAGE

 

                                                    The Rainbow Graveyard

The story had began with a series of undefined infection events in humans which have been thought due to a gang of E.coli for decades. Only evidences at the scenes of the crimes are lipopolysaccharide (LPS) layer traces, thought to be used in all crimes of infections commited by the gram-negative gang. In our story, we will tell how detective B.subtilis and its collegues can catch the gang by synthesizing Limulus anti-LPS factor (LALF) on biofilm. So, LALF can detect the gang and inhibit its growth because of a high affinity binding for LPS. The police can use also LALF included biofilm onto surfaces to inhibit growth of other gram-negative individuals in the town and to prevent their infections. Next, after arresting of each E.coli gang by police, colour of the town has seemed changed. The secret of the change is color-change feature of Reflectin protein synthesized by B.subtilis police squad and the gang. Indeed, Reflectin is transfered into all individuals at ‘The Canvas Town’.