www.gusucode.com > 200套html5精品模板76_100 > 094/assets/nivo/nivo-slider.css
/* * jQuery Nivo Slider v3.0.1 * 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%; overflow: hidden; height:100%; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width:20000px; } .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; } /* 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; top:0px; right:0px; width:93% !important; left:0px; margin:20px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 1; overflow: hidden; display: none; -moz-opacity:1; filter:alpha(opacity=1); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border-radius: 3px; } .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:9; cursor:pointer; font-size:0px; content:'' } .nivo-prevNav { left:20px; background:url(../img/arr-left.png); width:32px; height:32px; } .nivo-nextNav { right:20px; background:url(../img/arr-right.png); width:32px; height:32px; } .standard .nivo-directionNav { display:block !important; visibility:visible !important; } .nivo-nextNav:hover { background:url(../img/arr-right-hover.png);} .nivo-prevNav:hover { background:url(../img/arr-left-hover.png);} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; display:none; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }