2 * Owl Carousel Owl Demo Theme
6 .owl-theme .owl-controls{
11 /* Styling Next and Prev buttons */
13 .owl-theme .owl-controls .owl-buttons div{
15 display: inline-block;
17 *display: inline;/*IE7 life-saver */
21 -webkit-border-radius: 30px;
22 -moz-border-radius: 30px;
25 filter: Alpha(Opacity=50);/*IE7 fix*/
28 /* Clickable class fix problem with hover on touch devices */
29 /* Use it for non-touch hover action */
30 .owl-theme .owl-controls.clickable .owl-buttons div:hover{
31 filter: Alpha(Opacity=100);/*IE7 fix*/
33 text-decoration: none;
36 /* Styling Pagination*/
38 .owl-theme .owl-controls .owl-page{
39 display: inline-block;
41 *display: inline;/*IE7 life-saver */
43 .owl-theme .owl-controls .owl-page span{
48 filter: Alpha(Opacity=50);/*IE7 fix*/
50 -webkit-border-radius: 20px;
51 -moz-border-radius: 20px;
56 .owl-theme .owl-controls .owl-page.active span,
57 .owl-theme .owl-controls.clickable .owl-page:hover span{
58 filter: Alpha(Opacity=100);/*IE7 fix*/
62 /* If PaginationNumbers is true */
64 .owl-theme .owl-controls .owl-page span.owl-numbers{
70 -webkit-border-radius: 30px;
71 -moz-border-radius: 30px;
75 /* preloading images */
78 background: url(AjaxLoader.gif) no-repeat center center