Team:Queens Canada/SynthetiQ/DNA

From 2012.igem.org

(Difference between revisions)
(Created page with "{{Template:Queens_Canada/Header}} <html> <head> <script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/cufon-yui?action=raw&ctype=text/js"></scrip...")
Line 5: Line 5:
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Museo_Slab-font?action=raw&ctype=text/js"></script>  
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Museo_Slab-font?action=raw&ctype=text/js"></script>  
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquery_nivo_slider_pack?action=raw&ctype=text/js"></script>   
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquery_nivo_slider_pack?action=raw&ctype=text/js"></script>   
 +
<style type="text/css">
 +
.nivoSlider {
 +
position:relative;
 +
min-height:220px;
 +
margin:30px 30px 60px 30px;
 +
background:#202834 url(images/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;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
display:none;
 +
}
 +
.nivoSlider a {
 +
border:0;
 +
}
 +
.nivo-directionNav a {
 +
display:block;
 +
width:30px;
 +
height:30px;
 +
background:url(images/arrows.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
}
 +
a.nivo-nextNav {
 +
background-position:-30px 0;
 +
right:15px;
 +
}
 +
a.nivo-prevNav {
 +
left:15px;
 +
}
 +
 +
#slider1 .nivo-controlNav,
 +
#slider2 .nivo-controlNav,
 +
#slider4 .nivo-controlNav {
 +
position:absolute;
 +
left:47%;
 +
bottom:-30px;
 +
}
 +
#slider1 .nivo-controlNav a,
 +
#slider2 .nivo-controlNav a,
 +
#slider4 .nivo-controlNav a {
 +
display:block;
 +
width:10px;
 +
height:10px;
 +
background:url(images/bullets.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
margin-right:3px;
 +
float:left;
 +
}
 +
#slider1 .nivo-controlNav a.active,
 +
#slider2 .nivo-controlNav a.active,
 +
#slider4 .nivo-controlNav a.active {
 +
background-position:-10px 0;
 +
}
 +
 +
#slider2 a {
 +
display:block; /* IE Fix */
 +
}
 +
 +
#slider3 {
 +
margin-bottom:110px;
 +
}
 +
#slider3 .nivo-controlNav {
 +
position:absolute;
 +
left:29%;
 +
bottom:-70px;
 +
}
 +
#slider3 .nivo-controlNav img {
 +
display:inline;
 +
position:relative;
 +
margin-right:10px;
 +
-moz-box-shadow:0px 0px 5px #333;
 +
-webkit-box-shadow:0px 0px 5px #333;
 +
box-shadow:0px 0px 5px #333;
 +
}
 +
#slider3 .nivo-controlNav a.active img {
 +
-moz-box-shadow:0px 0px 5px #fff;
 +
-webkit-box-shadow:0px 0px 5px #fff;
 +
box-shadow:0px 0px 5px #fff;
 +
}
 +
 +
 +
</style>
 +
 +
</head>
</head>
<body>
<body>
<div id="content2">
<div id="content2">
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
$('#slider').nivoSlider({
 +
  effect:'random', //Specify sets like: 'fold,fade,sliceDown'
 +
  slices:15,
 +
  animSpeed:500, //Slide transition speed
 +
  pauseTime:3000,
 +
  startSlide:0, //Set starting Slide (0 index)
 +
  directionNav:true, //Next & Prev
 +
  directionNavHide:true, //Only show on hover
 +
  controlNav:true, //1,2,3...
 +
  controlNavThumbs:false, //Use thumbnails for Control Nav
 +
      controlNavThumbsFromRel:false, //Use image rel for thumbs
 +
  controlNavThumbsSearch: '.jpg', //Replace this with...
 +
  controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 +
  keyboardNav:true, //Use left & right arrows
 +
  pauseOnHover:true, //Stop animation while hovering
 +
  manualAdvance:false, //Force manual transitions
 +
  captionOpacity:0.8, //Universal caption opacity
 +
  beforeChange: function(){},
 +
  afterChange: function(){},
 +
  slideshowEnd: function(){} //Triggers after all slides have been shown
 +
});
 +
});
 +
</script>
</div>
</div>
</body>
</body>

Revision as of 21:06, 12 June 2012

Control