slick/slick-theme.css

   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
  76     -webkit-font-smoothing: antialiased;
  77     -moz-osx-font-smoothing: grayscale;
  78 }
  79
  80 .slick-prev
  81 {
  82     left: -25px;
  83 }
  84 [dir='rtl'] .slick-prev
  85 {
  86     right: -25px;
  87     left: auto;
  88 }
  89 .slick-prev:before
  90 {
  91     content: '←';
  92 }
  93 [dir='rtl'] .slick-prev:before
  94 {
  95     content: '→';
  96 }
  97
  98 .slick-next
  99 {
 100     right: -25px;
 101 }
 102 [dir='rtl'] .slick-next
 103 {
 104     right: auto;
 105     left: -25px;
 106 }
 107 .slick-next:before
 108 {
 109     content: '→';
 110 }
 111 [dir='rtl'] .slick-next:before
 112 {
 113     content: '←';
 114 }
 115
 116 /* Dots */
 117 .slick-dotted.slick-slider
 118 {
 119     margin-bottom: 30px;
 120 }
 121
 122 .slick-dots
 123 {
 124     position: absolute;
 125     bottom: -25px;
 126
 127     display: block;
 128
 129     width: 100%;
 130     padding: 0;
 131     margin: 0;
 132
 133     list-style: none;
 134
 135     text-align: center;
 136 }
 137 .slick-dots li
 138 {
 139     position: relative;
 140
 141     display: inline-block;
 142
 143     width: 20px;
 144     height: 20px;
 145     margin: 0 5px;
 146     padding: 0;
 147
 148     cursor: pointer;
 149 }
 150 .slick-dots li button
 151 {
 152     font-size: 0;
 153     line-height: 0;
 154
 155     display: block;
 156
 157     width: 20px;
 158     height: 20px;
 159     padding: 5px;
 160
 161     cursor: pointer;
 162
 163     color: transparent;
 164     border: 0;
 165     outline: none;
 166     background: transparent;
 167 }
 168 .slick-dots li button:hover,
 169 .slick-dots li button:focus
 170 {
 171     outline: none;
 172 }
 173 .slick-dots li button:hover:before,
 174 .slick-dots li button:focus:before
 175 {
 176     opacity: 1;
 177 }
 178 .slick-dots li button:before
 179 {
 180     font-family: 'slick';
 181     font-size: 6px;
 182     line-height: 20px;
 183
 184     position: absolute;
 185     top: 0;
 186     left: 0;
 187
 188     width: 20px;
 189     height: 20px;
 190
 191     content: '•';
 192     text-align: center;
 193
 194     opacity: .25;
 195     color: black;
 196
 197     -webkit-font-smoothing: antialiased;
 198     -moz-osx-font-smoothing: grayscale;
 199 }
 200 .slick-dots li.slick-active button:before
 201 {
 202     opacity: .75;
 203     color: black;
 204 }