/* * 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 */ .slider-main { position:relative; } .nivoSlider { position:relative; width:100%; height:auto; 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; padding:4% 0; top:50%; text-align:left; left:7%; z-index:8; width:80%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-box-sizing:border-box; box-sizing:border-box; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { display:block; height:50px; text-indent:-9999px; -webkit-transition:all 200ms ease-in-out 0s; transition:all 200ms ease-in-out 0s; width:50px; position:absolute; bottom:0; z-index:10; cursor:pointer; } a.nivo-nextNav { right:0; background:url(../images/slide-nav.png) no-repeat -98px center #ffbc13; } a.nivo-prevNav { left:0; background:url(../images/slide-nav.png) no-repeat -20px center #ffbc13; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { padding:0; position:absolute; width:auto; bottom:3%; z-index:9; line-height:10px; left: 0; right: 0; text-align: center; } .nivo-controlNav a { cursor: pointer; display: inline-block; margin: 5px 5px; text-indent: -9999px; width: 10px; height: 10px; border: 2px solid #ffffff; line-height: 7px; } .nivo-controlNav a.active { border-color: #1a7dd7; background-color: #1a7dd7; }