/* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{} /* Styling Next and Prev buttons */ .owl-theme .owl-buttons { text-align: center; } .owl-theme .owl-controls .owl-buttons div { font-family: 'FontAwesome'; font-size: 16px; text-align: center; line-height: 32px; height: 32px; width: 38px; display: inline-block; border-width: 1px; border-style: solid; *display: inline;/*IE7 life-saver */ *zoom: 1; position: absolute; top: -85px; } .owl-theme .owl-controls .owl-buttons div.owl-prev { right: 45px; } .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f104"; } .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; } .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f105"; } /* 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{ text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-pagination { text-align: center; position: absolute; left: 0; right: 0; bottom: 20px; } .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: 8px; height: 8px; border-width: 2px; border-style: solid; margin: 0px 5px; -moz-border-radius: 6px; /* Mozila Firefox border radius */ -webkit-border-radius: 6px; /* Safari, Chrome border radius */ -khtml-border-radius: 6px; /* KHTML border radius */ -icab-border-radius: 6px; /* icab border radius */ border-radius: 6px; /* CSS3 Opera border radius */ -opera-border-radius: 6px; -o-border-radius: 6px; -border-radius: 6px; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{} /* 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 }