owl.theme.default.css 1.4 KB

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