Team:SDU-Denmark/nivo-slider.css
From 2012.igem.org
Line 17: | Line 17: | ||
.nivoSlider img { | .nivoSlider img { | ||
position:absolute; | position:absolute; | ||
- | + | ||
- | + | ||
} | } | ||
+ | .theme-default .nivoSlider img { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | width: 556px; | ||
+ | height: 183px !important; | ||
+ | } | ||
+ | |||
/* If an image is wrapped in a link */ | /* If an image is wrapped in a link */ | ||
.nivoSlider a.nivo-imageLink { | .nivoSlider a.nivo-imageLink { |
Revision as of 17:22, 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;
} .theme-default .nivoSlider img {
position:absolute; top:0px; left:0px; display:none; width: 556px; height: 183px !important;
}
/* 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; }