www.gusucode.com > 200套html5精品模板76_100 > 079/css/iview-slider/style.css
.container { display: block; margin: 0px auto; } #iview { display: block; max-width: 960px; min-width: 300px; background: #000; background: rgba(0, 0, 0, 0.7); padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); margin: 40px auto; overflow: hidden; } #iview .iviewSlider { display: block; width: 900px; height: 320px; overflow: hidden; border-radius: 4px; } #iview div.iview-directionNav { position: absolute; top: 47%; left: 0px; z-index: 9; width: 100%; } #iview div.iview-directionNav a { display: block; cursor: pointer; position: absolute; width: 27px; height: 27px; background-image: url(../../images/iview/bg_direction_nav.png); text-indent: -9999px; -webkit-transition: left 0.3s ease-in-out; -webkit-transition-property: left,right; -moz-transition: left 0.3s ease-in-out; -moz-transition-property: left,right; -o-transition: left 0.3s ease-in-out; -o-transition-property: left,right; -ms-transition: left 0.3s ease-in-out; -ms-transition-property: left,right; transition: left 0.3s ease-in-out; transition-property: left,right; } #iview div.iview-directionNav a.iview-nextNav { right: -27px; background-position: 27px 0px; } #iview div.iview-directionNav a.iview-prevNav { left: -27px; background-position: 0px 0px } #iview.iview-hover div.iview-directionNav a.iview-nextNav { right: 20px; } #iview.iview-hover div.iview-directionNav a.iview-prevNav { left: 20px; } .iview-caption { background: url('../../images/iview/caption-bg.png'); color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; } .iview-caption a, .iview-caption a:hover { color: #fff; } .iview-caption.caption-white { background: #FFF; color: #000; text-shadow: none; } .iview-caption.caption-white a, .iview-caption.caption-white a:hover { color: #000; } .iview-caption.caption-red { background: #c4302b; text-shadow: none; } .iview-caption.caption-green { background: #9ACD32; text-shadow: none; } .iview-caption.caption-blue { background: #4E92F9; text-shadow: none; } .iview-caption.caption-cyan { background: #008B8B; text-shadow: none; } .iview-caption.caption-default { background: #FF8C11; text-shadow: none; } #iview-preloader { border: #666 1px solid; width: 150px } #iview-preloader div { background: #666; } #iview-timer { border-radius: 10px; } #iview-timer div { border-radius: 10px; }