"
Team:Groningen/files/slider.css
From 2010.igem.org
Joelkuiper (Talk | contribs) |
Joelkuiper (Talk | contribs) |
||
| Line 59: | Line 59: | ||
color: white; | color: white; | ||
text-decoration: underline; | text-decoration: underline; | ||
| + | } | ||
| + | .nivo-caption a:hover { | ||
| + | text-decoration: none; | ||
} | } | ||
.nivo-html-caption { | .nivo-html-caption { | ||
Latest revision as of 19:09, 27 October 2010
/*
* 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 { position:relative; } .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; 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:5px; margin:0; } .nivo-caption a { display:inline !important; color: white; text-decoration: underline; } .nivo-caption a:hover { text-decoration: none; } .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; } /*
* Note: Include the nivo-slider.css file that comes * with the main download before including this file. */
- slider {
position:relative; margin:30px 30px 60px 0; background:#202834 url(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 img {
position:absolute; top:0px; left:0px; display:none; }
- slider a {
border:0; }
.nivo-controlNav {
position:absolute;
left:47%;
bottom:-30px;
}
.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:34px;
background:url(
) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-32px 0;
right:10px;
}
a.nivo-prevNav {
left:10px;
}
