www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/040/css/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%; height:100%; overflow: hidden; margin-top:20px; } .nivoSlider img { position:absolute; top:0px; left:0px; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; margin-bottom:0; } /* 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; left:0px; bottom:0px; background:url(../img/caption_bg.png) repeat-x; color:#fff; width:100%; z-index:8; padding: 5px 10px; overflow: hidden; display: none; height:31%; padding-top:20px; -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 h6{ margin-left:20px; margin-top:10px; clear:both; font-size:14px; font-style:italic; padding-left:60px; background:url(../img/caption-qutoes.png) no-repeat left; position:relative; height:33px; color:#fff; font-family: 'Droid Serif'; } .nivo-caption p { padding:5px; margin:0; font-size:28px; color:#fff; width:80%; top:-15px; padding-left:80px; margin-top:0px; position:relative; line-height:30px; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; z-index:9; cursor:pointer; text-indent:-999999px; height:70%; width:30%; } .nivo-prevNav { background:url(../img/right-arrow.png) no-repeat; width:100%; height:100%; background-size:100% 100%; top:-5px; left:-170px; text-indent:-999999px;; } .nivo-nextNav { bottom:-1px; right:-170px; background:url(../img/left-arrow.png) no-repeat; width:100%; height:100%; background-size:100% 100%; } /* 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; } @media screen and (max-width: 1024px){ .nivoSlider{height:100%;} .nivo-caption p {font-size:20px;top:-25px;} }