Rev 14456 | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 14456 | obado | 1 | @charset 'UTF-8'; |
| 2 | /* Slider */ |
||
| 15332 | obado | 3 | .slick-loading .slick-list |
| 4 | { |
||
| 14456 | obado | 5 | background: #fff url('./ajax-loader.gif') center center no-repeat; |
| 6 | } |
||
| 7 | |||
| 8 | /* Icons */ |
||
| 15332 | obado | 9 | @font-face |
| 10 | { |
||
| 14456 | obado | 11 | font-family: 'slick'; |
| 15332 | obado | 12 | font-weight: normal; |
| 13 | font-style: normal; |
||
| 14 | |||
| 14456 | obado | 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, |
||
| 15332 | obado | 20 | .slick-next |
| 21 | { |
||
| 14456 | obado | 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, |
||
| 15332 | obado | 47 | .slick-next:focus |
| 48 | { |
||
| 14456 | obado | 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, |
||
| 15332 | obado | 56 | .slick-next:focus:before |
| 57 | { |
||
| 14456 | obado | 58 | opacity: 1; |
| 59 | } |
||
| 60 | .slick-prev.slick-disabled:before, |
||
| 15332 | obado | 61 | .slick-next.slick-disabled:before |
| 62 | { |
||
| 14456 | obado | 63 | opacity: .25; |
| 64 | } |
||
| 65 | |||
| 66 | .slick-prev:before, |
||
| 15332 | obado | 67 | .slick-next:before |
| 68 | { |
||
| 14456 | obado | 69 | font-family: 'slick'; |
| 70 | font-size: 20px; |
||
| 71 | line-height: 1; |
||
| 72 | |||
| 15332 | obado | 73 | opacity: .75; |
| 14456 | obado | 74 | /*color: white;*/ |
| 75 | color:var(--wims_ref_button_bgcolor); |
||
| 76 | |||
| 77 | -webkit-font-smoothing: antialiased; |
||
| 78 | -moz-osx-font-smoothing: grayscale; |
||
| 79 | } |
||
| 80 | |||
| 15332 | obado | 81 | .slick-prev |
| 82 | { |
||
| 14456 | obado | 83 | left: -25px; |
| 84 | } |
||
| 15332 | obado | 85 | [dir='rtl'] .slick-prev |
| 86 | { |
||
| 14456 | obado | 87 | right: -25px; |
| 88 | left: auto; |
||
| 89 | } |
||
| 15332 | obado | 90 | .slick-prev:before |
| 91 | { |
||
| 14456 | obado | 92 | content: '←'; |
| 93 | } |
||
| 15332 | obado | 94 | [dir='rtl'] .slick-prev:before |
| 95 | { |
||
| 14456 | obado | 96 | content: '→'; |
| 97 | } |
||
| 98 | |||
| 15332 | obado | 99 | .slick-next |
| 100 | { |
||
| 14456 | obado | 101 | right: -25px; |
| 102 | } |
||
| 15332 | obado | 103 | [dir='rtl'] .slick-next |
| 104 | { |
||
| 14456 | obado | 105 | right: auto; |
| 106 | left: -25px; |
||
| 107 | } |
||
| 15332 | obado | 108 | .slick-next:before |
| 109 | { |
||
| 14456 | obado | 110 | content: '→'; |
| 111 | } |
||
| 15332 | obado | 112 | [dir='rtl'] .slick-next:before |
| 113 | { |
||
| 14456 | obado | 114 | content: '←'; |
| 115 | } |
||
| 116 | |||
| 117 | /* Dots */ |
||
| 15332 | obado | 118 | .slick-dotted.slick-slider |
| 119 | { |
||
| 14456 | obado | 120 | margin-bottom: 30px; |
| 121 | } |
||
| 122 | |||
| 15332 | obado | 123 | .slick-dots |
| 124 | { |
||
| 14456 | obado | 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 | } |
||
| 15332 | obado | 138 | .slick-dots li |
| 139 | { |
||
| 14456 | obado | 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 | } |
||
| 15332 | obado | 151 | .slick-dots li button |
| 152 | { |
||
| 14456 | obado | 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, |
||
| 15332 | obado | 170 | .slick-dots li button:focus |
| 171 | { |
||
| 14456 | obado | 172 | outline: none; |
| 173 | } |
||
| 174 | .slick-dots li button:hover:before, |
||
| 15332 | obado | 175 | .slick-dots li button:focus:before |
| 176 | { |
||
| 14456 | obado | 177 | opacity: 1; |
| 178 | } |
||
| 15332 | obado | 179 | .slick-dots li button:before |
| 180 | { |
||
| 14456 | obado | 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 | } |
||
| 15332 | obado | 201 | .slick-dots li.slick-active button:before |
| 202 | { |
||
| 14456 | obado | 203 | opacity: .75; |
| 204 | /*color: black;*/ |
||
| 205 | color:var(--wims_ref_button_bgcolor); |
||
| 206 | } |