owl.theme.default.css 1.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /*
  2. * Default theme - Owl Carousel CSS File
  3. */
  4. .owl-theme .owl-nav {
  5. margin-top: 10px;
  6. text-align: center;
  7. -webkit-tap-highlight-color: transparent;
  8. }
  9. .owl-theme .owl-nav [class*='owl-'] {
  10. color: #FFF;
  11. font-size: 14px;
  12. margin: 5px;
  13. padding: 4px 7px;
  14. background: #D6D6D6;
  15. display: inline-block;
  16. cursor: pointer;
  17. border-radius: 3px;
  18. }
  19. .owl-theme .owl-nav [class*='owl-']:hover {
  20. background: #869791;
  21. color: #FFF;
  22. text-decoration: none;
  23. }
  24. .owl-theme .owl-nav .disabled {
  25. opacity: 0.5;
  26. cursor: default;
  27. }
  28. .owl-theme .owl-nav.disabled + .owl-dots {
  29. margin-top: 10px;
  30. }
  31. .owl-theme .owl-dots {
  32. text-align: center;
  33. -webkit-tap-highlight-color: transparent;
  34. }
  35. .owl-theme .owl-dots .owl-dot {
  36. display: inline-block;
  37. zoom: 1;
  38. *display: inline;
  39. }
  40. .owl-theme .owl-dots .owl-dot span {
  41. width: 10px;
  42. height: 10px;
  43. margin: 5px 7px;
  44. background: #D6D6D6;
  45. display: block;
  46. -webkit-backface-visibility: visible;
  47. -webkit-transition: opacity 200ms ease;
  48. transition: opacity 200ms ease;
  49. border-radius: 30px;
  50. }
  51. .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  52. background: #869791;
  53. }
  54. /*# sourceMappingURL=owl.theme.default.css.map */