slick-theme.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. @charset "UTF-8";
  2. /* Slider */
  3. .slick-loading .slick-list {
  4. background: #fff url("./ajax-loader.gif") center center no-repeat; }
  5. /* Icons */
  6. @font-face {
  7. font-family: "slick";
  8. src: url("./fonts/slick.eot");
  9. src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  10. font-weight: normal;
  11. font-style: normal; }
  12. /* Arrows */
  13. .slick-prev,
  14. .slick-next {
  15. position: absolute;
  16. display: block;
  17. height: 20px;
  18. width: 20px;
  19. line-height: 0px;
  20. font-size: 0px;
  21. cursor: pointer;
  22. background: transparent;
  23. color: transparent;
  24. top: 50%;
  25. -webkit-transform: translate(0, -50%);
  26. -ms-transform: translate(0, -50%);
  27. transform: translate(0, -50%);
  28. padding: 0;
  29. border: none;
  30. outline: none; }
  31. .slick-prev:hover, .slick-prev:focus,
  32. .slick-next:hover,
  33. .slick-next:focus {
  34. outline: none;
  35. background: transparent;
  36. color: transparent; }
  37. .slick-prev:hover:before, .slick-prev:focus:before,
  38. .slick-next:hover:before,
  39. .slick-next:focus:before {
  40. opacity: 1; }
  41. .slick-prev.slick-disabled:before,
  42. .slick-next.slick-disabled:before {
  43. opacity: 0.25; }
  44. .slick-prev:before,
  45. .slick-next:before {
  46. font-family: "slick";
  47. font-size: 20px;
  48. line-height: 1;
  49. color: white;
  50. opacity: 0.75;
  51. -webkit-font-smoothing: antialiased;
  52. -moz-osx-font-smoothing: grayscale; }
  53. .slick-prev {
  54. left: 5%; }
  55. [dir="rtl"] .slick-prev {
  56. left: auto;
  57. right: 5%; }
  58. .slick-prev:before {
  59. content: url("../../images/fleche_blanche.svg"); }
  60. [dir="rtl"] .slick-prev:before {
  61. content: url("../../images/fleche_blanche.svg"); }
  62. .slick-next {
  63. right: -25px; }
  64. [dir="rtl"] .slick-next {
  65. left: -25px;
  66. right: auto; }
  67. .slick-next:before {
  68. content: url("../../images/fleche_blanche.svg"); }
  69. [dir="rtl"] .slick-next:before {
  70. content: url("../../images/fleche_blanche.svg"); }
  71. /* Dots */
  72. .slick-dotted.slick-slider {
  73. margin-bottom: 30px; }
  74. .slick-dots {
  75. position: absolute;
  76. bottom: -25px;
  77. list-style: none;
  78. display: block;
  79. text-align: center;
  80. padding: 0;
  81. margin: 0;
  82. width: 100%; }
  83. .slick-dots li {
  84. position: relative;
  85. display: inline-block;
  86. height: 20px;
  87. width: 20px;
  88. margin: 0 5px;
  89. padding: 0;
  90. cursor: pointer; }
  91. .slick-dots li button {
  92. border: 0;
  93. background: transparent;
  94. display: block;
  95. height: 20px;
  96. width: 20px;
  97. outline: none;
  98. line-height: 0px;
  99. font-size: 0px;
  100. color: transparent;
  101. padding: 5px;
  102. cursor: pointer; }
  103. .slick-dots li button:hover, .slick-dots li button:focus {
  104. outline: none; }
  105. .slick-dots li button:hover:before, .slick-dots li button:focus:before {
  106. opacity: 1; }
  107. .slick-dots li button:before {
  108. position: absolute;
  109. top: 0;
  110. left: 0;
  111. content: "•";
  112. width: 20px;
  113. height: 20px;
  114. font-family: "slick";
  115. font-size: 6px;
  116. line-height: 20px;
  117. text-align: center;
  118. color: black;
  119. opacity: 0.25;
  120. -webkit-font-smoothing: antialiased;
  121. -moz-osx-font-smoothing: grayscale; }
  122. .slick-dots li.slick-active button:before {
  123. color: black;
  124. opacity: 0.75; }