Team:Fatih Turkey/Home2

From 2011.igem.org

(Difference between revisions)
 
(73 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('https://static.igem.org/mediawiki/igem.org/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: 970px;
+
color: #ffffff;
-
overflow: hidden;
+
width: 552px;
-
margin: 0px auto 0px;
+
-
background: #f9f9f9;
+
-
}
+
-
.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(https://static.igem.org/mediawiki/igem.org/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/5/54/Slider-bg.png') no-repeat center ;
+
-
}
+
-
#slider-wrapper .slider-shadow-bar-top{
+
-
position: absolute;
+
-
background: url('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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('breadcrumbs-bg.jpg') repeat-x center top;
+
}
}
-
#slider-wrapper .slider-top{
+
.replace{
-
background: url('slider-top.jpg') repeat-x center top;
+
-
border-left: 1px #888 solid;
+
-
border-right: 1px #888 solid;
+
-
}
+
-
#slider-wrapper .slider-bottom{
+
-
background: url('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/4/42/Loading.gif') no-repeat 50% 50%;
+
background: url(https://static.igem.org/mediawiki/igem.org/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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">
+
    <td width="963" height="224" align="center" valign="middle" background="https://static.igem.org/mediawiki/2011/0/02/Renkli.jpg">&nbsp;</td>
-
/*
+
  </tr>
-
* jQuery Nivo Slider v2.3
+
  <tr>
-
* http://nivo.dev7studios.com
+
    <td height="42" bgcolor="FFFFFF"><table width="963" border="0" cellspacing="10" bgcolor="#FFFFFF">
-
*
+
         <tr>
-
* Copyright 2010, Gilbert Pellegrom
+
          <td width="206" height="20" align="center" valign="middle" bgcolor="#990000"><a href="https://2011.igem.org/Team:Fatih_Turkey"><span class="style3">HOME</span></a></td>
-
* Free to use and abuse under the MIT license.
+
          <td width="206" align="center" valign="middle" bgcolor="#695E0E"><a href="https://2011.igem.org/Team:Fatih_Turkey/canvas_town"><span class="style3">CANVAS&nbsp; TOWN</span></a></td>
-
* http://www.opensource.org/licenses/mit-license.php
+
          <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>
-
* May 2010 - Pick random effect from specified set of effects by toronegro
+
         </tr>
-
* May 2010 - controlNavThumbsFromRel option added by nerd-sh
+
    </table></td>
-
* May 2010 - Do not start nivoRun timer if there is only 1 slide by msielski
+
  </tr>
-
* April 2010 - controlNavThumbs option added by Jamie Thompson (http://jamiethompson.co.uk)
+
  <tr>
-
* March 2010 - manualAdvance option added by HelloPablo (http://hellopablo.co.uk)
+
    <td height="778" align="center" valign="top" bgcolor="#FFFFFF"><p>&nbsp;</p>
-
*/
+
    <table width="792" bordercolor="#FFFFFF" bgcolor="#E47C1D">
-
 
+
      <tr>
-
(function($) {
+
        <td width="200" bgcolor="#FFFFFF"><a href="https://2011.igem.org/Team:Fatih_Turkey/Team"><img src="https://static.igem.org/mediawiki/2011/0/0a/Team-link.jpg" width="150" height="188" /></a></td>
-
 
+
        <td width="200"><a href="https://2011.igem.org/Team:Fatih_Turkey/Project"><img src="https://static.igem.org/mediawiki/2011/3/34/Project-link.jpg" width="150" height="188" /></a></td>
-
    var NivoSlider = function(element, options){
+
        <td width="200"><a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2011&group=Fatih_Turkey"><img src="https://static.igem.org/mediawiki/2011/a/a0/Parts-link.jpg" width="150" height="188" /></a></td>
-
//Defaults are below
+
        <td width="200"><a href="https://2011.igem.org/Team:Fatih_Turkey/Human_Practice"><img src="https://static.igem.org/mediawiki/2011/4/48/Humanpractice-link.jpg" width="150" height="188" /></a></td>
-
var settings = $.extend({}, $.fn.nivoSlider.defaults, options);
+
        <td width="143"><a href="safety.html"><img src="https://static.igem.org/mediawiki/2011/8/8f/Safety-link.jpg" width="150" height="188" /></a></td>
-
 
+
      </tr>
-
        //Useful variables. Play carefully.
+
    </table>
-
        var vars = {
+
  <table width="900" border="0" cellpadding="20" cellspacing="0">
-
            currentSlide: 0,
+
      <tr>
-
            currentImage: '',
+
        <td width="860" height="732" align="center" valign="middle" bgcolor="#FFFFFF"><p><img src="https://static.igem.org/mediawiki/2011/e/e8/Rainbow.jpg" width="640" height="373" /></p>
-
            totalSlides: 0,
+
          <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 />
-
            randAnim: '',
+
              <br />
-
            running: false,
+
            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>
-
            paused: false,
+
          <p>&nbsp;</p>         </td>
-
            stop:false
+
      </tr>
-
        };
+
    </table>
-
   
+
    <p>&nbsp;</p>
-
        //Get this slider
+
    <p align="justify" class="style2">&nbsp;</p></td>
-
        var slider = $(element);
+
  </tr>
-
        slider.data('nivo:vars', vars);
+
</table>
-
        slider.css('position','relative');
+
-
        slider.addClass('nivoSlider');
+
-
       
+
-
        //Find our slider children
+
-
        var kids = slider.children();
+
-
        kids.each(function() {
+
-
            var child = $(this);
+
-
            var link = '';
+
-
            if(!child.is('img')){
+
-
                if(child.is('a')){
+
-
                    child.addClass('nivo-imageLink');
+
-
                    link = child;
+
-
                }
+
-
                child = child.find('img:first');
+
-
            }
+
-
            //Get img width & height
+
-
            var childWidth = child.width();
+
-
            if(childWidth == 0) childWidth = child.attr('width');
+
-
            var childHeight = child.height();
+
-
            if(childHeight == 0) childHeight = child.attr('height');
+
-
            //Resize the slider
+
-
            if(childWidth > slider.width()){
+
-
                slider.width(childWidth);
+
-
            }
+
-
            if(childHeight > slider.height()){
+
-
                slider.height(childHeight);
+
-
            }
+
-
            if(link != ''){
+
-
                link.css('display','none');
+
-
            }
+
-
            child.css('display','none');
+
-
            vars.totalSlides++;
+
-
        });
+
-
       
+
-
        //Set startSlide
+
-
        if(settings.startSlide > 0){
+
-
            if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1;
+
-
            vars.currentSlide = settings.startSlide;
+
-
        }
+
-
       
+
-
        //Get initial image
+
-
        if($(kids[vars.currentSlide]).is('img')){
+
-
            vars.currentImage = $(kids[vars.currentSlide]);
+
-
        } else {
+
-
            vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
+
-
        }
+
-
       
+
-
        //Show initial link
+
-
        if($(kids[vars.currentSlide]).is('a')){
+
-
            $(kids[vars.currentSlide]).css('display','block');
+
-
        }
+
-
       
+
-
        //Set first background
+
-
        slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
+
-
          
+
-
        //Add initial slices
+
-
        for(var i = 0; i < settings.slices; i++){
+
-
            var sliceWidth = Math.round(slider.width()/settings.slices);
+
-
            if(i == settings.slices-1){
+
-
                slider.append(
+
-
                    $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px' })
+
-
                );
+
-
            } else {
+
-
                slider.append(
+
-
                    $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:sliceWidth+'px' })
+
-
                );
+
-
            }
+
-
        }
+
-
       
+
-
        //Create caption
+
-
        slider.append(
+
-
            $('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
+
-
        );
+
-
        //Process initial  caption
+
-
        if(vars.currentImage.attr('title') != ''){
+
-
            var title = vars.currentImage.attr('title');
+
-
            if(title.substr(0,1) == '#') title = $(title).html();
+
-
            $('.nivo-caption p', slider).html(title);
+
-
+
-
/*Using Cufon in title*/
+
-
Cufon.replace('.nivo-caption p > h1,.nivo-caption p > h2,.nivo-caption p > h3,.nivo-caption p > h4,.nivo-caption p > h5,.nivo-caption p > h6');
+
-
+
-
            $('.nivo-caption', slider).fadeIn(settings.animSpeed);
+
-
        }
+
-
       
+
-
        //In the words of Super Mario "let's a go!"
+
-
        var timer = 0;
+
-
        if(!settings.manualAdvance && kids.length > 1){
+
-
            timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
+
-
        }
+
-
 
+
-
        //Add Direction nav
+
-
        if(settings.directionNav){
+
-
            slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div>');
+
-
           
+
-
            //Hide Direction nav
+
-
            if(settings.directionNavHide){
+
-
                $('.nivo-directionNav', slider).hide();
+
-
                slider.hover(function(){
+
-
                    $('.nivo-directionNav', slider).show();
+
-
                }, function(){
+
-
                    $('.nivo-directionNav', slider).hide();
+
-
                });
+
-
            }
+
-
           
+
-
            $('a.nivo-prevNav', slider).live('click', function(){
+
-
                if(vars.running) return false;
+
-
                clearInterval(timer);
+
-
                timer = '';
+
-
                vars.currentSlide-=2;
+
-
                nivoRun(slider, kids, settings, 'prev');
+
-
            });
+
-
           
+
-
            $('a.nivo-nextNav', slider).live('click', function(){
+
-
                if(vars.running) return false;
+
-
                clearInterval(timer);
+
-
                timer = '';
+
-
                nivoRun(slider, kids, settings, 'next');
+
-
            });
+
-
        }
+
-
       
+
-
        //Add Control nav
+
-
        if(settings.controlNav){
+
-
            var nivoControl = $('<div class="nivo-controlNav"></div>');
+
-
            slider.append(nivoControl);
+
-
            for(var i = 0; i < kids.length; i++){
+
-
                if(settings.controlNavThumbs){
+
-
                    var child = kids.eq(i);
+
-
                    if(!child.is('img')){
+
-
                        child = child.find('img:first');
+
-
                    }
+
-
                    if (settings.controlNavThumbsFromRel) {
+
-
                        nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');
+
-
                    } else {
+
-
                        nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>');
+
-
                    }
+
-
                } else {
+
-
                    nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
+
-
                }
+
-
               
+
-
            }
+
-
            //Set initial active link
+
-
            $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
+
-
           
+
-
            $('.nivo-controlNav a', slider).live('click', function(){
+
-
                if(vars.running) return false;
+
-
                if($(this).hasClass('active')) return false;
+
-
                clearInterval(timer);
+
-
                timer = '';
+
-
                slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
+
-
                vars.currentSlide = $(this).attr('rel') - 1;
+
-
                nivoRun(slider, kids, settings, 'control');
+
-
            });
+
-
        }
+
-
       
+
-
        //Keyboard Navigation
+
-
         if(settings.keyboardNav){
+
-
            $(window).keypress(function(event){
+
-
                //Left
+
-
                if(event.keyCode == '37'){
+
-
                    if(vars.running) return false;
+
-
                    clearInterval(timer);
+
-
                    timer = '';
+
-
                    vars.currentSlide-=2;
+
-
                    nivoRun(slider, kids, settings, 'prev');
+
-
                }
+
-
                //Right
+
-
                if(event.keyCode == '39'){
+
-
                    if(vars.running) return false;
+
-
                    clearInterval(timer);
+
-
                    timer = '';
+
-
                    nivoRun(slider, kids, settings, 'next');
+
-
                }
+
-
            });
+
-
        }
+
-
       
+
-
        //For pauseOnHover setting
+
-
        if(settings.pauseOnHover){
+
-
            slider.hover(function(){
+
-
                vars.paused = true;
+
-
                clearInterval(timer);
+
-
                timer = '';
+
-
            }, function(){
+
-
                vars.paused = false;
+
-
                //Restart the timer
+
-
                if(timer == '' && !settings.manualAdvance){
+
-
                    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
+
-
                }
+
-
            });
+
-
        }
+
-
       
+
-
        //Event when Animation finishes
+
-
        slider.bind('nivo:animFinished', function(){
+
-
            vars.running = false;
+
-
            //Hide child links
+
-
            $(kids).each(function(){
+
-
                if($(this).is('a')){
+
-
                    $(this).css('display','none');
+
-
                }
+
-
            });
+
-
            //Show current link
+
-
            if($(kids[vars.currentSlide]).is('a')){
+
-
                $(kids[vars.currentSlide]).css('display','block');
+
-
            }
+
-
            //Restart the timer
+
-
            if(timer == '' && !vars.paused && !settings.manualAdvance){
+
-
                timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
+
-
            }
+
-
            //Trigger the afterChange callback
+
-
            settings.afterChange.call(this);
+
-
        });
+
-
 
+
-
        // Private run method
+
-
var nivoRun = function(slider, kids, settings, nudge){
+
-
//Get our vars
+
-
var vars = slider.data('nivo:vars');
+
-
           
+
-
            //Trigger the lastSlide callback
+
-
            if(vars && (vars.currentSlide == vars.totalSlides - 1)){
+
-
settings.lastSlide.call(this);
+
-
}
+
-
           
+
-
            // Stop
+
-
if((!vars || vars.stop) && !nudge) return false;
+
-
+
-
//Trigger the beforeChange callback
+
-
settings.beforeChange.call(this);
+
-
+
-
//Set current background before change
+
-
if(!nudge){
+
-
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
+
-
} else {
+
-
if(nudge == 'prev'){
+
-
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
+
-
}
+
-
if(nudge == 'next'){
+
-
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
+
-
}
+
-
}
+
-
vars.currentSlide++;
+
-
            //Trigger the slideshowEnd callback
+
-
if(vars.currentSlide == vars.totalSlides){
+
-
vars.currentSlide = 0;
+
-
settings.slideshowEnd.call(this);
+
-
}
+
-
if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
+
-
//Set vars.currentImage
+
-
if($(kids[vars.currentSlide]).is('img')){
+
-
vars.currentImage = $(kids[vars.currentSlide]);
+
-
} else {
+
-
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
+
-
}
+
-
+
-
//Set acitve links
+
-
if(settings.controlNav){
+
-
$('.nivo-controlNav a', slider).removeClass('active');
+
-
$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
+
-
}
+
-
+
-
//Process caption
+
-
if(vars.currentImage.attr('title') != ''){
+
-
                var title = vars.currentImage.attr('title');
+
-
                if(title.substr(0,1) == '#') title = $(title).html();
+
-
                   
+
-
if($('.nivo-caption', slider).css('display') == 'block'){
+
-
$('.nivo-caption p', slider).fadeOut(settings.animSpeed, function(){
+
-
$(this).html(title);
+
-
/*Using Cufon in title*/
+
-
Cufon.replace('.nivo-caption p > h1,.nivo-caption p > h2,.nivo-caption p > h3,.nivo-caption p > h4,.nivo-caption p > h5,.nivo-caption p > h6');
+
-
$(this).fadeIn(settings.animSpeed);
+
-
});
+
-
} else {
+
-
$('.nivo-caption p', slider).html(title);
+
-
/*Using Cufon in title*/
+
-
Cufon.replace('.nivo-caption p > h1,.nivo-caption p > h2,.nivo-caption p > h3,.nivo-caption p > h4,.nivo-caption p > h5,.nivo-caption p > h6');
+
-
}
+
-
$('.nivo-caption', slider).fadeIn(settings.animSpeed);
+
-
} else {
+
-
$('.nivo-caption', slider).fadeOut(settings.animSpeed);
+
-
}
+
-
+
-
//Set new slice backgrounds
+
-
var  i = 0;
+
-
$('.nivo-slice', slider).each(function(){
+
-
var sliceWidth = Math.round(slider.width()/settings.slices);
+
-
$(this).css({ height:'0px', opacity:'0',
+
-
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' });
+
-
i++;
+
-
});
+
-
+
-
if(settings.effect == 'random'){
+
-
var anims = new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade");
+
-
vars.randAnim = anims[Math.floor(Math.random()*(anims.length + 1))];
+
-
if(vars.randAnim == undefined) vars.randAnim = 'fade';
+
-
}
+
-
           
+
-
            //Run random effect from specified set (eg: effect:'fold,fade')
+
-
            if(settings.effect.indexOf(',') != -1){
+
-
                var anims = settings.effect.split(',');
+
-
                vars.randAnim = $.trim(anims[Math.floor(Math.random()*anims.length)]);
+
-
            }
+
-
+
-
//Run effects
+
-
vars.running = true;
+
-
if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' ||
+
-
settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft'){
+
-
var timeBuff = 0;
+
-
var i = 0;
+
-
var slices = $('.nivo-slice', slider);
+
-
if(settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse();
+
-
slices.each(function(){
+
-
var slice = $(this);
+
-
slice.css('top','0px');
+
-
if(i == settings.slices-1){
+
-
setTimeout(function(){
+
-
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
+
-
}, (100 + timeBuff));
+
-
} else {
+
-
setTimeout(function(){
+
-
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
+
-
}, (100 + timeBuff));
+
-
}
+
-
timeBuff += 50;
+
-
i++;
+
-
});
+
-
}
+
-
else if(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' ||
+
-
settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft'){
+
-
var timeBuff = 0;
+
-
var i = 0;
+
-
var slices = $('.nivo-slice', slider);
+
-
if(settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse();
+
-
slices.each(function(){
+
-
var slice = $(this);
+
-
slice.css('bottom','0px');
+
-
if(i == settings.slices-1){
+
-
setTimeout(function(){
+
-
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
+
-
}, (100 + timeBuff));
+
-
} else {
+
-
setTimeout(function(){
+
-
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
+
-
}, (100 + timeBuff));
+
-
}
+
-
timeBuff += 50;
+
-
i++;
+
-
});
+
-
}
+
-
else if(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' ||
+
-
settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft'){
+
-
var timeBuff = 0;
+
-
var i = 0;
+
-
var v = 0;
+
-
var slices = $('.nivo-slice', slider);
+
-
if(settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse();
+
-
slices.each(function(){
+
-
var slice = $(this);
+
-
if(i == 0){
+
-
slice.css('top','0px');
+
-
i++;
+
-
} else {
+
-
slice.css('bottom','0px');
+
-
i = 0;
+
-
}
+
-
+
-
if(v == settings.slices-1){
+
-
setTimeout(function(){
+
-
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
+
-
}, (100 + timeBuff));
+
-
} else {
+
-
setTimeout(function(){
+
-
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
+
-
}, (100 + timeBuff));
+
-
}
+
-
timeBuff += 50;
+
-
v++;
+
-
});
+
-
}
+
-
else if(settings.effect == 'fold' || vars.randAnim == 'fold'){
+
-
var timeBuff = 0;
+
-
var i = 0;
+
-
$('.nivo-slice', slider).each(function(){
+
-
var slice = $(this);
+
-
var origWidth = slice.width();
+
-
slice.css({ top:'0px', height:'100%', width:'0px' });
+
-
if(i == settings.slices-1){
+
-
setTimeout(function(){
+
-
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
+
-
}, (100 + timeBuff));
+
-
} else {
+
-
setTimeout(function(){
+
-
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
+
-
}, (100 + timeBuff));
+
-
}
+
-
timeBuff += 50;
+
-
i++;
+
-
});
+
-
+
-
else if(settings.effect == 'fade' || vars.randAnim == 'fade'){
+
-
var i = 0;
+
-
$('.nivo-slice', slider).each(function(){
+
-
$(this).css('height','100%');
+
-
if(i == settings.slices-1){
+
-
$(this).animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
+
-
} else {
+
-
$(this).animate({ opacity:'1.0' }, (settings.animSpeed*2));
+
-
}
+
-
i++;
+
-
});
+
-
}
+
-
}
+
-
       
+
-
        // For debugging
+
-
        var trace = function(msg){
+
-
            if (this.console && typeof console.log != "undefined")
+
-
                console.log(msg);
+
-
        }
+
-
       
+
-
        // Start / Stop
+
-
        this.stop = function(){
+
-
            if(!$(element).data('nivo:vars').stop){
+
-
                $(element).data('nivo:vars').stop = true;
+
-
                trace('Stop Slider');
+
-
            }
+
-
        }
+
-
       
+
-
        this.start = function(){
+
-
            if($(element).data('nivo:vars').stop){
+
-
                $(element).data('nivo:vars').stop = false;
+
-
                trace('Start Slider');
+
-
            }
+
-
        }
+
-
       
+
-
        //Trigger the afterLoad callback
+
-
        settings.afterLoad.call(this);
+
-
    };
+
-
       
+
-
    $.fn.nivoSlider = function(options) {
+
-
   
+
-
        return this.each(function(){
+
-
            var element = $(this);
+
-
            // Return early if this element already has a plugin instance
+
-
            if (element.data('nivoslider')) return;
+
-
            // Pass options to plugin constructor
+
-
            var nivoslider = new NivoSlider(this, options);
+
-
            // Store plugin object in this element's data
+
-
            element.data('nivoslider', nivoslider);
+
-
        });
+
-
 
+
-
};
+
-
+
-
//Default settings
+
-
$.fn.nivoSlider.defaults = {
+
-
effect:'random',
+
-
slices:15,
+
-
animSpeed:500,
+
-
pauseTime:3000,
+
-
startSlide:0,
+
-
directionNav:true,
+
-
directionNavHide:true,
+
-
controlNav:true,
+
-
controlNavThumbs:false,
+
-
        controlNavThumbsFromRel:false,
+
-
controlNavThumbsSearch:'.jpg',
+
-
controlNavThumbsReplace:'_thumb.jpg',
+
-
keyboardNav:true,
+
-
pauseOnHover:true,
+
-
manualAdvance:false,
+
-
captionOpacity:0.8,
+
-
beforeChange: function(){},
+
-
afterChange: function(){},
+
-
slideshowEnd: function(){},
+
-
        lastSlide: function(){},
+
-
        afterLoad: function(){}
+
-
};
+
-
+
-
$.fn._reverse = [].reverse;
+
-
+
-
})(jQuery);
+
-
</script>
+
-
 
+
-
 
+
-
<script>
+
-
+
-
jQuery(window).load(function() {
+
-
setTimeout(function(){
+
-
jQuery('#slider').nivoSlider({
+
-
pauseTime:4000,
+
-
animSpeed:600,
+
-
captionOpacity: 0.8,
+
-
pauseOnHover:true,
+
-
directionNav:true,
+
-
directionNavHide:true,
+
-
controlNavThumbs:true,
+
-
controlNavThumbsFromRel:true,
+
-
});
+
-
}, 1000),
+
-
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">
+
-
 
+
-
 
+
-
<div id="slider-wrapper">
+
-
<div class="slider-shadow">
+
-
<div class="slider-top">
+
-
</div>
+
-
<div id="slider" class="slider-content nivoSlider">
+
-
<a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2011/f/f1/Sf1.jpg" rel="" alt="" title="<h2>Flexible</h2>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
+
-
</a>
+
-
<a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2011/6/61/Sf2.jpg" rel="" alt="" title="<h2>Clean and Simple</h2>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in ullamcorper purus. " />
+
-
</a>
+
-
<a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2011/b/b7/Sf3.jpg" rel="" alt="" title="<h2>Very Easy to Use!</h2>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
Maecenas in ullamcorper purus. " />
+
-
</a>
+
-
<a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2011/e/ed/Sf4.jpg" rel="" alt="" title="<h2>Great Design</h2>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
+
-
</a>
+
-
<a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2011/9/99/Sf5.jpg" rel="" alt="" title="" />
+
-
</a>
+
-
<a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2011/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>
+
-
 
+
</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’.