"
Team:SDU-Denmark/nivo-slider.css
From 2012.igem.org
(arrows uploaded bullets uploaded) |
|||
| (4 intermediate revisions not shown) | |||
| Line 12: | Line 12: | ||
/* The Nivo Slider styles */ | /* The Nivo Slider styles */ | ||
| + | |||
| + | |||
.nivoSlider { | .nivoSlider { | ||
position:relative; | position:relative; | ||
| Line 17: | Line 19: | ||
.nivoSlider img { | .nivoSlider img { | ||
position:absolute; | position:absolute; | ||
| - | + | ||
| - | + | ||
} | } | ||
| + | |||
| + | |||
/* If an image is wrapped in a link */ | /* If an image is wrapped in a link */ | ||
.nivoSlider a.nivo-imageLink { | .nivoSlider a.nivo-imageLink { | ||
| Line 123: | Line 126: | ||
width:32px; | width:32px; | ||
height:32px; | height:32px; | ||
| - | background:url( | + | background:url(https://static.igem.org/mediawiki/2012/f/f0/Arrows.png) no-repeat; |
text-indent:-9999px; | text-indent:-9999px; | ||
border:0; | border:0; | ||
Latest revision as of 17:31, 16 September 2012
/*
* jQuery Nivo Slider v1.9 * 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 {
position:relative;
}
.nivoSlider img {
position:absolute;
}
/* 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;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:20px;
margin:0;
text-align: center;
}
/* 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;
}
/*
* Note: Include the nivo-slider.css file that comes * with the main download before including this file. */
- slider {
position:relative; background:#202834 url(../images/loading.gif) no-repeat 50% 50%; border: 1px solid #131313; }
- slider img {
position:absolute; top:0px; left:0px; display:none; }
- slider a {
border:0; }
.nivo-controlNav {
position:absolute;
left:47%;
bottom:-20px;
}
.nivo-controlNav a {
display:block;
width:10px;
height:10px;
background:url(
) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:-10px 0;
}
.nivo-directionNav a {
display:block;
width:32px;
height:32px;
background:url(
) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-32px 0;
right:32px;
}
a.nivo-prevNav {
left:32px;
}
