Subversion Repositories wimsdev

Rev

Rev 14456 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. @charset 'UTF-8';
  2. /* Slider */
  3. .slick-loading .slick-list
  4. {
  5.     background: #fff url('./ajax-loader.gif') center center no-repeat;
  6. }
  7.  
  8. /* Icons */
  9. @font-face
  10. {
  11.     font-family: 'slick';
  12.     font-weight: normal;
  13.     font-style: normal;
  14.  
  15.     src: url('./fonts/slick.eot');
  16.     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');
  17. }
  18. /* Arrows */
  19. .slick-prev,
  20. .slick-next
  21. {
  22.     font-size: 0;
  23.     line-height: 0;
  24.  
  25.     position: absolute;
  26.     top: 50%;
  27.  
  28.     display: block;
  29.  
  30.     width: 20px;
  31.     height: 20px;
  32.     padding: 0;
  33.     -webkit-transform: translate(0, -50%);
  34.     -ms-transform: translate(0, -50%);
  35.     transform: translate(0, -50%);
  36.  
  37.     cursor: pointer;
  38.  
  39.     color: transparent;
  40.     border: none;
  41.     outline: none;
  42.     background: transparent;
  43. }
  44. .slick-prev:hover,
  45. .slick-prev:focus,
  46. .slick-next:hover,
  47. .slick-next:focus
  48. {
  49.     color: transparent;
  50.     outline: none;
  51.     background: transparent;
  52. }
  53. .slick-prev:hover:before,
  54. .slick-prev:focus:before,
  55. .slick-next:hover:before,
  56. .slick-next:focus:before
  57. {
  58.     opacity: 1;
  59. }
  60. .slick-prev.slick-disabled:before,
  61. .slick-next.slick-disabled:before
  62. {
  63.     opacity: .25;
  64. }
  65.  
  66. .slick-prev:before,
  67. .slick-next:before
  68. {
  69.     font-family: 'slick';
  70.     font-size: 20px;
  71.     line-height: 1;
  72.  
  73.     opacity: .75;
  74.     /*color: white;*/
  75.     color:var(--wims_ref_button_bgcolor);
  76.  
  77.     -webkit-font-smoothing: antialiased;
  78.     -moz-osx-font-smoothing: grayscale;
  79. }
  80.  
  81. .slick-prev
  82. {
  83.     left: -25px;
  84. }
  85. [dir='rtl'] .slick-prev
  86. {
  87.     right: -25px;
  88.     left: auto;
  89. }
  90. .slick-prev:before
  91. {
  92.     content: '←';
  93. }
  94. [dir='rtl'] .slick-prev:before
  95. {
  96.     content: '→';
  97. }
  98.  
  99. .slick-next
  100. {
  101.     right: -25px;
  102. }
  103. [dir='rtl'] .slick-next
  104. {
  105.     right: auto;
  106.     left: -25px;
  107. }
  108. .slick-next:before
  109. {
  110.     content: '→';
  111. }
  112. [dir='rtl'] .slick-next:before
  113. {
  114.     content: '←';
  115. }
  116.  
  117. /* Dots */
  118. .slick-dotted.slick-slider
  119. {
  120.     margin-bottom: 30px;
  121. }
  122.  
  123. .slick-dots
  124. {
  125.     position: absolute;
  126.     bottom: -25px;
  127.  
  128.     display: block;
  129.  
  130.     width: 100%;
  131.     padding: 0;
  132.     margin: 0;
  133.  
  134.     list-style: none;
  135.  
  136.     text-align: center;
  137. }
  138. .slick-dots li
  139. {
  140.     position: relative;
  141.  
  142.     display: inline-block;
  143.  
  144.     width: 20px;
  145.     height: 20px;
  146.     margin: 0 5px;
  147.     padding: 0;
  148.  
  149.     cursor: pointer;
  150. }
  151. .slick-dots li button
  152. {
  153.     font-size: 0;
  154.     line-height: 0;
  155.  
  156.     display: block;
  157.  
  158.     width: 20px;
  159.     height: 20px;
  160.     padding: 5px;
  161.  
  162.     cursor: pointer;
  163.  
  164.     color: transparent;
  165.     border: 0;
  166.     outline: none;
  167.     background: transparent;
  168. }
  169. .slick-dots li button:hover,
  170. .slick-dots li button:focus
  171. {
  172.     outline: none;
  173. }
  174. .slick-dots li button:hover:before,
  175. .slick-dots li button:focus:before
  176. {
  177.     opacity: 1;
  178. }
  179. .slick-dots li button:before
  180. {
  181.     font-family: 'slick';
  182.     font-size: 6px;
  183.     line-height: 20px;
  184.  
  185.     position: absolute;
  186.     top: 0;
  187.     left: 0;
  188.  
  189.     width: 20px;
  190.     height: 20px;
  191.  
  192.     content: '•';
  193.     text-align: center;
  194.  
  195.     opacity: .25;
  196.     color: black;
  197.  
  198.     -webkit-font-smoothing: antialiased;
  199.     -moz-osx-font-smoothing: grayscale;
  200. }
  201. .slick-dots li.slick-active button:before
  202. {
  203.     opacity: .75;
  204.     /*color: black;*/
  205.     color:var(--wims_ref_button_bgcolor);
  206. }
  207.