Team:Heidelberg/NivoSlider

From 2010.igem.org

(Difference between revisions)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
 
-
/*
 
-
* jQuery Nivo Slider v2.1
 
-
* http://nivo.dev7studios.com
 
-
*
 
-
* Copyright 2010, Gilbert Pellegrom
 
-
* Free to use and abuse under the MIT license.
 
-
* http://www.opensource.org/licenses/mit-license.php
 
-
*
 
-
* March 2010
 
-
*/
 
   
   
   
   
-
/* The Nivo Slider styles */
+
 
.nivoSlider {
.nivoSlider {
position:relative;
position:relative;
Line 25: Line 14:
left:0px;
left:0px;
}
}
-
/* If an image is wrapped in a link */
+
 
.nivoSlider a.nivo-imageLink {
.nivoSlider a.nivo-imageLink {
position:absolute;
position:absolute;
Line 38: Line 27:
display:none;
display:none;
}
}
-
/* The slices in the Slider */
+
 
.nivo-slice {
.nivo-slice {
display:block;
display:block;
Line 45: Line 34:
height:100%;
height:100%;
}
}
-
/* Caption styles */
+
 
.nivo-caption {
.nivo-caption {
position:absolute;
position:absolute;
Line 67: Line 56:
     display:none;
     display:none;
}
}
-
/* Direction nav styles (e.g. Next & Prev) */
+
 
.nivo-directionNav a {
.nivo-directionNav a {
position:absolute;
position:absolute;
Line 87: Line 76:
left:10px;
left:10px;
}
}
-
/* Control nav styles (e.g. 1,2,3...) */
 
.nivo-controlNav {
.nivo-controlNav {
position:absolute;
position:absolute;
Line 110: Line 98:
background-position:-10px 0;
background-position:-10px 0;
}
}
-
 
-
 
-
/*=================================*/
 
-
/* Nivo slider
 
-
/* March 2010
 
-
/* By: Gilbert Pellegrom
 
-
/* http://www.gilbertpellegrom.co.uk
 
-
/*=================================*/
 
-
 
-
 
-
/*========================*/
 
-
/*=== Structure Styles ===*/
 
-
/*========================*/
 
#wrapper {
#wrapper {
Line 206: Line 181:
#slider2 a {
#slider2 a {
-
display:block; /* IE Fix */
+
display:block;
}
}
Line 270: Line 245:
}
}
-
 
-
/*====================*/
 
-
/*=== Other Styles ===*/
 
-
/*====================*/
 
.clear {
.clear {
clear:both;
clear:both;
Line 282: Line 253:
}
}
-
/* Sharper Thumbnails */
 
img {
img {
-ms-interpolation-mode:bicubic;
-ms-interpolation-mode:bicubic;
}
}
-
/* Wordpress Defaults */
 
img.alignright {float:right; margin:0 0 .7em 1em}
img.alignright {float:right; margin:0 0 .7em 1em}
img.alignleft {float:left; margin:0 1em .7em 0}
img.alignleft {float:left; margin:0 1em .7em 0}
Line 295: Line 264:
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
-
/* Easy Border Radius */
 
.round5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.round5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
Line 303: Line 271:
.round30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }
.round30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }
-
/*
 
-
* Note: Include the nivo-slider.css file that comes
 
-
* with the main download before including this file.
 
-
*/
 
#slider {
#slider {

Revision as of 19:05, 18 October 2010

Retrieved from "http://2010.igem.org/Team:Heidelberg/NivoSlider"