Team:British Columbia/nivoslider.css
From 2013.igem.org
Line 106: | Line 106: | ||
.nivo-prevNav { | .nivo-prevNav { | ||
background-image: url("https://static.igem.org/mediawiki/2013/4/41/Leftarrow.png"); | background-image: url("https://static.igem.org/mediawiki/2013/4/41/Leftarrow.png"); | ||
- | left: | + | left:5px; |
} | } | ||
.nivo-nextNav { | .nivo-nextNav { | ||
background-image: url("https://static.igem.org/mediawiki/2013/b/b9/Rightarrow.png"); | background-image: url("https://static.igem.org/mediawiki/2013/b/b9/Rightarrow.png"); | ||
- | right: | + | right:38px; |
} | } | ||
/* Control nav styles (e.g. 1,2,3...) */ | /* Control nav styles (e.g. 1,2,3...) */ |
Revision as of 06:08, 20 October 2013
/*
* jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */
/* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:400px;
margin-left: 15px;
overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !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:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; }
/* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption {
display:none;
} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:20; cursor:pointer;
width: 33px; height: 53px; line-height: 0; font-size: 0; color: transparent;
} .nivo-directionNav {
background-color: green;
} .nivo-prevNav {
background-image: url("");
left:5px; } .nivo-nextNav {
background-image: url("");
right:38px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }