owl.theme.green.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /**
  2. * Owl Carousel v2.3.2
  3. * Copyright 2013-2018 David Deutsch
  4. * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
  5. */
  6. /*
  7. * Green theme - Owl Carousel CSS File
  8. */
  9. .owl-theme .owl-nav {
  10. margin-top: 10px;
  11. text-align: center;
  12. -webkit-tap-highlight-color: transparent; }
  13. .owl-theme .owl-nav [class*='owl-'] {
  14. color: #FFF;
  15. font-size: 14px;
  16. margin: 5px;
  17. padding: 4px 7px;
  18. background: #D6D6D6;
  19. display: inline-block;
  20. cursor: pointer;
  21. border-radius: 3px; }
  22. .owl-theme .owl-nav [class*='owl-']:hover {
  23. background: #4DC7A0;
  24. color: #FFF;
  25. text-decoration: none; }
  26. .owl-theme .owl-nav .disabled {
  27. opacity: 0.5;
  28. cursor: default; }
  29. .owl-theme .owl-nav.disabled + .owl-dots {
  30. margin-top: 10px; }
  31. .owl-theme .owl-dots {
  32. text-align: center;
  33. -webkit-tap-highlight-color: transparent; }
  34. .owl-theme .owl-dots .owl-dot {
  35. display: inline-block;
  36. zoom: 1;
  37. *display: inline; }
  38. .owl-theme .owl-dots .owl-dot span {
  39. width: 10px;
  40. height: 10px;
  41. margin: 5px 7px;
  42. background: #D6D6D6;
  43. display: block;
  44. -webkit-backface-visibility: visible;
  45. transition: opacity 200ms ease;
  46. border-radius: 30px; }
  47. .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  48. background: #4DC7A0; }