src/main/resources/META-INF/resources/designer/css/carousel/owl.theme.css

   1 /*
   2 *       Owl Carousel Owl Demo Theme
   3 *       v1.3.3
   4 */
   5
   6 .owl-theme .owl-controls{
   7         margin-top: 10px;
   8         text-align: center;
   9 }
  10
  11 /* Styling Next and Prev buttons */
  12
  13 .owl-theme .owl-controls .owl-buttons div{
  14         color: #FFF;
  15         display: inline-block;
  16         zoom: 1;
  17         *display: inline;/*IE7 life-saver */
  18         margin: 5px;
  19         padding: 3px 10px;
  20         font-size: 12px;
  21         -webkit-border-radius: 30px;
  22         -moz-border-radius: 30px;
  23         border-radius: 30px;
  24         background: #869791;
  25         filter: Alpha(Opacity=50);/*IE7 fix*/
  26         opacity: 0.5;
  27 }
  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*/
  32         opacity: 1;
  33         text-decoration: none;
  34 }
  35
  36 /* Styling Pagination*/
  37
  38 .owl-theme .owl-controls .owl-page{
  39         display: inline-block;
  40         zoom: 1;
  41         *display: inline;/*IE7 life-saver */
  42 }
  43 .owl-theme .owl-controls .owl-page span{
  44         display: block;
  45         width: 12px;
  46         height: 12px;
  47         margin: 5px 7px;
  48         filter: Alpha(Opacity=50);/*IE7 fix*/
  49         opacity: 0.5;
  50         -webkit-border-radius: 20px;
  51         -moz-border-radius: 20px;
  52         border-radius: 20px;
  53         background: #869791;
  54 }
  55
  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*/
  59         opacity: 1;
  60 }
  61
  62 /* If PaginationNumbers is true */
  63
  64 .owl-theme .owl-controls .owl-page span.owl-numbers{
  65         height: auto;
  66         width: auto;
  67         color: #FFF;
  68         padding: 2px 10px;
  69         font-size: 12px;
  70         -webkit-border-radius: 30px;
  71         -moz-border-radius: 30px;
  72         border-radius: 30px;
  73 }
  74
  75 /* preloading images */
  76 .owl-item.loading{
  77         min-height: 150px;
  78         background: url(AjaxLoader.gif) no-repeat center center
  79 }