Subversion Repositories wimsdev

Rev

Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

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