/* * 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; top:50%; left:10%; z-index:8; width:620px; text-align:left; -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 { background:url(../images/slide-nav.png) no-repeat scroll 0 0 #1872C5; 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: 50%; z-index: 10; cursor: pointer; border-radius: 30px; } a.nivo-prevNav { left: 20px; background-position: 0 center !important; } a.nivo-nextNav { right:20px; background-position:-40px center !important; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { right: 0; bottom: 5%; padding: 0; position: absolute; z-index: 9; text-align: center; line-height: 10px; left: 0; } .nivo-controlNav a { cursor:pointer; border: 0 none; display:inline-block; margin: 0 5px; text-indent:-9999px; width:35px; height:7px; background-color:#ffffff; } .nivo-controlNav a.active { -webkit-transform: scale(0.8); transform: scale(0.8); }