/* *Owl Carousel Owl Demo Theme *www.mycodes.net */ .owl-theme .owl-controls { text-align: center; margin-bottom: 20px; } .owl-theme .owl-controls .owl-buttons{ position:relative; margin-top: -26px; } /* Styling Next and Prev buttons*/ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/ margin: 5px; padding: 0; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:url(../images/zuo.png) no-repeat left center; width:9px; height:11px; position:absolute; left:46%; } .owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/you.png) no-repeat left center; width:9px; height:11px; position:absolute; right:46%; } /* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=1);/*IE7 fix*/ opacity: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; background: #163579; } /* If PaginationNumbers is true*/ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images*/ .owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center }