scratch – Blame information for rev 117
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 117 | office | 1 | /** |
| 2 | * Swiper 3.4.2 |
||
| 3 | * Most modern mobile touch slider and framework with hardware accelerated transitions |
||
| 4 | * |
||
| 5 | * http://www.idangero.us/swiper/ |
||
| 6 | * |
||
| 7 | * Copyright 2017, Vladimir Kharlampidi |
||
| 8 | * The iDangero.us |
||
| 9 | * http://www.idangero.us/ |
||
| 10 | * |
||
| 11 | * Licensed under MIT |
||
| 12 | * |
||
| 13 | * Released on: March 10, 2017 |
||
| 14 | */ |
||
| 15 | .swiper-container { |
||
| 16 | margin-left: auto; |
||
| 17 | margin-right: auto; |
||
| 18 | position: relative; |
||
| 19 | overflow: hidden; |
||
| 20 | /* Fix of Webkit flickering */ |
||
| 21 | z-index: 1; |
||
| 22 | } |
||
| 23 | .swiper-container-no-flexbox .swiper-slide { |
||
| 24 | float: left; |
||
| 25 | } |
||
| 26 | .swiper-container-vertical > .swiper-wrapper { |
||
| 27 | -webkit-box-orient: vertical; |
||
| 28 | -moz-box-orient: vertical; |
||
| 29 | -ms-flex-direction: column; |
||
| 30 | -webkit-flex-direction: column; |
||
| 31 | flex-direction: column; |
||
| 32 | } |
||
| 33 | .swiper-wrapper { |
||
| 34 | position: relative; |
||
| 35 | width: 100%; |
||
| 36 | height: 100%; |
||
| 37 | z-index: 1; |
||
| 38 | display: -webkit-box; |
||
| 39 | display: -moz-box; |
||
| 40 | display: -ms-flexbox; |
||
| 41 | display: -webkit-flex; |
||
| 42 | display: flex; |
||
| 43 | -webkit-transition-property: -webkit-transform; |
||
| 44 | -moz-transition-property: -moz-transform; |
||
| 45 | -o-transition-property: -o-transform; |
||
| 46 | -ms-transition-property: -ms-transform; |
||
| 47 | transition-property: transform; |
||
| 48 | -webkit-box-sizing: content-box; |
||
| 49 | -moz-box-sizing: content-box; |
||
| 50 | box-sizing: content-box; |
||
| 51 | } |
||
| 52 | .swiper-container-android .swiper-slide, |
||
| 53 | .swiper-wrapper { |
||
| 54 | -webkit-transform: translate3d(0px, 0, 0); |
||
| 55 | -moz-transform: translate3d(0px, 0, 0); |
||
| 56 | -o-transform: translate(0px, 0px); |
||
| 57 | -ms-transform: translate3d(0px, 0, 0); |
||
| 58 | transform: translate3d(0px, 0, 0); |
||
| 59 | } |
||
| 60 | .swiper-container-multirow > .swiper-wrapper { |
||
| 61 | -webkit-box-lines: multiple; |
||
| 62 | -moz-box-lines: multiple; |
||
| 63 | -ms-flex-wrap: wrap; |
||
| 64 | -webkit-flex-wrap: wrap; |
||
| 65 | flex-wrap: wrap; |
||
| 66 | } |
||
| 67 | .swiper-container-free-mode > .swiper-wrapper { |
||
| 68 | -webkit-transition-timing-function: ease-out; |
||
| 69 | -moz-transition-timing-function: ease-out; |
||
| 70 | -ms-transition-timing-function: ease-out; |
||
| 71 | -o-transition-timing-function: ease-out; |
||
| 72 | transition-timing-function: ease-out; |
||
| 73 | margin: 0 auto; |
||
| 74 | } |
||
| 75 | .swiper-slide { |
||
| 76 | -webkit-flex-shrink: 0; |
||
| 77 | -ms-flex: 0 0 auto; |
||
| 78 | flex-shrink: 0; |
||
| 79 | width: 100%; |
||
| 80 | height: 100%; |
||
| 81 | position: relative; |
||
| 82 | } |
||
| 83 | /* Auto Height */ |
||
| 84 | .swiper-container-autoheight, |
||
| 85 | .swiper-container-autoheight .swiper-slide { |
||
| 86 | height: auto; |
||
| 87 | } |
||
| 88 | .swiper-container-autoheight .swiper-wrapper { |
||
| 89 | -webkit-box-align: start; |
||
| 90 | -ms-flex-align: start; |
||
| 91 | -webkit-align-items: flex-start; |
||
| 92 | align-items: flex-start; |
||
| 93 | -webkit-transition-property: -webkit-transform, height; |
||
| 94 | -moz-transition-property: -moz-transform; |
||
| 95 | -o-transition-property: -o-transform; |
||
| 96 | -ms-transition-property: -ms-transform; |
||
| 97 | transition-property: transform, height; |
||
| 98 | } |
||
| 99 | /* a11y */ |
||
| 100 | .swiper-container .swiper-notification { |
||
| 101 | position: absolute; |
||
| 102 | left: 0; |
||
| 103 | top: 0; |
||
| 104 | pointer-events: none; |
||
| 105 | opacity: 0; |
||
| 106 | z-index: -1000; |
||
| 107 | } |
||
| 108 | /* IE10 Windows Phone 8 Fixes */ |
||
| 109 | .swiper-wp8-horizontal { |
||
| 110 | -ms-touch-action: pan-y; |
||
| 111 | touch-action: pan-y; |
||
| 112 | } |
||
| 113 | .swiper-wp8-vertical { |
||
| 114 | -ms-touch-action: pan-x; |
||
| 115 | touch-action: pan-x; |
||
| 116 | } |
||
| 117 | /* Arrows */ |
||
| 118 | .swiper-button-prev, |
||
| 119 | .swiper-button-next { |
||
| 120 | position: absolute; |
||
| 121 | top: 50%; |
||
| 122 | width: 27px; |
||
| 123 | height: 44px; |
||
| 124 | margin-top: -22px; |
||
| 125 | z-index: 10; |
||
| 126 | cursor: pointer; |
||
| 127 | -moz-background-size: 27px 44px; |
||
| 128 | -webkit-background-size: 27px 44px; |
||
| 129 | background-size: 27px 44px; |
||
| 130 | background-position: center; |
||
| 131 | background-repeat: no-repeat; |
||
| 132 | } |
||
| 133 | .swiper-button-prev.swiper-button-disabled, |
||
| 134 | .swiper-button-next.swiper-button-disabled { |
||
| 135 | opacity: 0.35; |
||
| 136 | cursor: auto; |
||
| 137 | pointer-events: none; |
||
| 138 | } |
||
| 139 | .swiper-button-prev, |
||
| 140 | .swiper-container-rtl .swiper-button-next { |
||
| 141 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); |
||
| 142 | left: 10px; |
||
| 143 | right: auto; |
||
| 144 | } |
||
| 145 | .swiper-button-prev.swiper-button-black, |
||
| 146 | .swiper-container-rtl .swiper-button-next.swiper-button-black { |
||
| 147 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); |
||
| 148 | } |
||
| 149 | .swiper-button-prev.swiper-button-white, |
||
| 150 | .swiper-container-rtl .swiper-button-next.swiper-button-white { |
||
| 151 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); |
||
| 152 | } |
||
| 153 | .swiper-button-next, |
||
| 154 | .swiper-container-rtl .swiper-button-prev { |
||
| 155 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); |
||
| 156 | right: 10px; |
||
| 157 | left: auto; |
||
| 158 | } |
||
| 159 | .swiper-button-next.swiper-button-black, |
||
| 160 | .swiper-container-rtl .swiper-button-prev.swiper-button-black { |
||
| 161 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); |
||
| 162 | } |
||
| 163 | .swiper-button-next.swiper-button-white, |
||
| 164 | .swiper-container-rtl .swiper-button-prev.swiper-button-white { |
||
| 165 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); |
||
| 166 | } |
||
| 167 | /* Pagination Styles */ |
||
| 168 | .swiper-pagination { |
||
| 169 | position: absolute; |
||
| 170 | text-align: center; |
||
| 171 | -webkit-transition: 300ms; |
||
| 172 | -moz-transition: 300ms; |
||
| 173 | -o-transition: 300ms; |
||
| 174 | transition: 300ms; |
||
| 175 | -webkit-transform: translate3d(0, 0, 0); |
||
| 176 | -ms-transform: translate3d(0, 0, 0); |
||
| 177 | -o-transform: translate3d(0, 0, 0); |
||
| 178 | transform: translate3d(0, 0, 0); |
||
| 179 | z-index: 10; |
||
| 180 | } |
||
| 181 | .swiper-pagination.swiper-pagination-hidden { |
||
| 182 | opacity: 0; |
||
| 183 | } |
||
| 184 | /* Common Styles */ |
||
| 185 | .swiper-pagination-fraction, |
||
| 186 | .swiper-pagination-custom, |
||
| 187 | .swiper-container-horizontal > .swiper-pagination-bullets { |
||
| 188 | bottom: 10px; |
||
| 189 | left: 0; |
||
| 190 | width: 100%; |
||
| 191 | } |
||
| 192 | /* Bullets */ |
||
| 193 | .swiper-pagination-bullet { |
||
| 194 | width: 8px; |
||
| 195 | height: 8px; |
||
| 196 | display: inline-block; |
||
| 197 | border-radius: 100%; |
||
| 198 | background: #000; |
||
| 199 | opacity: 0.2; |
||
| 200 | } |
||
| 201 | button.swiper-pagination-bullet { |
||
| 202 | border: none; |
||
| 203 | margin: 0; |
||
| 204 | padding: 0; |
||
| 205 | box-shadow: none; |
||
| 206 | -moz-appearance: none; |
||
| 207 | -ms-appearance: none; |
||
| 208 | -webkit-appearance: none; |
||
| 209 | appearance: none; |
||
| 210 | } |
||
| 211 | .swiper-pagination-clickable .swiper-pagination-bullet { |
||
| 212 | cursor: pointer; |
||
| 213 | } |
||
| 214 | .swiper-pagination-white .swiper-pagination-bullet { |
||
| 215 | background: #fff; |
||
| 216 | } |
||
| 217 | .swiper-pagination-bullet-active { |
||
| 218 | opacity: 1; |
||
| 219 | background: #007aff; |
||
| 220 | } |
||
| 221 | .swiper-pagination-white .swiper-pagination-bullet-active { |
||
| 222 | background: #fff; |
||
| 223 | } |
||
| 224 | .swiper-pagination-black .swiper-pagination-bullet-active { |
||
| 225 | background: #000; |
||
| 226 | } |
||
| 227 | .swiper-container-vertical > .swiper-pagination-bullets { |
||
| 228 | right: 10px; |
||
| 229 | top: 50%; |
||
| 230 | -webkit-transform: translate3d(0px, -50%, 0); |
||
| 231 | -moz-transform: translate3d(0px, -50%, 0); |
||
| 232 | -o-transform: translate(0px, -50%); |
||
| 233 | -ms-transform: translate3d(0px, -50%, 0); |
||
| 234 | transform: translate3d(0px, -50%, 0); |
||
| 235 | } |
||
| 236 | .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { |
||
| 237 | margin: 5px 0; |
||
| 238 | display: block; |
||
| 239 | } |
||
| 240 | .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { |
||
| 241 | margin: 0 5px; |
||
| 242 | } |
||
| 243 | /* Progress */ |
||
| 244 | .swiper-pagination-progress { |
||
| 245 | background: rgba(0, 0, 0, 0.25); |
||
| 246 | position: absolute; |
||
| 247 | } |
||
| 248 | .swiper-pagination-progress .swiper-pagination-progressbar { |
||
| 249 | background: #007aff; |
||
| 250 | position: absolute; |
||
| 251 | left: 0; |
||
| 252 | top: 0; |
||
| 253 | width: 100%; |
||
| 254 | height: 100%; |
||
| 255 | -webkit-transform: scale(0); |
||
| 256 | -ms-transform: scale(0); |
||
| 257 | -o-transform: scale(0); |
||
| 258 | transform: scale(0); |
||
| 259 | -webkit-transform-origin: left top; |
||
| 260 | -moz-transform-origin: left top; |
||
| 261 | -ms-transform-origin: left top; |
||
| 262 | -o-transform-origin: left top; |
||
| 263 | transform-origin: left top; |
||
| 264 | } |
||
| 265 | .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { |
||
| 266 | -webkit-transform-origin: right top; |
||
| 267 | -moz-transform-origin: right top; |
||
| 268 | -ms-transform-origin: right top; |
||
| 269 | -o-transform-origin: right top; |
||
| 270 | transform-origin: right top; |
||
| 271 | } |
||
| 272 | .swiper-container-horizontal > .swiper-pagination-progress { |
||
| 273 | width: 100%; |
||
| 274 | height: 4px; |
||
| 275 | left: 0; |
||
| 276 | top: 0; |
||
| 277 | } |
||
| 278 | .swiper-container-vertical > .swiper-pagination-progress { |
||
| 279 | width: 4px; |
||
| 280 | height: 100%; |
||
| 281 | left: 0; |
||
| 282 | top: 0; |
||
| 283 | } |
||
| 284 | .swiper-pagination-progress.swiper-pagination-white { |
||
| 285 | background: rgba(255, 255, 255, 0.5); |
||
| 286 | } |
||
| 287 | .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { |
||
| 288 | background: #fff; |
||
| 289 | } |
||
| 290 | .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { |
||
| 291 | background: #000; |
||
| 292 | } |
||
| 293 | /* 3D Container */ |
||
| 294 | .swiper-container-3d { |
||
| 295 | -webkit-perspective: 1200px; |
||
| 296 | -moz-perspective: 1200px; |
||
| 297 | -o-perspective: 1200px; |
||
| 298 | perspective: 1200px; |
||
| 299 | } |
||
| 300 | .swiper-container-3d .swiper-wrapper, |
||
| 301 | .swiper-container-3d .swiper-slide, |
||
| 302 | .swiper-container-3d .swiper-slide-shadow-left, |
||
| 303 | .swiper-container-3d .swiper-slide-shadow-right, |
||
| 304 | .swiper-container-3d .swiper-slide-shadow-top, |
||
| 305 | .swiper-container-3d .swiper-slide-shadow-bottom, |
||
| 306 | .swiper-container-3d .swiper-cube-shadow { |
||
| 307 | -webkit-transform-style: preserve-3d; |
||
| 308 | -moz-transform-style: preserve-3d; |
||
| 309 | -ms-transform-style: preserve-3d; |
||
| 310 | transform-style: preserve-3d; |
||
| 311 | } |
||
| 312 | .swiper-container-3d .swiper-slide-shadow-left, |
||
| 313 | .swiper-container-3d .swiper-slide-shadow-right, |
||
| 314 | .swiper-container-3d .swiper-slide-shadow-top, |
||
| 315 | .swiper-container-3d .swiper-slide-shadow-bottom { |
||
| 316 | position: absolute; |
||
| 317 | left: 0; |
||
| 318 | top: 0; |
||
| 319 | width: 100%; |
||
| 320 | height: 100%; |
||
| 321 | pointer-events: none; |
||
| 322 | z-index: 10; |
||
| 323 | } |
||
| 324 | .swiper-container-3d .swiper-slide-shadow-left { |
||
| 325 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
| 326 | /* Safari 4+, Chrome */ |
||
| 327 | background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 328 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
| 329 | background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 330 | /* Firefox 3.6-15 */ |
||
| 331 | background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 332 | /* Opera 11.10-12.00 */ |
||
| 333 | background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 334 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
| 335 | } |
||
| 336 | .swiper-container-3d .swiper-slide-shadow-right { |
||
| 337 | background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
| 338 | /* Safari 4+, Chrome */ |
||
| 339 | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 340 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
| 341 | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 342 | /* Firefox 3.6-15 */ |
||
| 343 | background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 344 | /* Opera 11.10-12.00 */ |
||
| 345 | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 346 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
| 347 | } |
||
| 348 | .swiper-container-3d .swiper-slide-shadow-top { |
||
| 349 | background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
| 350 | /* Safari 4+, Chrome */ |
||
| 351 | background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 352 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
| 353 | background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 354 | /* Firefox 3.6-15 */ |
||
| 355 | background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 356 | /* Opera 11.10-12.00 */ |
||
| 357 | background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 358 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
| 359 | } |
||
| 360 | .swiper-container-3d .swiper-slide-shadow-bottom { |
||
| 361 | background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); |
||
| 362 | /* Safari 4+, Chrome */ |
||
| 363 | background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 364 | /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
| 365 | background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 366 | /* Firefox 3.6-15 */ |
||
| 367 | background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 368 | /* Opera 11.10-12.00 */ |
||
| 369 | background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); |
||
| 370 | /* Firefox 16+, IE10, Opera 12.50+ */ |
||
| 371 | } |
||
| 372 | /* Coverflow */ |
||
| 373 | .swiper-container-coverflow .swiper-wrapper, |
||
| 374 | .swiper-container-flip .swiper-wrapper { |
||
| 375 | /* Windows 8 IE 10 fix */ |
||
| 376 | -ms-perspective: 1200px; |
||
| 377 | } |
||
| 378 | /* Cube + Flip */ |
||
| 379 | .swiper-container-cube, |
||
| 380 | .swiper-container-flip { |
||
| 381 | overflow: visible; |
||
| 382 | } |
||
| 383 | .swiper-container-cube .swiper-slide, |
||
| 384 | .swiper-container-flip .swiper-slide { |
||
| 385 | pointer-events: none; |
||
| 386 | -webkit-backface-visibility: hidden; |
||
| 387 | -moz-backface-visibility: hidden; |
||
| 388 | -ms-backface-visibility: hidden; |
||
| 389 | backface-visibility: hidden; |
||
| 390 | z-index: 1; |
||
| 391 | } |
||
| 392 | .swiper-container-cube .swiper-slide .swiper-slide, |
||
| 393 | .swiper-container-flip .swiper-slide .swiper-slide { |
||
| 394 | pointer-events: none; |
||
| 395 | } |
||
| 396 | .swiper-container-cube .swiper-slide-active, |
||
| 397 | .swiper-container-flip .swiper-slide-active, |
||
| 398 | .swiper-container-cube .swiper-slide-active .swiper-slide-active, |
||
| 399 | .swiper-container-flip .swiper-slide-active .swiper-slide-active { |
||
| 400 | pointer-events: auto; |
||
| 401 | } |
||
| 402 | .swiper-container-cube .swiper-slide-shadow-top, |
||
| 403 | .swiper-container-flip .swiper-slide-shadow-top, |
||
| 404 | .swiper-container-cube .swiper-slide-shadow-bottom, |
||
| 405 | .swiper-container-flip .swiper-slide-shadow-bottom, |
||
| 406 | .swiper-container-cube .swiper-slide-shadow-left, |
||
| 407 | .swiper-container-flip .swiper-slide-shadow-left, |
||
| 408 | .swiper-container-cube .swiper-slide-shadow-right, |
||
| 409 | .swiper-container-flip .swiper-slide-shadow-right { |
||
| 410 | z-index: 0; |
||
| 411 | -webkit-backface-visibility: hidden; |
||
| 412 | -moz-backface-visibility: hidden; |
||
| 413 | -ms-backface-visibility: hidden; |
||
| 414 | backface-visibility: hidden; |
||
| 415 | } |
||
| 416 | /* Cube */ |
||
| 417 | .swiper-container-cube .swiper-slide { |
||
| 418 | visibility: hidden; |
||
| 419 | -webkit-transform-origin: 0 0; |
||
| 420 | -moz-transform-origin: 0 0; |
||
| 421 | -ms-transform-origin: 0 0; |
||
| 422 | transform-origin: 0 0; |
||
| 423 | width: 100%; |
||
| 424 | height: 100%; |
||
| 425 | } |
||
| 426 | .swiper-container-cube.swiper-container-rtl .swiper-slide { |
||
| 427 | -webkit-transform-origin: 100% 0; |
||
| 428 | -moz-transform-origin: 100% 0; |
||
| 429 | -ms-transform-origin: 100% 0; |
||
| 430 | transform-origin: 100% 0; |
||
| 431 | } |
||
| 432 | .swiper-container-cube .swiper-slide-active, |
||
| 433 | .swiper-container-cube .swiper-slide-next, |
||
| 434 | .swiper-container-cube .swiper-slide-prev, |
||
| 435 | .swiper-container-cube .swiper-slide-next + .swiper-slide { |
||
| 436 | pointer-events: auto; |
||
| 437 | visibility: visible; |
||
| 438 | } |
||
| 439 | .swiper-container-cube .swiper-cube-shadow { |
||
| 440 | position: absolute; |
||
| 441 | left: 0; |
||
| 442 | bottom: 0px; |
||
| 443 | width: 100%; |
||
| 444 | height: 100%; |
||
| 445 | background: #000; |
||
| 446 | opacity: 0.6; |
||
| 447 | -webkit-filter: blur(50px); |
||
| 448 | filter: blur(50px); |
||
| 449 | z-index: 0; |
||
| 450 | } |
||
| 451 | /* Fade */ |
||
| 452 | .swiper-container-fade.swiper-container-free-mode .swiper-slide { |
||
| 453 | -webkit-transition-timing-function: ease-out; |
||
| 454 | -moz-transition-timing-function: ease-out; |
||
| 455 | -ms-transition-timing-function: ease-out; |
||
| 456 | -o-transition-timing-function: ease-out; |
||
| 457 | transition-timing-function: ease-out; |
||
| 458 | } |
||
| 459 | .swiper-container-fade .swiper-slide { |
||
| 460 | pointer-events: none; |
||
| 461 | -webkit-transition-property: opacity; |
||
| 462 | -moz-transition-property: opacity; |
||
| 463 | -o-transition-property: opacity; |
||
| 464 | transition-property: opacity; |
||
| 465 | } |
||
| 466 | .swiper-container-fade .swiper-slide .swiper-slide { |
||
| 467 | pointer-events: none; |
||
| 468 | } |
||
| 469 | .swiper-container-fade .swiper-slide-active, |
||
| 470 | .swiper-container-fade .swiper-slide-active .swiper-slide-active { |
||
| 471 | pointer-events: auto; |
||
| 472 | } |
||
| 473 | .swiper-zoom-container { |
||
| 474 | width: 100%; |
||
| 475 | height: 100%; |
||
| 476 | display: -webkit-box; |
||
| 477 | display: -moz-box; |
||
| 478 | display: -ms-flexbox; |
||
| 479 | display: -webkit-flex; |
||
| 480 | display: flex; |
||
| 481 | -webkit-box-pack: center; |
||
| 482 | -moz-box-pack: center; |
||
| 483 | -ms-flex-pack: center; |
||
| 484 | -webkit-justify-content: center; |
||
| 485 | justify-content: center; |
||
| 486 | -webkit-box-align: center; |
||
| 487 | -moz-box-align: center; |
||
| 488 | -ms-flex-align: center; |
||
| 489 | -webkit-align-items: center; |
||
| 490 | align-items: center; |
||
| 491 | text-align: center; |
||
| 492 | } |
||
| 493 | .swiper-zoom-container > img, |
||
| 494 | .swiper-zoom-container > svg, |
||
| 495 | .swiper-zoom-container > canvas { |
||
| 496 | max-width: 100%; |
||
| 497 | max-height: 100%; |
||
| 498 | object-fit: contain; |
||
| 499 | } |
||
| 500 | /* Scrollbar */ |
||
| 501 | .swiper-scrollbar { |
||
| 502 | border-radius: 10px; |
||
| 503 | position: relative; |
||
| 504 | -ms-touch-action: none; |
||
| 505 | background: rgba(0, 0, 0, 0.1); |
||
| 506 | } |
||
| 507 | .swiper-container-horizontal > .swiper-scrollbar { |
||
| 508 | position: absolute; |
||
| 509 | left: 1%; |
||
| 510 | bottom: 3px; |
||
| 511 | z-index: 50; |
||
| 512 | height: 5px; |
||
| 513 | width: 98%; |
||
| 514 | } |
||
| 515 | .swiper-container-vertical > .swiper-scrollbar { |
||
| 516 | position: absolute; |
||
| 517 | right: 3px; |
||
| 518 | top: 1%; |
||
| 519 | z-index: 50; |
||
| 520 | width: 5px; |
||
| 521 | height: 98%; |
||
| 522 | } |
||
| 523 | .swiper-scrollbar-drag { |
||
| 524 | height: 100%; |
||
| 525 | width: 100%; |
||
| 526 | position: relative; |
||
| 527 | background: rgba(0, 0, 0, 0.5); |
||
| 528 | border-radius: 10px; |
||
| 529 | left: 0; |
||
| 530 | top: 0; |
||
| 531 | } |
||
| 532 | .swiper-scrollbar-cursor-drag { |
||
| 533 | cursor: move; |
||
| 534 | } |
||
| 535 | /* Preloader */ |
||
| 536 | .swiper-lazy-preloader { |
||
| 537 | width: 42px; |
||
| 538 | height: 42px; |
||
| 539 | position: absolute; |
||
| 540 | left: 50%; |
||
| 541 | top: 50%; |
||
| 542 | margin-left: -21px; |
||
| 543 | margin-top: -21px; |
||
| 544 | z-index: 10; |
||
| 545 | -webkit-transform-origin: 50%; |
||
| 546 | -moz-transform-origin: 50%; |
||
| 547 | transform-origin: 50%; |
||
| 548 | -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
| 549 | -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
| 550 | animation: swiper-preloader-spin 1s steps(12, end) infinite; |
||
| 551 | } |
||
| 552 | .swiper-lazy-preloader:after { |
||
| 553 | display: block; |
||
| 554 | content: ""; |
||
| 555 | width: 100%; |
||
| 556 | height: 100%; |
||
| 557 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
||
| 558 | background-position: 50%; |
||
| 559 | -webkit-background-size: 100%; |
||
| 560 | background-size: 100%; |
||
| 561 | background-repeat: no-repeat; |
||
| 562 | } |
||
| 563 | .swiper-lazy-preloader-white:after { |
||
| 564 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
||
| 565 | } |
||
| 566 | @-webkit-keyframes swiper-preloader-spin { |
||
| 567 | 100% { |
||
| 568 | -webkit-transform: rotate(360deg); |
||
| 569 | } |
||
| 570 | } |
||
| 571 | @keyframes swiper-preloader-spin { |
||
| 572 | 100% { |
||
| 573 | transform: rotate(360deg); |
||
| 574 | } |
||
| 575 | } |