Team:Fatih Turkey/Home2

From 2011.igem.org

(Difference between revisions)
 
(64 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;
+
-
color: #444;
+
-
background: #6b6b6b url('http://igem.org/wiki/images/a/ad/Bg-igem.png');
+
-
}
+
-
body,p,pre,div,span{
+
-
line-height: 160%;
+
-
color: #808080;
+
-
}
+
-
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, ol, 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;
+
#metucontent{
-
margin-right: auto;
+
width: 965px;
 +
     
}
}
-
p{
+
#content{background: #ffffff; }
-
margin-top: 15px;
+
 
-
margin-bottom: 15px;
+
#left_column{
-
}
+
width: 646px;
-
h1,h2,h3,h4,h5,h6{
+
float: left;
-
  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 {
+
.text{
-
font-size: 15px;
+
font-family: Helvetica, Arial;
 +
width: 552px;
 +
float: left;
 +
padding: 32px 38px 22px 30px;
}
}
-
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;
 
-
}
 
-
.copyright-open{
 
-
width: 988px;
 
-
height: 0px;
 
-
margin:auto;
 
-
display: block-inline;
 
-
}
 
-
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: 990px;
+
color: #ffffff;
-
margin: 0px auto 0px;
+
width: 552px;
-
}
+
-
.copyright-open{
+
-
border-top: 1px #a8a8a8 solid;
+
-
border-bottom: 1px #888 solid;
+
-
border-left: 1px #888 solid;
+
-
border-right: 1px #888 solid;
+
-
}
+
-
.nav-wrapper{
+
-
margin: 0px 30px 10px 0px;
+
-
float:right;
+
-
}
+
-
.ddsmoothmenu ul{
+
-
padding: 0px;
+
-
list-style-type: none;
+
-
background: #666666;
+
-
}
+
-
.ddsmoothmenu ul li{
+
-
position: relative;
+
-
display: block;
+
float: left;
float: left;
 +
clear: left;
 +
font-size: 12px;
}
}
-
.ddsmoothmenu ul li a{
+
 
-
line-height: 140%;
+
.text p img{
-
overflow: hidden;
+
float: right;
-
text-align: left;
+
clear:left;
-
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
+
margin: 0px 0px 0px 20px;
-
word-spacing: 1px;
+
-
font-size: 14px;
+
-
font-weight: normal;
+
-
display: block; /*background of menu items (default state)*/
+
-
padding: 34px 27px 10px 17px;
+
-
text-decoration: none;
+
-
}
+
-
.ddsmoothmenu ul li a span {
+
-
font-weight: normal;
+
-
color: #888;
+
-
font-size: 10px;
+
-
clear: both;
+
-
display:block;
+
-
width: 60px;
+
-
}
+
-
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
+
-
display: inline-block;
+
}
}
-
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
+
.text a.continue{
-
color: #333;
+
color: #65b8f9;
 +
font-size: 14px;
}
}
-
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+
.alternative{
-
color: #888;
+
background: #2a2d32;
 +
border-top: 1px solid #26292e;
 +
border-bottom: 1px solid #26292e;
}
}
-
.ddsmoothmenu ul li a:hover{
+
#right_column{
-
color: #888;
+
width: 283px;
-
}
+
float: left;
-
+
padding: 18px 18px 0px 17px;
-
/*1st sub level menu*/
+
        background: #26292e;
-
.ddsmoothmenu ul li ul{
+
-
position: absolute;
+
-
left: 0;
+
-
visibility: hidden;
+
-
display: none; /*collapse all sub menus to begin with*/
+
-
border: 1px #222 solid;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
+
-
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
+
}
}
-
/*Sub level menu list items (undo style from Top level List Items)*/
+
.heading{
-
.ddsmoothmenu ul li ul li{
+
width: 260px;
-
text-align:left;
+
        height: 20px;
-
float: none;
+
        float: left;
-
background: url('img/bg-menu2.png');
+
        padding: 6px 14px 6px 14px;
 +
        margin: 0px 0px 12px 0px;
 +
        background: url(http://igem.org/wiki/images/7/77/Navigation_btn_bg.gif) repeat-x;
}
}
-
.ddsmoothmenu ul li ul li a{
+
.heading h3{
-
color: #fff;
+
font-size: 17px;
-
font-size: 12px;
+
color: #ffffff;
-
}
+
float: left;
-
.ddsmoothmenu ul li ul li  a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+
font-weight: normal;
-
color: #fff;
+
-
}
+
-
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
+
-
color: #fff;
+
-
}
+
-
.ddsmoothmenu ul li ul li a:hover{
+
-
color: #ffc;
+
-
}
+
-
.ddsmoothmenu ul li ul li ul{
+
-
top: 0;
+
}
}
-
/* Sub level menu links style */
+
.heading img{
-
.ddsmoothmenu ul li ul li a{
+
float: right;
-
width: 160px; /*width of sub menus*/
+
margin: 3px 0px 0px 0px;
-
padding: 0px 0px 0px 10px;
+
-
height: 38px;
+
-
line-height: 320%;
+
-
border-left: 1px #555 solid;
+
-
overflow: hidden;
+
}
}
-
/* Holly Hack for IE \*/
+
ul{
-
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
+
float: left;
-
 
+
margin: 0px 0px 39px 0px;
-
.copyright{
+
-
width: 930px;
+
-
color: #959595;
+
-
background: #eee;
+
-
clear: both;
+
-
line-height: 190%;
+
-
text-align: right;
+
-
padding: 10px 20px 10px;
+
-
margin: 0px auto 0px;
+
}
}
-
.copyright a{
+
ul.sitemap li a{
-
color: #bbb;
+
font-size: 14px;
-
text-decoration: none;
+
color: #ffffff;
 +
margin: 0px 0px 17px 11px;
}
}
-
.copyright a:hover{
 
-
color: #ccc;
 
-
}
 
-
 
-
</style>
 
-
<style>
+
ul.sitemap li span{
-
/* Breadcrumbs */
+
color: #65b8f9;
-
.breadcrumbs-wrapper{
+
-
width: 940px;
+
-
padding-right: 30px;
+
-
padding-bottom: 10px;
+
-
padding-top: 17px;
+
-
height: 20px;
+
-
margin: auto;
+
-
background: #f2f2f2 url('http://2011.igem.org/wiki/images/3/35/Breadcrumbs-bg.jpg') repeat-x center top;
+
-
border-bottom: 1px #eaeaea solid;
+
-
}
+
-
/* the case without slider */
+
-
.breadcrumbs-wrapper-main{
+
-
width: 940px;
+
-
padding-right: 30px;
+
-
padding-bottom: 10px;
+
-
padding-top: 17px;
+
-
height: 20px;
+
-
margin: auto;
+
-
background: #f2f2f2 url('http://2011.igem.org/wiki/images/3/35/Breadcrumbs-bg.jpg') repeat-x center top;
+
-
}
+
-
.breadcrumbs{
+
-
font-size: 11px;
+
-
}
+
-
.breadcrumbs .current{
+
-
color: #999;
+
-
}
+
-
.breadcrumbs .and{
+
-
color: #fff;
+
-
}
+
-
.breadcrumbs a{
+
-
color: #777;
+
-
text-decoration: underline;
+
-
}
+
-
.breadcrumbs a:hover{
+
-
color: #999;
+
-
}
+
-
.arrow-breadcrumbs{
+
-
width: 20px;
+
-
height: 9px;
+
-
display:inline-block;
+
-
background: url('arrow-breadcrumbs.png') no-repeat center;
+
-
}
+
-
.pre-breadcrumbs{
+
-
color: #999;
+
-
margin-right: 5px;
+
-
display:inline-block;
+
-
}
+
-
/* Slider */
+
-
#slider-wrapper{
+
-
width: 990px;
+
-
overflow: visible;
+
-
margin: 0px auto 0px;
+
-
}
+
-
.slider-sh-wrapper{
+
-
position: relative;
+
-
width: 990px;
+
-
}
+
-
.slider-sh-left{
+
-
width: 10px;
+
-
height: 112px;
+
-
background: url('http://2011.igem.org/wiki/images/6/69/Bar-title-sh-left.png') no-repeat;
+
-
display: block-inline;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
}
+
-
.slider-sh{
+
-
width: 970px;
+
-
height: 8px;
+
-
background: url('http://2011.igem.org/wiki/images/3/37/Bar-title-sh.png') repeat-x;
+
-
display: block-inline;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 10px;
+
-
}
+
-
.slider-sh-right{
+
-
width: 10px;
+
-
height: 112px;
+
-
background: url('http://2011.igem.org/wiki/images/c/c6/Bar-title-sh-right.png') no-repeat;
+
-
display: block-inline;
+
-
position: absolute;
+
-
top: 0px;
+
-
right: 0px;
+
-
}
+
-
#slider-wrapper .slider-content{
+
-
min-height: 20px;
+
-
}
+
-
#slider-wrapper .slider-top{
+
-
width: 988px;
+
-
height: 20px;
+
-
}
+
-
#slider-wrapper .slider-bottom{
+
-
width: 988px;
+
-
height: 20px;
+
-
}
+
-
#slider-wrapper .slider-shadow{
+
-
position:relative;
+
-
width: 990px;
+
-
background: #222 url('http://2011.igem.org/wiki/images/5/54/Slider-bg.png') no-repeat center ;
+
-
}
+
-
#slider-wrapper .slider-shadow-bar-top{
+
-
position: absolute;
+
-
background: url('http://2011.igem.org/wiki/images/a/a9/Slider-shadow.png');
+
-
display: inline-block;
+
-
z-index: 50;
+
-
margin: auto;
+
-
}
+
-
#slider-wrapper .slider-shadow-bar-bottom{
+
-
position: absolute;
+
-
left: 0px;
+
-
background: url('http://2011.igem.org/wiki/images/a/a9/Slider-shadow.png');
+
-
display: inline-block;
+
-
z-index: 50;
+
-
}
+
-
#slider-wrapper .slider-bullet{
+
-
width: 970px;
+
-
margin: 0px auto 0px;
+
-
overflow: hidden;
+
-
background: #f2f2f2 url('http://2011.igem.org/wiki/images/3/35/Breadcrumbs-bg.jpg') repeat-x center top;
+
}
}
-
#slider-wrapper .slider-top{
+
.replace{
-
background: url('http://2011.igem.org/wiki/images/1/16/Slider-top.jpg') repeat-x center top;
+
-
border-left: 1px #888 solid;
+
-
border-right: 1px #888 solid;
+
-
}
+
-
#slider-wrapper .slider-bottom{
+
-
background: url('http://2011.igem.org/wiki/images/5/55/Slider-bottom.jpg') repeat-x center top;
+
-
border-left: 1px #666 solid;
+
-
border-right: 1px #666 solid;
+
-
}
+
-
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
position:relative;
position:relative;
-
}
+
margin:0;
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
padding:0;
padding:0;
-
margin:0;
+
/* \*/
-
z-index:60;
+
overflow:hidden;
-
display:none;
+
/* */
}
}
-
/* The slices in the Slider */
+
.replace span{
-
.nivo-slice {
+
display:block;
display:block;
position:absolute;
position:absolute;
-
z-index:50;
+
top:0;
-
height:100%;
+
left:0;
 +
z-index:1;
}
}
-
/* Caption styles */
+
 
-
.nivo-caption {
+
#wrapper{
-
position:absolute;
+
width: 965px;
-
right:0px;
+
padding: 0px 0px 0px 0px;
-
bottom:15px;
+
        margin: 0px 0px 0px 0px;
-
/*background:#000;*/
+
 
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:40%;
+
-
z-index:89;
+
-
}
+
-
.nivo-caption p {
+
-
font-size: 100%;
+
-
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
+
-
color: #ddd;
+
-
text-align: left;
+
-
padding: 25px;
+
-
margin: 0;
+
-
}
+
-
.nivo-caption a {
+
-
display:inline !important;
+
-
}
+
-
.nivo-html-caption {
+
-
    display:none;
+
-
}
+
-
/* Direction nav styles (e.g. Next & Prev) */
+
-
.nivo-directionNav a {
+
-
position:absolute;
+
-
top:45%;
+
-
z-index:99;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-prevNav {
+
-
left:0px;
+
-
}
+
-
.nivo-nextNav {
+
-
right:0px;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.nivo-controlNav a {
+
-
position:relative;
+
-
z-index:99;
+
-
cursor:pointer;
+
-
}
+
-
.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;
 +
top:35px;
 +
display: none;
 +
width:964px;
 +
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;
}
}
-
#slider2 .nivo-controlNav a {
+
ul#topnav li:hover span { display: block;}
-
display:block;
+
ul#topnav li span a { display: inline; font-weight; normal; }
-
width:16px;
+
ul#topnav li span a:hover {text-decoration: none;}
-
height:16px;
+
#groupparts {
-
background: url(bullets3.png) no-repeat;
+
width: 650px!important;
-
text-indent:-9999px;
+
-
border:0;
+
-
margin-right:10px;
+
-
float:left;
+
}
}
-
#slider2 .nivo-controlNav a.active {
+
#contentSub {
-
background-position:-16px 0;
+
display:none;
}
}
-
#slider-wrapper .slider-content{
+
 
-
width: 990px;
+
#siteSub {
-
height: 400px;
+
display:none;
}
}
-
#slider-wrapper .slider-backgroud{
+
 
-
background: #6b6b6b;
+
 
 +
.firstHeading {
 +
display:none;
}
}
-
#slider-wrapper .slider-shadow-bar-top{
+
 
-
height: 0px;
+
</html>
-
top: 20px;
+
 
-
width: 100%;
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<style type="text/css">
 +
<!--
 +
body {
 +
background-color: #FFFFFF;
}
}
-
#slider-wrapper .slider-shadow-bar-bottom{
+
.style2 {
-
height: 0px;
+
font-family: Rockwell, "Rockwell Condensed", "Rockwell Extra Bold";
-
bottom: 20px;
+
font-size: 16px;
-
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;
+
}
}
-
.nivo-caption {
+
.style3 {color: #FFFFFF}
-
width: 45%;
+
a:link {
-
right:0px;
+
text-decoration: none;
-
bottom: 30px;
+
}
}
-
.nivo-caption p{
+
a:visited {
-
color: #d9d9d9;
+
text-decoration: none;
}
}
-
.nivo-caption {
+
a:hover {
-
background: #000000
+
text-decoration: none;
}
}
-
 
+
a:active {
-
+
text-decoration: none;
-
#slider-wrapper .slider-bullet{
+
-
height: 80px;
+
-
border-bottom: 1px #e9e9e9 solid;
+
}
}
-
#slider .nivo-controlNav {
+
body,td,th {
-
position:absolute;
+
font-family: Verdana, Arial, Helvetica, sans-serif;
-
width: 100%;
+
-
left:0%;
+
-
bottom:-82px;
+
-
text-align:center;
+
}
}
-
#slider .nivo-controlNav img {
+
.style11 {font-family: Rockwell, "Rockwell Condensed", "Rockwell Extra Bold"}
-
display:inline;
+
.style12 {color: #000000}
-
position:relative;
+
.style13 {font-size: 16px}
-
margin-left:11px;
+
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif}
-
margin-right:11px;
+
.style15 {
-
border: 2px #eee solid;
+
font-size: 18px;
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
+
font-weight: bold;
-
-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 {
+
.style17 {
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 1px;
+
font-size: 100px;
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 1px;
+
color: #FFFFFF;
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 1px;
+
font-family: Verdana, Arial, Helvetica, sans-serif;
}
}
 +
-->
 +
</style></head>
-
#slider-wrapper .slider-content{
 
-
margin: 0px auto 0px;
 
-
}</style>
 
-
 
-
 
-
</head>
 
<body>
<body>
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/ddsmoothmenu.js"></script>
+
<table width="969" border="0" align="center">
-
 
+
  <tr>
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/jquery.nivo.slider.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/cufon.js"></script>
+
  <tr>
-
<script type="text/javascript" src="http://simsekburak.com/fatihigem/Aller_Light_400.font.js"></script>
+
    <td height="42" bgcolor="FFFFFF"><table width="963" border="0" cellspacing="10" bgcolor="#FFFFFF">
-
 
+
        <tr>
-
<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>
-
$(document).ready(
+
          <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>
-
ddsmoothmenu.init({
+
          <td width="295" align="center" valign="middle" bgcolor="#1D3551"><a href="therainbowgraveyard.html"><span class="style3">THE RAINBOW GRAVEYARD</span></a></td>
-
mainmenuid: "topmenu",
+
          <td width="205" align="center" valign="middle" bgcolor="#960C47"><a href="notebook.html"><span class="style3">LAB GARAGE</span></a></td>
-
orientation: 'h',
+
        </tr>
-
classname: 'ddsmoothmenu',
+
    </table></td>
-
contentsource: "markup"
+
  </tr>
-
}));
+
  <tr>
-
 
+
    <td height="778" align="center" valign="top" bgcolor="#FFFFFF"><p>&nbsp;</p>
-
jQuery(window).load(function() {
+
    <table width="792" bordercolor="#FFFFFF" bgcolor="#E47C1D">
-
setTimeout(function(){
+
      <tr>
-
jQuery('#slider').nivoSlider({
+
        <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>
-
pauseTime:4000,
+
        <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>
-
animSpeed:600,
+
        <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>
-
captionOpacity: 0.8,
+
        <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>
-
pauseOnHover:true,
+
        <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>
-
directionNav:true,
+
      </tr>
-
directionNavHide:true,
+
    </table>
-
controlNavThumbs:true,
+
  <table width="900" border="0" cellpadding="20" cellspacing="0">
-
controlNavThumbsFromRel:true,
+
      <tr>
-
});
+
        <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>
-
}, 1000),
+
          <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 />
-
setTimeout(function(){
+
              <br />
-
/* For slider shortcode */
+
            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>
-
jQuery('#slider2').nivoSlider({
+
          <p>&nbsp;</p>         </td>
-
pauseTime:4000,
+
      </tr>
-
animSpeed:600,
+
    </table>
-
captionOpacity: 0.8,
+
    <p>&nbsp;</p>
-
pauseOnHover:true,
+
    <p align="justify" class="style2">&nbsp;</p></td>
-
directionNavHide:true });
+
  </tr>
-
}, 1000);
+
</table>
-
+
-
});
+
-
</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="container">
+
-
<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/e/ed/Sf4.jpg" rel="" alt="" title="<h2>Great Design</h2>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/9/99/Sf5.jpg" rel="" alt="" title="" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="http://2011.igem.org/wiki/images/6/65/Sf6.jpg" rel="" alt="" title="<h2>Great Design</h2>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
+
-
</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>
+
-
+
-
<div id="footer">
+
-
<div>
+
-
<h3 style="color:#BBB;">Sponsors</h3>
+
-
<img src="http://2011.igem.org/wiki/images/6/69/Tubitak.png"/>
+
-
<img src="http://2011.igem.org/wiki/images/d/d8/Sentegen.jpg"/>
+
-
</div>
+
-
</div>
+
-
<div class="copyright-open">
+
-
</div>
+
-
<div class="copyright">
+
-
2011 © Fatih Turkey
+
-
</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’.