owl.theme.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /*
  2. * Owl Carousel Owl Demo Theme
  3. * v1.3.2
  4. */
  5. .owl-theme .owl-controls{
  6. margin-top: 10px;
  7. text-align: center;
  8. }
  9. /* Styling Next and Prev buttons */
  10. .owl-theme .owl-controls .owl-buttons div{
  11. display: inline-block;
  12. zoom: 1;
  13. *display: inline;/*IE7 life-saver */
  14. }
  15. /* Clickable class fix problem with hover on touch devices */
  16. /* Use it for non-touch hover action */
  17. .owl-theme .owl-controls.clickable .owl-buttons div:hover{
  18. filter: Alpha(Opacity=100);/*IE7 fix*/
  19. opacity: 1;
  20. text-decoration: none;
  21. }
  22. /* Styling Pagination*/
  23. .owl-theme .owl-controls .owl-page{
  24. display: inline-block;
  25. zoom: 1;
  26. *display: inline;/*IE7 life-saver */
  27. }
  28. .owl-theme .owl-controls .owl-page span{
  29. display: block;
  30. width: 12px;
  31. height: 12px;
  32. margin: 5px 7px;
  33. filter: Alpha(Opacity=50);/*IE7 fix*/
  34. opacity: 0.5;
  35. -webkit-border-radius: 20px;
  36. -moz-border-radius: 20px;
  37. border-radius: 20px;
  38. background: #869791;
  39. }
  40. .owl-theme .owl-controls .owl-page.active span,
  41. .owl-theme .owl-controls.clickable .owl-page:hover span{
  42. filter: Alpha(Opacity=100);/*IE7 fix*/
  43. opacity: 1;
  44. }
  45. /* If PaginationNumbers is true */
  46. .owl-theme .owl-controls .owl-page span.owl-numbers{
  47. height: auto;
  48. width: auto;
  49. color: #FFF;
  50. padding: 2px 10px;
  51. font-size: 12px;
  52. -webkit-border-radius: 30px;
  53. -moz-border-radius: 30px;
  54. border-radius: 30px;
  55. }
  56. /* preloading images */
  57. .owl-item.loading{
  58. min-height: 150px;
  59. background: url(AjaxLoader.gif) no-repeat center center
  60. }