Team:Fatih Turkey

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<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>Home</title>
+
<title>deneme baslik</title>
-
<meta name="description" content="" />
+
<style>
-
<meta name="keywords" content="" />
+
h1.firstHeading, div#p-logo, div#search-controls, div#contentSub, div#footer-box, div#catlinks{
-
<style type="text/css">
+
  display:none;
-
 
+
}
-
#top-section{
+
#menubar{
-
height:18px !important;
+
background-color: transparent;
 +
font-size: 85%;
 +
top: 10px;
 +
position: absolute;
 +
margin-top: -12px;
}
}
-
#p-logo{
+
div#content{
-
display:none;
+
padding: 0 !important;
 +
background: transparent;
 +
border: none !important;
 +
width: auto;
}
}
-
ul,ol,li,h1,h2,h3,h4,h5,h6,p{
+
#menubar li a {
 +
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{
+
 
-
list-style:none;
+
em{
 +
font-style:italic;
}
}
-
a,a:link,a:visited,a:hover{
+
table{
-
color:#00f;
+
margin-top: 15px;
-
text-decoration:none;
+
margin-bottom: 15px;
}
}
-
a:focus,a:hover{
+
hr{
-
text-decoration:underline;
+
border: 0;
 +
color: #eee;
 +
background-color: #eee;
 +
height: 1px;
 +
margin-bottom: 20px;
}
}
-
a img{
+
img.centered {
-
border:0;
+
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
}
}
-
.clear{
+
img.alignnone {
-
clear:both;
+
margin: 0px 0px 5px 5px;
 +
display: inline;
}
}
-
body{
+
img.alignright {
-
        margin:0;
+
margin: 0px 0px 5px 10px;
-
        padding:0;
+
display: inline;
-
background:#f1f1f1 repeat-y;
+
-
color:#000;
+
-
font:62.5% Myriad Pro,Arial,sans-serif;
+
}
}
 +
img.alignleft {
 +
margin: 0px 10px 5px 0px;
 +
display: inline;
}
}
-
 
+
.alignright {
-
#banner{
+
float: right;
-
float: left;
+
-
margin: 0px 0px 0px 0px;
+
}
}
-
#banner img{
+
.alignleft {
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;
}
}
-
#metucontent{
+
h6 {
-
width: 965px;
+
font-size: 15px;
-
     
+
}
 +
a{
 +
text-decoration: none;
 +
}
 +
a{
 +
color: #2f86c4;
 +
}
 +
a:hover{
 +
color: #4172ab;
 +
}
 +
#header .logo{
 +
margin-top: 15px;
 +
margin-left: 20px;
 +
}
 +
#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; }
 
-
#left_column{
+
.footer-sh-wrapper {
-
width: 646px;
+
    height: 22px;
-
float: left;
+
    margin: auto;
 +
    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;
}
}
-
.text{
+
.copyright-open{
-
font-family: Helvetica, Arial;
+
width: 988px;
-
width: 552px;
+
height: 0px;
-
float: left;
+
margin:auto;
-
padding: 32px 38px 22px 30px;
+
display: block-inline;
 +
}
 +
h1, h2, h3, h4, h5, h6{
 +
color: #333333;
}
}
 +
#header-whole{
-
.text h3{
+
position: relative;
-
font-size: 18px;
+
z-index: 200;
 +
width: 980px;
 +
margin: 0 auto;
 +
}
 +
#header{
 +
height: 100px;
 +
clear: both;
 +
background: #f9f9f9;
 +
margin: 0 auto;
 +
    width: 970px;
 +
}
 +
#header .logo{
float: left;
float: left;
-
margin: 0px 0px 12px 0px;
+
margin-top: 15px;
-
color: #fff;
+
margin-left: 20px;
-
        text-decoration: none;
+
}
}
-
.text p{
+
#container{
-
color: #ffffff;
+
width: 970px;
-
width: 552px;
+
margin: 0px auto 0px;
 +
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 90px 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{
-
.text p img{
+
line-height: 140%;
-
float: right;
+
overflow: hidden;
-
clear:left;
+
text-align: left;
-
margin: 0px 0px 0px 20px;
+
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
 +
word-spacing: 1px;
 +
font-size: 14px;
 +
font-weight: normal;
 +
display: block; /*background of menu items (default state)*/
 +
padding: 34px 20px 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;
}
}
-
.text a.continue{
+
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
-
color: #65b8f9;
+
color: #333;
-
font-size: 14px;
+
}
}
-
.alternative{
+
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
-
background: #2a2d32;
+
color: #888;
-
border-top: 1px solid #26292e;
+
-
border-bottom: 1px solid #26292e;
+
}
}
-
#right_column{
+
.ddsmoothmenu ul li a:hover{
-
width: 283px;
+
color: #888;
-
float: left;
+
}
-
padding: 18px 18px 0px 17px;
+
-
        background: #26292e;
+
/*1st sub level menu*/
 +
.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;
}
}
-
.heading{
+
/*Sub level menu list items (undo style from Top level List Items)*/
-
width: 260px;
+
.ddsmoothmenu ul li ul li{
-
        height: 20px;
+
text-align:left;
-
        float: left;
+
float: none;
-
        padding: 6px 14px 6px 14px;
+
background: url('img/bg-menu2.png');
-
        margin: 0px 0px 12px 0px;
+
-
        background: url(http://igem.org/wiki/images/7/77/Navigation_btn_bg.gif) repeat-x;
+
}
}
-
.heading h3{
+
.ddsmoothmenu ul li ul li a{
-
font-size: 17px;
+
color: #fff;
-
color: #ffffff;
+
font-size: 12px;
-
float: left;
+
}
-
font-weight: normal;
+
.ddsmoothmenu ul li ul li  a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
 +
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;
}
}
-
.heading img{
+
/* Sub level menu links style */
-
float: right;
+
.ddsmoothmenu ul li ul li a{
-
margin: 3px 0px 0px 0px;
+
width: 160px; /*width of sub menus*/
 +
padding: 0px 0px 0px 10px;
 +
height: 38px;
 +
line-height: 320%;
 +
border-left: 1px #555 solid;
 +
overflow: hidden;
}
}
-
ul{
+
/* Holly Hack for IE \*/
-
float: left;
+
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
-
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;
}
}
-
ul.sitemap li a{
+
.copyright a{
-
font-size: 14px;
+
color: #bbb;
-
color: #ffffff;
+
text-decoration: none;
-
margin: 0px 0px 17px 11px;
+
}
}
 +
.copyright a:hover{
 +
color: #ccc;
 +
}
 +
 +
</style>
-
ul.sitemap li span{
+
<style>
-
color: #65b8f9;
+
/* Breadcrumbs */
 +
.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;
}
}
-
.replace{
+
#slider-wrapper .slider-top{
 +
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;
-
overflow:hidden;
+
z-index:60;
-
/* */
+
display:none;
}
}
-
.replace span{
+
/* The slices in the Slider */
 +
.nivo-slice {
display:block;
display:block;
position:absolute;
position:absolute;
-
top:0;
+
z-index:50;
-
left:0;
+
height:100%;
-
z-index:1;
+
}
}
-
 
+
/* Caption styles */
-
#wrapper{
+
.nivo-caption {
-
width: 965px;
+
position:absolute;
-
padding: 0px 0px 0px 0px;
+
right:0px;
-
        margin: 0px 0px 0px 0px;
+
bottom:15px;
-
 
+
/*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;
}
}
-
#tab_nav {
+
#slider {
-
height: 40px;
+
position:relative;
-
float: left;
+
margin:30px 30px 60px 30px;
-
background: url(http://igem.org/wiki/images/5/50/Navigation_bg.jpg) repeat-x;
+
background: url('http://2011.igem.org/wiki/images/4/42/Loading.gif') no-repeat 50% 50%;
-
        }
+
-
#topnav li.active a{
+
/*-moz-box-shadow:0px 0px 10px #333;*/
-
color:#f1f1f1;
+
/*-webkit-box-shadow:0px 0px 10px #333;*/
 +
/*box-shadow:0px 0px 10px #333*/
}
}
-
ul#topnav {
+
#slider img {
-
float: left;
+
position:absolute;
-
width: 964px;
+
top:0px;
-
list-style: none;
+
left:0px;
-
position: relative;
+
display:none;
-
margin-top:0px;
+
}
}
-
ul#topnav li {
+
#slider a {
-
float: left;
+
border:0;
}
}
-
ul#topnav li a {
+
.nivo-directionNav a {
-
padding: 10px 15px;
+
display:block;
-
display: block;
+
width: 39px;
-
color: #fff;
+
height: 40px;
-
text-decoration: none;
+
background:url('http://2011.igem.org/wiki/images/0/09/Arrows7.png') no-repeat;
-
        font-size:14px;
+
text-indent:-9999px;
 +
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;
}
}
-
ul#topnav li:hover {
+
#slider2 a {
-
        z-index:1000;
+
border:0;
}
}
-
ul#topnav li span {
+
#slider2 .nivo-controlNav {
-
float: left;
+
position:absolute;
-
        z-index:1000;
+
right: 0px;
-
position: absolute;
+
bottom: -24px;
-
left: 0;
+
}
-
top:35px;
+
#slider2 .nivo-controlNav a {
-
display: none;
+
display:block;
-
width:964px;
+
width:16px;
 +
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;
 
}
}
-
ul#topnav li:hover span { display: block;}
+
.nivo-caption {
-
ul#topnav li span a { display: inline; font-weight; normal; }
+
width: 45%;
-
ul#topnav li span a:hover {text-decoration: none;}
+
right:0px;
-
#groupparts {
+
bottom: 30px;
-
width: 650px!important;
+
}
}
-
#contentSub {
+
.nivo-caption p{
-
display:none;
+
color: #d9d9d9;
 +
}
 +
.nivo-caption {
 +
background: #000000
}
}
-
#siteSub {
+
-
display:none;
+
#slider-wrapper .slider-bullet{
 +
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{
-
.firstHeading {
+
margin: 0px auto 0px;
-
display:none;
+
}
}
-
</html>
+
/* Last Portfolio */
-
 
+
/* Slider Portfolio */
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
#content-slider {
-
<head>
+
  width: 543px;
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
  height: 18px;
-
<style type="text/css">
+
  margin: 0px auto 0px;
-
<!--
+
  background: url('http://2011.igem.org/wiki/images/2/2b/Portfolio-slidebar.png') no-repeat center;
-
body {
+
  position: relative;
-
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-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;
 +
text-align: center;
 +
}
 +
.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;
}
}
-
.style2 {
+
.button_big{
-
font-family: Rockwell, "Rockwell Condensed", "Rockwell Extra Bold";
+
border: 0px ;
 +
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;
}
}
-
.style3 {color: #FFFFFF}
+
.right-button{
-
a:link {
+
position: absolute;
-
text-decoration: none;
+
top : -17px;
 +
right: 38px;
}
}
-
a:visited {
+
.right-button a:visited{
-
text-decoration: none;
+
color:#EDEDED !important;
}
}
-
a:hover {
+
 
-
text-decoration: none;
+
  .button{
 +
            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: 3500px;
 +
        }
 +
/* 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: 126px;
 +
height: 96px;
 +
background: #EAEAEA;
 +
border: 1px #D5D5D5 solid;
 +
}
 +
.meta-right-wrapper{
 +
width: 145px;
 +
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;
}
}
-
a:active {
+
.w64{
-
text-decoration: none;
+
width: 64px;
}
}
-
body,td,th {
+
.w86{
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
width: 86px;
}
}
-
.style11 {font-family: Rockwell, "Rockwell Condensed", "Rockwell Extra Bold"}
+
.w283{
-
.style12 {color: #000000}
+
width: 283px;
-
.style13 {font-size: 16px}
+
-
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif}
+
-
.style15 {
+
-
font-size: 18px;
+
-
font-weight: bold;
+
}
}
-
.style17 {
+
.w426{
-
font-size: 100px;
+
width: 426px;
-
color: #FFFFFF;
+
}
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
.w960{
 +
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">
+
 
-
  <tr>
+
<script type='text/javascript' src='http://simsekburak.com/fatihigem/jquery-ui-1.7.1.custom.min.js'></script>
-
    <td width="963" height="224" align="center" valign="middle" background="http://2011.igem.org/wiki/images/0/02/Renkli.jpg">&nbsp;</td>
+
 
-
  </tr>
+
<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>
-
    <td height="42" bgcolor="FFFFFF"><table width="963" border="0" cellspacing="10" bgcolor="#FFFFFF">
+
<script type="text/javascript" src="http://simsekburak.com/fatihigem/cufon.js"></script>
-
        <tr>
+
<script type="text/javascript" src="http://simsekburak.com/fatihigem/Aller_Light_400.font.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/jquery.prettyPhoto.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/content-slider.js"></script>
-
          <td width="295" align="center" valign="middle" bgcolor="#1D3551"><a href="therainbowgraveyard.html"><span class="style3">THE RAINBOW GRAVEYARD</span></a></td>
+
<script type='text/javascript' src='http://simsekburak.com/fatihigem/starter-js.js'></script>
-
          <td width="205" align="center" valign="middle" bgcolor="#960C47"><a href="notebook.html"><span class="style3">LAB GARAGE</span></a></td>
+
 
-
        </tr>
+
<script type='text/javascript' src='http://simsekburak.com/fatihigem/browser-detect.js'></script>
-
    </table></td>
+
 
-
  </tr>
+
 
-
  <tr>
+
 
-
    <td height="778" align="center" valign="top" bgcolor="#FFFFFF"><p>&nbsp;</p>
+
<script>
-
    <table width="792" bordercolor="#FFFFFF" bgcolor="#E47C1D">
+
$(document).ready(
-
      <tr>
+
ddsmoothmenu.init({
-
        <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>
+
mainmenuid: "topmenu",
-
        <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>
+
orientation: 'h',
-
        <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>
+
classname: 'ddsmoothmenu',
-
        <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>
+
contentsource: "markup"
-
        <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>
+
 
-
    </table>
+
jQuery(window).load(function() {
-
  <table width="900" border="0" cellpadding="20" cellspacing="0">
+
setTimeout(function(){
-
      <tr>
+
jQuery('#slider').nivoSlider({
-
        <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>
+
pauseTime:4000,
-
          <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 />
+
animSpeed:600,
-
              <br />
+
captionOpacity: 0.8,
-
            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>
+
pauseOnHover:true,
-
          <p>&nbsp;</p>         </td>
+
directionNav:true,
-
      </tr>
+
directionNavHide:true,
-
    </table>
+
controlNavThumbs:true,
-
    <p>&nbsp;</p>
+
controlNavThumbsFromRel:true,
-
    <p align="justify" class="style2">&nbsp;</p></td>
+
});
-
  </tr>
+
}, 1000),
-
</table>
+
setTimeout(function(){
 +
/* 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; font-family: sans-serif;"><img src="http://2011.igem.org/wiki/images/9/9c/Igem_basic_logo.png
 +
" /></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/9/98/Karikaturilk.jpg" rel="http://2011.igem.org/wiki/images/6/66/Karikaturilkkucuk.jpg" alt="" title="" />
 +
</a>
 +
 
 +
<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 style="border:0; height:7px; background: url('http://2011.igem.org/wiki/images/0/03/Top-splitter.png') no-repeat center  #f9f9f9"></div>
 +
<div class="last-port-title"><h1 class="cufon"><a href="http://2011.igem.org/Team:Fatih_Turkey/Team" style="color: #333;">Team</a></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">
 +
<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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
</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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
 
 +
</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="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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
</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="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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(3rd Year)</font>
 +
</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="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>
 +
<font style="font-size:11px;">Cartoonist</font><br>
 +
</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="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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(3rd Year)</font>
 +
 
 +
</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 S. Elitok</h4>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
</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="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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
</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#9" 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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
</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#10" 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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
</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#11" 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>
 +
<font style="font-size:11px;">Medical Student</font><br>
 +
<font style="font-size:11px;">(2nd Year)</font>
 +
</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#12" rel="prettyPhoto" title="Burak Şimşek">
 +
<img src="http://2011.igem.org/wiki/images/8/83/Buraksimsek.jpg" alt="Burak Şimşek" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4>Burak Şimşek</h4>
 +
<font style="font-size:11px;">Computer Engineering Student</font><br>
 +
<font style="font-size:11px;">(4th Year)</font>
 +
</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#13" rel="prettyPhoto" title="Cihan Taştan">
 +
<img src="http://2011.igem.org/wiki/images/c/c1/Cihantastan.jpg" alt="Cihan Taştan" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4>Cihan Taştan</h4>
 +
<font style="font-size:11px;">(Ph.D Student on Tumor Immunology at Sackler Institue of New York University)</font>
 +
</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#14" rel="prettyPhoto" title="Muradiye Acar">
 +
<img src="http://2011.igem.org/wiki/images/e/e3/Muradiye.jpg" alt="Muradiye Acar" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4>Muradiye Acar</h4>
 +
<font style="font-size:11px;">(Ph.D Student on Mecdical Genetics)</font>
 +
</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#15" rel="prettyPhoto" title="Esra Gündüz">
 +
<img src="http://2011.igem.org/wiki/images/6/64/Esrahoca.jpg" alt="Esra Gündüz" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4>Esra Gündüz</h4>
 +
<font style="font-size:11px;">(Associate Professor of Medical Genetics)</font>
 +
</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#16" rel="prettyPhoto" title="Hüsamettin Erdamar">
 +
<img src="http://2011.igem.org/wiki/images/b/b2/Husamettinhoca.jpg" alt="Hüsamettin Erdamar" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4>Hüsamettin Erdamar</h4>
 +
<font style="font-size:11px;">(Assist. Prof. of Medical Biochemistry)</font>
 +
</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#17" rel="prettyPhoto" title="Kadir Demircan">
 +
<img src="http://2011.igem.org/wiki/images/6/64/Kadirhoca.jpg" alt="Kadir Demircan" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4>Kadir Demircan</h4>
 +
<font style="font-size:11px;">(Assist. Prof. of Medical Genetics)</font>
 +
</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>
 +
<div style="border:0; height:7px; background: url('http://2011.igem.org/wiki/images/2/2b/Bot-splitter.png') no-repeat center"></div>
 +
 
 +
<div class="last-port-title">
 +
<div class="space"></div>
 +
 
 +
<h1 class="cufon" style="margin-top:0px;"><a href="http://2011.igem.org/Team:Fatih_Turkey/game" style="color:#333;" >Canvas Town The Game</a></h1>
 +
<h2 class="cufon" style="float:right; margin-top:-60px; margin-right: 80px;">
 +
<a style="color:#333;" href="http://2011.igem.org/Team:Fatih_Turkey/Human_Practice">Human Practice</a>
 +
</h2>
 +
</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="meta-left">
 +
Canvas Town Game has been designed like that any person can play and learn very useful information about organisms, techniques and devices used mostly in a synthetic biology lab and about iGEM interesting Biobrick parts.
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="sub-wrapper-right">
 +
<div class="postthumb-small">
 +
<a href="http://2011.igem.org/Team:Fatih_Turkey/iGEM_for_7_to_77">
 +
<img src="http://2011.igem.org/wiki/images/7/75/Secilanaokuluicon.jpg" alt="iGEM for 7 to 77" class="thumb">
 +
</a>
 +
 
 +
</div>
 +
<div class="meta-right-wrapper">
 +
<div class="blog-title">
 +
<h4 class="cufon" style="margin-left: 0in; opacity: 1; font-size:16px; "><a href="http://2011.igem.org/Team:Fatih_Turkey/iGEM_for_7_to_77">iGEM for 7 to 77</a></h4>
 +
</div>
 +
<div class="meta-right"></div>
 +
</div>
 +
</div>
 +
 +
 +
<div class="sub-wrapper-right">
 +
<div class="postthumb-small">
 +
<a href="http://2011.igem.org/Team:Fatih_Turkey/Sporocide">
 +
<img src="http://2011.igem.org/wiki/images/2/24/Sporocideicon.jpg" alt="Sporocide" class="thumb">
 +
</a>
 +
</div>
 +
<div class="meta-right-wrapper">
 +
<div class="blog-title">
 +
<h4 class="cufon" style="margin-left: 0in; opacity: 1; font-size:16px;"><a href="http://2011.igem.org/Team:Fatih_Turkey/Sporocide">Sporocide</a></h4>
 +
</div>
 +
<div class="meta-right"></div>
 +
</div>
 +
</div>
 +
 +
 +
<div class="sub-wrapper-right">
 +
<div class="postthumb-small" style="height:100px;">
 +
<a href="http://2011.igem.org/Team:Fatih_Turkey/canvas_times">
 +
<img src="http://2011.igem.org/wiki/images/0/05/Canvasicon.jpg" alt="Canvas Times" class="thumb">
 +
</a>
 +
</div>
 +
<div class="meta-right-wrapper">
 +
<div class="blog-title">
 +
<h4 class="cufon" style="margin-left: 0in; opacity: 1; font-size:16px;"><a href="http://2011.igem.org/Team:Fatih_Turkey/canvas_times">Canvas Times</a></h4>
 +
</div>
 +
<div class="meta-right"></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">
 +
<style>
 +
#footer img:hover{
 +
opacity:0.6;
 +
}
 +
</style>
 +
<div>
 +
<h3 style="color:#BBB;">Sponsors</h3>
 +
<img height="100" src="http://2011.igem.org/wiki/images/7/72/Tubitak_-_Kopya.png">
 +
<a href="http://www.sentegen.com">
 +
<img height="100" src="http://2011.igem.org/wiki/images/2/2d/Sentegennnn.png"></a>
 +
</div>
 +
</div> <div class="copyright-open">
 +
</div>
 +
<div class="copyright">
 +
2011 © Fatih Medical School
 +
</div>
 +
</div>
 +
 
 +
 
</body>
</body>
</html>
</html>

Revision as of 13:47, 21 September 2011

deneme baslik

Overall Project

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.

LALF

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.

Reflectin

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.

Experiments

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.

Results

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.

Future Plan

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.

Canvas Town Game has been designed like that any person can play and learn very useful information about organisms, techniques and devices used mostly in a synthetic biology lab and about iGEM interesting Biobrick parts.