Team:Fatih Turkey/Home2

From 2011.igem.org

(Difference between revisions)
 
(22 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: #EBEBEB;
+
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: 186px;
+
-
  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: 166px;
+
-
height: 166px;
+
-
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;,
+
-
  text-align: center;
+
-
}
+
-
.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;
+
}
}
-
.right-button a:visited{
+
a:visited {
-
color:#333 !important;
+
text-decoration: none;
}
}
-
 
+
a:hover {
-
  .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: 2330px;
+
-
        }
+
-
/* 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:active {
-
width: 64px;
+
text-decoration: none;
}
}
-
.w86{
+
body,td,th {
-
width: 86px;
+
font-family: Verdana, Arial, Helvetica, sans-serif;
}
}
-
.w283{
+
.style11 {font-family: Rockwell, "Rockwell Condensed", "Rockwell Extra Bold"}
-
width: 283px;
+
.style12 {color: #000000}
 +
.style13 {font-size: 16px}
 +
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif}
 +
.style15 {
 +
font-size: 18px;
 +
font-weight: bold;
}
}
-
.w426{
+
.style17 {
-
width: 426px;
+
font-size: 100px;
-
}
+
color: #FFFFFF;
-
.w960{
+
font-family: Verdana, Arial, Helvetica, sans-serif;
-
width: 960px;
+
-
}
+
-
.w203{
+
-
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://simsekburak.com/fatihigem/jquery-ui-1.7.1.custom.min.js'></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: 272px;
+
-
height: 190px;
+
-
float: left;
+
-
padding-left:40px;
+
-
background-position: top left;
+
-
padding-top: 30px;
+
-
}
+
-
#altili_yer p{
+
-
font-size: 12px;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
#altili_yer a{
+
-
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
+
-
color: #333;
+
-
}
+
-
#altili_yer img{
+
-
width: 120px;
+
-
margin-left: -7px;
+
-
}
+
-
</style>
+
-
<div id="altili_yer">
+
-
<div>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Project"><img src="http://2011.igem.org/wiki/images/4/49/Overallicon.png" style="float:left;"></a>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Project"><b>Overall Project</b></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>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/LALF"><img src="http://2011.igem.org/wiki/images/e/e7/Lalficon.png" style="float:left;"></a>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/LALF"><b>LALF</b></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>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Reflectin"><img src="http://2011.igem.org/wiki/images/e/e1/Reflectinicon.png" style="float:left;"></a>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Reflectin"><b>Reflectin</b></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>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Experiments"><img src="http://2011.igem.org/wiki/images/0/01/Exp_icon.png" style="float:left;"></a>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Experiments"><b>Experiments</b></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>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Results"><img src="http://2011.igem.org/wiki/images/a/ad/Resulticon.png" style="float:left;"></a>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Results"><b>Results</b></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>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Future_Plan"><img src="http://2011.igem.org/wiki/images/1/1d/Futureplanicon.png" style="float:left;"></a>
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Future_Plan"><b>Future Plan</b></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="last-port-title"><h1 class="cufon">Team</h1>
+
-
<div class="right-button" style="margin-right: 130px;"><a href="http://2011.igem.org/Team:Fatih_Turkey/Team" class="button" style="opacity: 1; ">All Team Members</a></div>
+
-
<div class="right-button"><a href="http://2011.igem.org/Team:Fatih_Turkey/Gallery" class="button" style="opacity: 1; ">See Photos</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://2011.igem.org/Team:Fatih_Turkey/Team#1" rel="prettyPhoto" title="Alperen Güver">
+
-
<img src="http://2011.igem.org/wiki/images/0/0a/Alperen.jpg" alt="Alperen Güver" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Alperen Güver</h4>
+
-
<h5>Medical Student</h5>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Team#2" rel="prettyPhoto" title="Betül Günbey">
+
-
<img src="http://2011.igem.org/wiki/images/f/f7/Betul.jpg" alt="Betül Günbey" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Betül Günbey</h4>
+
-
</div>
+
-
</div>
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Team#3" rel="prettyPhoto" title="Fazilet Güler">
+
-
<img src="http://2011.igem.org/wiki/images/7/7a/Team-fazilet.jpg" alt="Fazilet Güler" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Fazilet Güler</h4>
+
-
</div>
+
-
</div>
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Team#4" rel="prettyPhoto" title="Halenur Güngördü">
+
-
<img src="http://2011.igem.org/wiki/images/d/d0/Hale.jpg" alt="Halenur Güngördü" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Halenur Güngördü</h4>
+
-
</div>
+
-
</div>
+
-
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Team#5" rel="prettyPhoto" title="Hasan Yasin Soylu">
+
-
<img src="http://2011.igem.org/wiki/images/0/0f/Hasanyasin.jpg" alt="Hasan Yasin Soylu" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Hasan Yasin Soylu</h4>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Team#6" rel="prettyPhoto" title="Kenan Oğuz Güzel">
+
-
<img src="http://2011.igem.org/wiki/images/9/95/Kenangzl.jpg" alt="Kenan Oğuz Güzel" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Kenan Oğuz Güzel</h4>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Team#7" rel="prettyPhoto" title="Mustafa Semih Elitok">
+
-
<img src="http://2011.igem.org/wiki/images/f/ff/Mustafa.jpg" alt="Mustafa Semih Elitok" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Mustafa Semih Elitok</h4>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/Team#8" rel="prettyPhoto" title="Ozan Sami Bayrak">
+
-
<img src="http://2011.igem.org/wiki/images/8/81/Ozantahsin1.jpg" alt="Ozan Sami Bayrak" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Ozan Sami Bayrak</h4>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="#" rel="prettyPhoto" title="Seçil Taşhan">
+
-
<img src="http://2011.igem.org/wiki/images/3/30/Secil.jpg" alt="Seçil Taşhan" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Seçil Taşhan</h4>
+
-
</div>
+
-
</div>
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="#" rel="prettyPhoto" title="Tülin Serap Yılmaz">
+
-
<img src="http://2011.igem.org/wiki/images/7/72/Tserap1.jpg" alt="Tülin Serap Yılmaz" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Tülin Serap Yılmaz</h4>
+
-
</div>
+
-
</div>
+
-
<div class="content-item last-port-wrapper">
+
-
<div class="port-postthumb-big zoom-video">
+
-
<a href="#" rel="prettyPhoto" title="Yasin Çakar">
+
-
<img src="http://2011.igem.org/wiki/images/a/a3/Yasincakar.jpg" alt="Yasin Çakar" class="thumb hover" style="opacity: 1; ">
+
-
</a>
+
-
</div>
+
-
<div class="last-portfolio-link">
+
-
<h4>Yasin Çakar</h4>
+
-
</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" ><a href="http://2011.igem.org/Team:Fatih_Turkey/game" style="color:#333;">Game</a></h1>
+
-
</div>
+
-
<div class="last-blog-wrapper">
+
-
<div class="last-blog-content">
+
-
+
-
<div class="wrapper-left">
+
-
+
-
+
-
<div class="postthumb-big">
+
-
<a href="http://2011.igem.org/Team:Fatih_Turkey/game">
+
-
<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://2011.igem.org/Team:Fatih_Turkey/game">Yazi</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">Gallery</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’.