thecore_ui_rails_admin 2.7.7 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/rails_admin/custom/thecore/ui.js +1 -0
  3. data/app/assets/javascripts/rails_admin/custom/ui.js +6 -9
  4. data/app/assets/stylesheets/rails_admin/custom/mixins.scss +15 -0
  5. data/app/assets/stylesheets/rails_admin/custom/thecore/mixins.scss +1 -0
  6. data/app/assets/stylesheets/rails_admin/custom/thecore/theming.scss +23 -0
  7. data/app/assets/stylesheets/rails_admin/custom/thecore/variables.scss +1 -0
  8. data/app/assets/stylesheets/rails_admin/custom/theming.scss +11 -147
  9. data/app/assets/stylesheets/rails_admin/custom/variables.scss.erb +85 -0
  10. data/app/views/layouts/_navigation.html.erb +20 -0
  11. data/app/views/layouts/_navigation_links.html.erb +7 -0
  12. data/app/views/rails_admin/main/{thecore_sidekiq_monitor.html.erb → active_job_monitor.html.erb} +1 -1
  13. data/{lib/concerns → config/initializers}/thecore_rails_admin_bulk_delete_concern.rb +0 -0
  14. data/{lib/concerns → config/initializers}/thecore_rails_admin_export_concern.rb +0 -0
  15. data/{lib/abilities/thecore_ui_rails_admin.rb → config/initializers/thecore_ui_rails_admin_abilities.rb} +0 -0
  16. data/config/initializers/thecore_ui_rails_admin_after_initialize.rb +71 -0
  17. data/config/initializers/thecore_ui_rails_admin_app_configs.rb +0 -12
  18. data/config/initializers/thecore_ui_rails_admin_assets.rb +9 -0
  19. data/config/initializers/{thecore_concern.rb → thecore_ui_rails_admin_concern.rb} +3 -3
  20. data/{lib/concerns/thecore_ui_rails_admin_used_token.rb → config/initializers/thecore_ui_rails_admin_invisible_models_concern.rb} +2 -2
  21. data/{lib/concerns → config/initializers}/thecore_ui_rails_admin_role.rb +2 -2
  22. data/config/initializers/thecore_ui_rails_admin_settings_concern.rb +14 -0
  23. data/{lib/concerns/thecore_ui_rails_admin_user.rb → config/initializers/thecore_ui_rails_admin_user_concern.rb} +2 -1
  24. data/config/locales/en.index_cards.custom.yml +8 -0
  25. data/config/locales/en.main.yml +5 -40
  26. data/config/locales/en.rails_admin.yml +6 -0
  27. data/config/locales/it.index_cards.custom.yml +20 -0
  28. data/config/locales/it.main.yml +0 -4
  29. data/config/locales/it.rails_admin.yml +9 -30
  30. data/config/routes.rb +3 -4
  31. data/lib/thecore_ui_rails_admin/engine.rb +1 -0
  32. data/lib/thecore_ui_rails_admin/version.rb +1 -1
  33. data/lib/thecore_ui_rails_admin.rb +0 -27
  34. metadata +34 -94
  35. data/app/assets/javascripts/rails_admin/custom/thecore-custom-1.js +0 -1
  36. data/app/assets/javascripts/rails_admin/custom/thecore-custom-2.js +0 -1
  37. data/app/assets/javascripts/rails_admin/custom/thecore-custom-3.js +0 -1
  38. data/app/assets/javascripts/rails_admin/custom/thecore-custom-4.js +0 -1
  39. data/app/assets/javascripts/rails_admin/custom/thecore-custom-5.js +0 -1
  40. data/app/assets/javascripts/rails_admin/custom/thecore.js +0 -1
  41. data/app/assets/javascripts/thecore_ui_rails_admin/thecore_rails_admin.js +0 -77
  42. data/app/assets/stylesheets/rails_admin/custom/theming-custom-1.scss +0 -1
  43. data/app/assets/stylesheets/rails_admin/custom/theming-custom-2.scss +0 -1
  44. data/app/assets/stylesheets/rails_admin/custom/theming-custom-3.scss +0 -1
  45. data/app/assets/stylesheets/rails_admin/custom/theming-custom-4.scss +0 -1
  46. data/app/assets/stylesheets/rails_admin/custom/theming-custom-5.scss +0 -1
  47. data/app/assets/stylesheets/rails_admin/custom/variables.scss +0 -21
  48. data/app/assets/stylesheets/thecore_ui_rails_admin/animate.css +0 -3458
  49. data/app/assets/stylesheets/thecore_ui_rails_admin/apexcharts.scss +0 -7
  50. data/app/assets/stylesheets/thecore_ui_rails_admin/common.scss +0 -43
  51. data/app/assets/stylesheets/thecore_ui_rails_admin/devise.scss +0 -241
  52. data/app/assets/stylesheets/thecore_ui_rails_admin/flashing.scss +0 -28
  53. data/app/assets/stylesheets/thecore_ui_rails_admin/mixins.scss +0 -18
  54. data/app/assets/stylesheets/thecore_ui_rails_admin/thecore.scss +0 -45
  55. data/app/assets/stylesheets/thecore_ui_rails_admin/thecore_rails_admin.scss +0 -243
  56. data/app/assets/stylesheets/thecore_ui_rails_admin/togglable-sidebar.scss +0 -89
  57. data/app/views/rails_admin/main/thecore_blazer_bi.html.erb +0 -5
  58. data/app/views/shared/_flash.html.erb +0 -10
  59. data/config/blazer.yml +0 -79
  60. data/config/initializers/rails_admin.rb +0 -105
  61. data/config/initializers/thecore_ui_rails_admin_load_root_actions_for.rb +0 -6
  62. data/lib/concerns/rails_admin_requirements.rb +0 -19
  63. data/lib/concerns/thecore_ui_rails_admin_permission.rb +0 -33
  64. data/lib/iframes/blazer_bi.rb +0 -59
  65. data/lib/iframes/sidekiq_monitor.rb +0 -59
@@ -1,3458 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /*!
4
- * animate.css -http://daneden.me/animate
5
- * Version - 3.5.1
6
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
7
- *
8
- * Copyright (c) 2016 Daniel Eden
9
- */
10
-
11
- .animated {
12
- -webkit-animation-duration: 1s;
13
- animation-duration: 1s;
14
- -webkit-animation-fill-mode: both;
15
- animation-fill-mode: both;
16
- }
17
-
18
- .animated.infinite {
19
- -webkit-animation-iteration-count: infinite;
20
- animation-iteration-count: infinite;
21
- }
22
-
23
- .animated.hinge {
24
- -webkit-animation-duration: 2s;
25
- animation-duration: 2s;
26
- }
27
-
28
- .animated.flipOutX,
29
- .animated.flipOutY,
30
- .animated.bounceIn,
31
- .animated.bounceOut {
32
- -webkit-animation-duration: .75s;
33
- animation-duration: .75s;
34
- }
35
-
36
- @-webkit-keyframes bounce {
37
-
38
- from,
39
- 20%,
40
- 53%,
41
- 80%,
42
- to {
43
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
44
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
45
- -webkit-transform: translate3d(0, 0, 0);
46
- transform: translate3d(0, 0, 0);
47
- }
48
-
49
- 40%,
50
- 43% {
51
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
52
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
53
- -webkit-transform: translate3d(0, -30px, 0);
54
- transform: translate3d(0, -30px, 0);
55
- }
56
-
57
- 70% {
58
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
59
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
60
- -webkit-transform: translate3d(0, -15px, 0);
61
- transform: translate3d(0, -15px, 0);
62
- }
63
-
64
- 90% {
65
- -webkit-transform: translate3d(0, -4px, 0);
66
- transform: translate3d(0, -4px, 0);
67
- }
68
- }
69
-
70
- @keyframes bounce {
71
-
72
- from,
73
- 20%,
74
- 53%,
75
- 80%,
76
- to {
77
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
78
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
79
- -webkit-transform: translate3d(0, 0, 0);
80
- transform: translate3d(0, 0, 0);
81
- }
82
-
83
- 40%,
84
- 43% {
85
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
86
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
87
- -webkit-transform: translate3d(0, -30px, 0);
88
- transform: translate3d(0, -30px, 0);
89
- }
90
-
91
- 70% {
92
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
93
- animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
94
- -webkit-transform: translate3d(0, -15px, 0);
95
- transform: translate3d(0, -15px, 0);
96
- }
97
-
98
- 90% {
99
- -webkit-transform: translate3d(0, -4px, 0);
100
- transform: translate3d(0, -4px, 0);
101
- }
102
- }
103
-
104
- .bounce {
105
- -webkit-animation-name: bounce;
106
- animation-name: bounce;
107
- -webkit-transform-origin: center bottom;
108
- transform-origin: center bottom;
109
- }
110
-
111
- @-webkit-keyframes flash {
112
-
113
- from,
114
- 50%,
115
- to {
116
- opacity: 1;
117
- }
118
-
119
- 25%,
120
- 75% {
121
- opacity: 0;
122
- }
123
- }
124
-
125
- @keyframes flash {
126
-
127
- from,
128
- 50%,
129
- to {
130
- opacity: 1;
131
- }
132
-
133
- 25%,
134
- 75% {
135
- opacity: 0;
136
- }
137
- }
138
-
139
- .flash {
140
- -webkit-animation-name: flash;
141
- animation-name: flash;
142
- }
143
-
144
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
145
-
146
- @-webkit-keyframes pulse {
147
- from {
148
- -webkit-transform: scale3d(1, 1, 1);
149
- transform: scale3d(1, 1, 1);
150
- }
151
-
152
- 50% {
153
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
154
- transform: scale3d(1.05, 1.05, 1.05);
155
- }
156
-
157
- to {
158
- -webkit-transform: scale3d(1, 1, 1);
159
- transform: scale3d(1, 1, 1);
160
- }
161
- }
162
-
163
- @keyframes pulse {
164
- from {
165
- -webkit-transform: scale3d(1, 1, 1);
166
- transform: scale3d(1, 1, 1);
167
- }
168
-
169
- 50% {
170
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
171
- transform: scale3d(1.05, 1.05, 1.05);
172
- }
173
-
174
- to {
175
- -webkit-transform: scale3d(1, 1, 1);
176
- transform: scale3d(1, 1, 1);
177
- }
178
- }
179
-
180
- .pulse {
181
- -webkit-animation-name: pulse;
182
- animation-name: pulse;
183
- }
184
-
185
- @-webkit-keyframes rubberBand {
186
- from {
187
- -webkit-transform: scale3d(1, 1, 1);
188
- transform: scale3d(1, 1, 1);
189
- }
190
-
191
- 30% {
192
- -webkit-transform: scale3d(1.25, 0.75, 1);
193
- transform: scale3d(1.25, 0.75, 1);
194
- }
195
-
196
- 40% {
197
- -webkit-transform: scale3d(0.75, 1.25, 1);
198
- transform: scale3d(0.75, 1.25, 1);
199
- }
200
-
201
- 50% {
202
- -webkit-transform: scale3d(1.15, 0.85, 1);
203
- transform: scale3d(1.15, 0.85, 1);
204
- }
205
-
206
- 65% {
207
- -webkit-transform: scale3d(.95, 1.05, 1);
208
- transform: scale3d(.95, 1.05, 1);
209
- }
210
-
211
- 75% {
212
- -webkit-transform: scale3d(1.05, .95, 1);
213
- transform: scale3d(1.05, .95, 1);
214
- }
215
-
216
- to {
217
- -webkit-transform: scale3d(1, 1, 1);
218
- transform: scale3d(1, 1, 1);
219
- }
220
- }
221
-
222
- @keyframes rubberBand {
223
- from {
224
- -webkit-transform: scale3d(1, 1, 1);
225
- transform: scale3d(1, 1, 1);
226
- }
227
-
228
- 30% {
229
- -webkit-transform: scale3d(1.25, 0.75, 1);
230
- transform: scale3d(1.25, 0.75, 1);
231
- }
232
-
233
- 40% {
234
- -webkit-transform: scale3d(0.75, 1.25, 1);
235
- transform: scale3d(0.75, 1.25, 1);
236
- }
237
-
238
- 50% {
239
- -webkit-transform: scale3d(1.15, 0.85, 1);
240
- transform: scale3d(1.15, 0.85, 1);
241
- }
242
-
243
- 65% {
244
- -webkit-transform: scale3d(.95, 1.05, 1);
245
- transform: scale3d(.95, 1.05, 1);
246
- }
247
-
248
- 75% {
249
- -webkit-transform: scale3d(1.05, .95, 1);
250
- transform: scale3d(1.05, .95, 1);
251
- }
252
-
253
- to {
254
- -webkit-transform: scale3d(1, 1, 1);
255
- transform: scale3d(1, 1, 1);
256
- }
257
- }
258
-
259
- .rubberBand {
260
- -webkit-animation-name: rubberBand;
261
- animation-name: rubberBand;
262
- }
263
-
264
- @-webkit-keyframes shake {
265
-
266
- from,
267
- to {
268
- -webkit-transform: translate3d(0, 0, 0);
269
- transform: translate3d(0, 0, 0);
270
- }
271
-
272
- 10%,
273
- 30%,
274
- 50%,
275
- 70%,
276
- 90% {
277
- -webkit-transform: translate3d(-10px, 0, 0);
278
- transform: translate3d(-10px, 0, 0);
279
- }
280
-
281
- 20%,
282
- 40%,
283
- 60%,
284
- 80% {
285
- -webkit-transform: translate3d(10px, 0, 0);
286
- transform: translate3d(10px, 0, 0);
287
- }
288
- }
289
-
290
- @keyframes shake {
291
-
292
- from,
293
- to {
294
- -webkit-transform: translate3d(0, 0, 0);
295
- transform: translate3d(0, 0, 0);
296
- }
297
-
298
- 10%,
299
- 30%,
300
- 50%,
301
- 70%,
302
- 90% {
303
- -webkit-transform: translate3d(-10px, 0, 0);
304
- transform: translate3d(-10px, 0, 0);
305
- }
306
-
307
- 20%,
308
- 40%,
309
- 60%,
310
- 80% {
311
- -webkit-transform: translate3d(10px, 0, 0);
312
- transform: translate3d(10px, 0, 0);
313
- }
314
- }
315
-
316
- .shake {
317
- -webkit-animation-name: shake;
318
- animation-name: shake;
319
- }
320
-
321
- @-webkit-keyframes headShake {
322
- 0% {
323
- -webkit-transform: translateX(0);
324
- transform: translateX(0);
325
- }
326
-
327
- 6.5% {
328
- -webkit-transform: translateX(-6px) rotateY(-9deg);
329
- transform: translateX(-6px) rotateY(-9deg);
330
- }
331
-
332
- 18.5% {
333
- -webkit-transform: translateX(5px) rotateY(7deg);
334
- transform: translateX(5px) rotateY(7deg);
335
- }
336
-
337
- 31.5% {
338
- -webkit-transform: translateX(-3px) rotateY(-5deg);
339
- transform: translateX(-3px) rotateY(-5deg);
340
- }
341
-
342
- 43.5% {
343
- -webkit-transform: translateX(2px) rotateY(3deg);
344
- transform: translateX(2px) rotateY(3deg);
345
- }
346
-
347
- 50% {
348
- -webkit-transform: translateX(0);
349
- transform: translateX(0);
350
- }
351
- }
352
-
353
- @keyframes headShake {
354
- 0% {
355
- -webkit-transform: translateX(0);
356
- transform: translateX(0);
357
- }
358
-
359
- 6.5% {
360
- -webkit-transform: translateX(-6px) rotateY(-9deg);
361
- transform: translateX(-6px) rotateY(-9deg);
362
- }
363
-
364
- 18.5% {
365
- -webkit-transform: translateX(5px) rotateY(7deg);
366
- transform: translateX(5px) rotateY(7deg);
367
- }
368
-
369
- 31.5% {
370
- -webkit-transform: translateX(-3px) rotateY(-5deg);
371
- transform: translateX(-3px) rotateY(-5deg);
372
- }
373
-
374
- 43.5% {
375
- -webkit-transform: translateX(2px) rotateY(3deg);
376
- transform: translateX(2px) rotateY(3deg);
377
- }
378
-
379
- 50% {
380
- -webkit-transform: translateX(0);
381
- transform: translateX(0);
382
- }
383
- }
384
-
385
- .headShake {
386
- -webkit-animation-timing-function: ease-in-out;
387
- animation-timing-function: ease-in-out;
388
- -webkit-animation-name: headShake;
389
- animation-name: headShake;
390
- }
391
-
392
- @-webkit-keyframes swing {
393
- 20% {
394
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
395
- transform: rotate3d(0, 0, 1, 15deg);
396
- }
397
-
398
- 40% {
399
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
400
- transform: rotate3d(0, 0, 1, -10deg);
401
- }
402
-
403
- 60% {
404
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
405
- transform: rotate3d(0, 0, 1, 5deg);
406
- }
407
-
408
- 80% {
409
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
410
- transform: rotate3d(0, 0, 1, -5deg);
411
- }
412
-
413
- to {
414
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
415
- transform: rotate3d(0, 0, 1, 0deg);
416
- }
417
- }
418
-
419
- @keyframes swing {
420
- 20% {
421
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
422
- transform: rotate3d(0, 0, 1, 15deg);
423
- }
424
-
425
- 40% {
426
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
427
- transform: rotate3d(0, 0, 1, -10deg);
428
- }
429
-
430
- 60% {
431
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
432
- transform: rotate3d(0, 0, 1, 5deg);
433
- }
434
-
435
- 80% {
436
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
437
- transform: rotate3d(0, 0, 1, -5deg);
438
- }
439
-
440
- to {
441
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
442
- transform: rotate3d(0, 0, 1, 0deg);
443
- }
444
- }
445
-
446
- .swing {
447
- -webkit-transform-origin: top center;
448
- transform-origin: top center;
449
- -webkit-animation-name: swing;
450
- animation-name: swing;
451
- }
452
-
453
- @-webkit-keyframes tada {
454
- from {
455
- -webkit-transform: scale3d(1, 1, 1);
456
- transform: scale3d(1, 1, 1);
457
- }
458
-
459
- 10%,
460
- 20% {
461
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
462
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
463
- }
464
-
465
- 30%,
466
- 50%,
467
- 70%,
468
- 90% {
469
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
470
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
471
- }
472
-
473
- 40%,
474
- 60%,
475
- 80% {
476
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
477
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
478
- }
479
-
480
- to {
481
- -webkit-transform: scale3d(1, 1, 1);
482
- transform: scale3d(1, 1, 1);
483
- }
484
- }
485
-
486
- @keyframes tada {
487
- from {
488
- -webkit-transform: scale3d(1, 1, 1);
489
- transform: scale3d(1, 1, 1);
490
- }
491
-
492
- 10%,
493
- 20% {
494
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
495
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
496
- }
497
-
498
- 30%,
499
- 50%,
500
- 70%,
501
- 90% {
502
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
503
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
504
- }
505
-
506
- 40%,
507
- 60%,
508
- 80% {
509
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
510
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
511
- }
512
-
513
- to {
514
- -webkit-transform: scale3d(1, 1, 1);
515
- transform: scale3d(1, 1, 1);
516
- }
517
- }
518
-
519
- .tada {
520
- -webkit-animation-name: tada;
521
- animation-name: tada;
522
- }
523
-
524
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
525
-
526
- @-webkit-keyframes wobble {
527
- from {
528
- -webkit-transform: none;
529
- transform: none;
530
- }
531
-
532
- 15% {
533
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
534
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
535
- }
536
-
537
- 30% {
538
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
539
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
540
- }
541
-
542
- 45% {
543
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
544
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
545
- }
546
-
547
- 60% {
548
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
549
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
550
- }
551
-
552
- 75% {
553
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
554
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
555
- }
556
-
557
- to {
558
- -webkit-transform: none;
559
- transform: none;
560
- }
561
- }
562
-
563
- @keyframes wobble {
564
- from {
565
- -webkit-transform: none;
566
- transform: none;
567
- }
568
-
569
- 15% {
570
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
571
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
572
- }
573
-
574
- 30% {
575
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
576
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
577
- }
578
-
579
- 45% {
580
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
581
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
582
- }
583
-
584
- 60% {
585
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
586
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
587
- }
588
-
589
- 75% {
590
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
591
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
592
- }
593
-
594
- to {
595
- -webkit-transform: none;
596
- transform: none;
597
- }
598
- }
599
-
600
- .wobble {
601
- -webkit-animation-name: wobble;
602
- animation-name: wobble;
603
- }
604
-
605
- @-webkit-keyframes jello {
606
-
607
- from,
608
- 11.1%,
609
- to {
610
- -webkit-transform: none;
611
- transform: none;
612
- }
613
-
614
- 22.2% {
615
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
616
- transform: skewX(-12.5deg) skewY(-12.5deg);
617
- }
618
-
619
- 33.3% {
620
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
621
- transform: skewX(6.25deg) skewY(6.25deg);
622
- }
623
-
624
- 44.4% {
625
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
626
- transform: skewX(-3.125deg) skewY(-3.125deg);
627
- }
628
-
629
- 55.5% {
630
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
631
- transform: skewX(1.5625deg) skewY(1.5625deg);
632
- }
633
-
634
- 66.6% {
635
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
636
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
637
- }
638
-
639
- 77.7% {
640
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
641
- transform: skewX(0.390625deg) skewY(0.390625deg);
642
- }
643
-
644
- 88.8% {
645
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
646
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
647
- }
648
- }
649
-
650
- @keyframes jello {
651
-
652
- from,
653
- 11.1%,
654
- to {
655
- -webkit-transform: none;
656
- transform: none;
657
- }
658
-
659
- 22.2% {
660
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
661
- transform: skewX(-12.5deg) skewY(-12.5deg);
662
- }
663
-
664
- 33.3% {
665
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
666
- transform: skewX(6.25deg) skewY(6.25deg);
667
- }
668
-
669
- 44.4% {
670
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
671
- transform: skewX(-3.125deg) skewY(-3.125deg);
672
- }
673
-
674
- 55.5% {
675
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
676
- transform: skewX(1.5625deg) skewY(1.5625deg);
677
- }
678
-
679
- 66.6% {
680
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
681
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
682
- }
683
-
684
- 77.7% {
685
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
686
- transform: skewX(0.390625deg) skewY(0.390625deg);
687
- }
688
-
689
- 88.8% {
690
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
691
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
692
- }
693
- }
694
-
695
- .jello {
696
- -webkit-animation-name: jello;
697
- animation-name: jello;
698
- -webkit-transform-origin: center;
699
- transform-origin: center;
700
- }
701
-
702
- @-webkit-keyframes bounceIn {
703
-
704
- from,
705
- 20%,
706
- 40%,
707
- 60%,
708
- 80%,
709
- to {
710
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
711
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
712
- }
713
-
714
- 0% {
715
- opacity: 0;
716
- -webkit-transform: scale3d(.3, .3, .3);
717
- transform: scale3d(.3, .3, .3);
718
- }
719
-
720
- 20% {
721
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
722
- transform: scale3d(1.1, 1.1, 1.1);
723
- }
724
-
725
- 40% {
726
- -webkit-transform: scale3d(.9, .9, .9);
727
- transform: scale3d(.9, .9, .9);
728
- }
729
-
730
- 60% {
731
- opacity: 1;
732
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
733
- transform: scale3d(1.03, 1.03, 1.03);
734
- }
735
-
736
- 80% {
737
- -webkit-transform: scale3d(.97, .97, .97);
738
- transform: scale3d(.97, .97, .97);
739
- }
740
-
741
- to {
742
- opacity: 1;
743
- -webkit-transform: scale3d(1, 1, 1);
744
- transform: scale3d(1, 1, 1);
745
- }
746
- }
747
-
748
- @keyframes bounceIn {
749
-
750
- from,
751
- 20%,
752
- 40%,
753
- 60%,
754
- 80%,
755
- to {
756
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
757
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
758
- }
759
-
760
- 0% {
761
- opacity: 0;
762
- -webkit-transform: scale3d(.3, .3, .3);
763
- transform: scale3d(.3, .3, .3);
764
- }
765
-
766
- 20% {
767
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
768
- transform: scale3d(1.1, 1.1, 1.1);
769
- }
770
-
771
- 40% {
772
- -webkit-transform: scale3d(.9, .9, .9);
773
- transform: scale3d(.9, .9, .9);
774
- }
775
-
776
- 60% {
777
- opacity: 1;
778
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
779
- transform: scale3d(1.03, 1.03, 1.03);
780
- }
781
-
782
- 80% {
783
- -webkit-transform: scale3d(.97, .97, .97);
784
- transform: scale3d(.97, .97, .97);
785
- }
786
-
787
- to {
788
- opacity: 1;
789
- -webkit-transform: scale3d(1, 1, 1);
790
- transform: scale3d(1, 1, 1);
791
- }
792
- }
793
-
794
- .bounceIn {
795
- -webkit-animation-name: bounceIn;
796
- animation-name: bounceIn;
797
- }
798
-
799
- @-webkit-keyframes bounceInDown {
800
-
801
- from,
802
- 60%,
803
- 75%,
804
- 90%,
805
- to {
806
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
807
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
808
- }
809
-
810
- 0% {
811
- opacity: 0;
812
- -webkit-transform: translate3d(0, -3000px, 0);
813
- transform: translate3d(0, -3000px, 0);
814
- }
815
-
816
- 60% {
817
- opacity: 1;
818
- -webkit-transform: translate3d(0, 25px, 0);
819
- transform: translate3d(0, 25px, 0);
820
- }
821
-
822
- 75% {
823
- -webkit-transform: translate3d(0, -10px, 0);
824
- transform: translate3d(0, -10px, 0);
825
- }
826
-
827
- 90% {
828
- -webkit-transform: translate3d(0, 5px, 0);
829
- transform: translate3d(0, 5px, 0);
830
- }
831
-
832
- to {
833
- -webkit-transform: none;
834
- transform: none;
835
- }
836
- }
837
-
838
- @keyframes bounceInDown {
839
-
840
- from,
841
- 60%,
842
- 75%,
843
- 90%,
844
- to {
845
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
846
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
847
- }
848
-
849
- 0% {
850
- opacity: 0;
851
- -webkit-transform: translate3d(0, -3000px, 0);
852
- transform: translate3d(0, -3000px, 0);
853
- }
854
-
855
- 60% {
856
- opacity: 1;
857
- -webkit-transform: translate3d(0, 25px, 0);
858
- transform: translate3d(0, 25px, 0);
859
- }
860
-
861
- 75% {
862
- -webkit-transform: translate3d(0, -10px, 0);
863
- transform: translate3d(0, -10px, 0);
864
- }
865
-
866
- 90% {
867
- -webkit-transform: translate3d(0, 5px, 0);
868
- transform: translate3d(0, 5px, 0);
869
- }
870
-
871
- to {
872
- -webkit-transform: none;
873
- transform: none;
874
- }
875
- }
876
-
877
- .bounceInDown {
878
- -webkit-animation-name: bounceInDown;
879
- animation-name: bounceInDown;
880
- }
881
-
882
- @-webkit-keyframes bounceInLeft {
883
-
884
- from,
885
- 60%,
886
- 75%,
887
- 90%,
888
- to {
889
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
890
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
891
- }
892
-
893
- 0% {
894
- opacity: 0;
895
- -webkit-transform: translate3d(-3000px, 0, 0);
896
- transform: translate3d(-3000px, 0, 0);
897
- }
898
-
899
- 60% {
900
- opacity: 1;
901
- -webkit-transform: translate3d(25px, 0, 0);
902
- transform: translate3d(25px, 0, 0);
903
- }
904
-
905
- 75% {
906
- -webkit-transform: translate3d(-10px, 0, 0);
907
- transform: translate3d(-10px, 0, 0);
908
- }
909
-
910
- 90% {
911
- -webkit-transform: translate3d(5px, 0, 0);
912
- transform: translate3d(5px, 0, 0);
913
- }
914
-
915
- to {
916
- -webkit-transform: none;
917
- transform: none;
918
- }
919
- }
920
-
921
- @keyframes bounceInLeft {
922
-
923
- from,
924
- 60%,
925
- 75%,
926
- 90%,
927
- to {
928
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
929
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
930
- }
931
-
932
- 0% {
933
- opacity: 0;
934
- -webkit-transform: translate3d(-3000px, 0, 0);
935
- transform: translate3d(-3000px, 0, 0);
936
- }
937
-
938
- 60% {
939
- opacity: 1;
940
- -webkit-transform: translate3d(25px, 0, 0);
941
- transform: translate3d(25px, 0, 0);
942
- }
943
-
944
- 75% {
945
- -webkit-transform: translate3d(-10px, 0, 0);
946
- transform: translate3d(-10px, 0, 0);
947
- }
948
-
949
- 90% {
950
- -webkit-transform: translate3d(5px, 0, 0);
951
- transform: translate3d(5px, 0, 0);
952
- }
953
-
954
- to {
955
- -webkit-transform: none;
956
- transform: none;
957
- }
958
- }
959
-
960
- .bounceInLeft {
961
- -webkit-animation-name: bounceInLeft;
962
- animation-name: bounceInLeft;
963
- }
964
-
965
- @-webkit-keyframes bounceInRight {
966
-
967
- from,
968
- 60%,
969
- 75%,
970
- 90%,
971
- to {
972
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
973
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
974
- }
975
-
976
- from {
977
- opacity: 0;
978
- -webkit-transform: translate3d(3000px, 0, 0);
979
- transform: translate3d(3000px, 0, 0);
980
- }
981
-
982
- 60% {
983
- opacity: 1;
984
- -webkit-transform: translate3d(-25px, 0, 0);
985
- transform: translate3d(-25px, 0, 0);
986
- }
987
-
988
- 75% {
989
- -webkit-transform: translate3d(10px, 0, 0);
990
- transform: translate3d(10px, 0, 0);
991
- }
992
-
993
- 90% {
994
- -webkit-transform: translate3d(-5px, 0, 0);
995
- transform: translate3d(-5px, 0, 0);
996
- }
997
-
998
- to {
999
- -webkit-transform: none;
1000
- transform: none;
1001
- }
1002
- }
1003
-
1004
- @keyframes bounceInRight {
1005
-
1006
- from,
1007
- 60%,
1008
- 75%,
1009
- 90%,
1010
- to {
1011
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
1012
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
1013
- }
1014
-
1015
- from {
1016
- opacity: 0;
1017
- -webkit-transform: translate3d(3000px, 0, 0);
1018
- transform: translate3d(3000px, 0, 0);
1019
- }
1020
-
1021
- 60% {
1022
- opacity: 1;
1023
- -webkit-transform: translate3d(-25px, 0, 0);
1024
- transform: translate3d(-25px, 0, 0);
1025
- }
1026
-
1027
- 75% {
1028
- -webkit-transform: translate3d(10px, 0, 0);
1029
- transform: translate3d(10px, 0, 0);
1030
- }
1031
-
1032
- 90% {
1033
- -webkit-transform: translate3d(-5px, 0, 0);
1034
- transform: translate3d(-5px, 0, 0);
1035
- }
1036
-
1037
- to {
1038
- -webkit-transform: none;
1039
- transform: none;
1040
- }
1041
- }
1042
-
1043
- .bounceInRight {
1044
- -webkit-animation-name: bounceInRight;
1045
- animation-name: bounceInRight;
1046
- }
1047
-
1048
- @-webkit-keyframes bounceInUp {
1049
-
1050
- from,
1051
- 60%,
1052
- 75%,
1053
- 90%,
1054
- to {
1055
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
1056
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
1057
- }
1058
-
1059
- from {
1060
- opacity: 0;
1061
- -webkit-transform: translate3d(0, 3000px, 0);
1062
- transform: translate3d(0, 3000px, 0);
1063
- }
1064
-
1065
- 60% {
1066
- opacity: 1;
1067
- -webkit-transform: translate3d(0, -20px, 0);
1068
- transform: translate3d(0, -20px, 0);
1069
- }
1070
-
1071
- 75% {
1072
- -webkit-transform: translate3d(0, 10px, 0);
1073
- transform: translate3d(0, 10px, 0);
1074
- }
1075
-
1076
- 90% {
1077
- -webkit-transform: translate3d(0, -5px, 0);
1078
- transform: translate3d(0, -5px, 0);
1079
- }
1080
-
1081
- to {
1082
- -webkit-transform: translate3d(0, 0, 0);
1083
- transform: translate3d(0, 0, 0);
1084
- }
1085
- }
1086
-
1087
- @keyframes bounceInUp {
1088
-
1089
- from,
1090
- 60%,
1091
- 75%,
1092
- 90%,
1093
- to {
1094
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
1095
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
1096
- }
1097
-
1098
- from {
1099
- opacity: 0;
1100
- -webkit-transform: translate3d(0, 3000px, 0);
1101
- transform: translate3d(0, 3000px, 0);
1102
- }
1103
-
1104
- 60% {
1105
- opacity: 1;
1106
- -webkit-transform: translate3d(0, -20px, 0);
1107
- transform: translate3d(0, -20px, 0);
1108
- }
1109
-
1110
- 75% {
1111
- -webkit-transform: translate3d(0, 10px, 0);
1112
- transform: translate3d(0, 10px, 0);
1113
- }
1114
-
1115
- 90% {
1116
- -webkit-transform: translate3d(0, -5px, 0);
1117
- transform: translate3d(0, -5px, 0);
1118
- }
1119
-
1120
- to {
1121
- -webkit-transform: translate3d(0, 0, 0);
1122
- transform: translate3d(0, 0, 0);
1123
- }
1124
- }
1125
-
1126
- .bounceInUp {
1127
- -webkit-animation-name: bounceInUp;
1128
- animation-name: bounceInUp;
1129
- }
1130
-
1131
- @-webkit-keyframes bounceOut {
1132
- 20% {
1133
- -webkit-transform: scale3d(.9, .9, .9);
1134
- transform: scale3d(.9, .9, .9);
1135
- }
1136
-
1137
- 50%,
1138
- 55% {
1139
- opacity: 1;
1140
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1141
- transform: scale3d(1.1, 1.1, 1.1);
1142
- }
1143
-
1144
- to {
1145
- opacity: 0;
1146
- -webkit-transform: scale3d(.3, .3, .3);
1147
- transform: scale3d(.3, .3, .3);
1148
- }
1149
- }
1150
-
1151
- @keyframes bounceOut {
1152
- 20% {
1153
- -webkit-transform: scale3d(.9, .9, .9);
1154
- transform: scale3d(.9, .9, .9);
1155
- }
1156
-
1157
- 50%,
1158
- 55% {
1159
- opacity: 1;
1160
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1161
- transform: scale3d(1.1, 1.1, 1.1);
1162
- }
1163
-
1164
- to {
1165
- opacity: 0;
1166
- -webkit-transform: scale3d(.3, .3, .3);
1167
- transform: scale3d(.3, .3, .3);
1168
- }
1169
- }
1170
-
1171
- .bounceOut {
1172
- -webkit-animation-name: bounceOut;
1173
- animation-name: bounceOut;
1174
- }
1175
-
1176
- @-webkit-keyframes bounceOutDown {
1177
- 20% {
1178
- -webkit-transform: translate3d(0, 10px, 0);
1179
- transform: translate3d(0, 10px, 0);
1180
- }
1181
-
1182
- 40%,
1183
- 45% {
1184
- opacity: 1;
1185
- -webkit-transform: translate3d(0, -20px, 0);
1186
- transform: translate3d(0, -20px, 0);
1187
- }
1188
-
1189
- to {
1190
- opacity: 0;
1191
- -webkit-transform: translate3d(0, 2000px, 0);
1192
- transform: translate3d(0, 2000px, 0);
1193
- }
1194
- }
1195
-
1196
- @keyframes bounceOutDown {
1197
- 20% {
1198
- -webkit-transform: translate3d(0, 10px, 0);
1199
- transform: translate3d(0, 10px, 0);
1200
- }
1201
-
1202
- 40%,
1203
- 45% {
1204
- opacity: 1;
1205
- -webkit-transform: translate3d(0, -20px, 0);
1206
- transform: translate3d(0, -20px, 0);
1207
- }
1208
-
1209
- to {
1210
- opacity: 0;
1211
- -webkit-transform: translate3d(0, 2000px, 0);
1212
- transform: translate3d(0, 2000px, 0);
1213
- }
1214
- }
1215
-
1216
- .bounceOutDown {
1217
- -webkit-animation-name: bounceOutDown;
1218
- animation-name: bounceOutDown;
1219
- }
1220
-
1221
- @-webkit-keyframes bounceOutLeft {
1222
- 20% {
1223
- opacity: 1;
1224
- -webkit-transform: translate3d(20px, 0, 0);
1225
- transform: translate3d(20px, 0, 0);
1226
- }
1227
-
1228
- to {
1229
- opacity: 0;
1230
- -webkit-transform: translate3d(-2000px, 0, 0);
1231
- transform: translate3d(-2000px, 0, 0);
1232
- }
1233
- }
1234
-
1235
- @keyframes bounceOutLeft {
1236
- 20% {
1237
- opacity: 1;
1238
- -webkit-transform: translate3d(20px, 0, 0);
1239
- transform: translate3d(20px, 0, 0);
1240
- }
1241
-
1242
- to {
1243
- opacity: 0;
1244
- -webkit-transform: translate3d(-2000px, 0, 0);
1245
- transform: translate3d(-2000px, 0, 0);
1246
- }
1247
- }
1248
-
1249
- .bounceOutLeft {
1250
- -webkit-animation-name: bounceOutLeft;
1251
- animation-name: bounceOutLeft;
1252
- }
1253
-
1254
- @-webkit-keyframes bounceOutRight {
1255
- 20% {
1256
- opacity: 1;
1257
- -webkit-transform: translate3d(-20px, 0, 0);
1258
- transform: translate3d(-20px, 0, 0);
1259
- }
1260
-
1261
- to {
1262
- opacity: 0;
1263
- -webkit-transform: translate3d(2000px, 0, 0);
1264
- transform: translate3d(2000px, 0, 0);
1265
- }
1266
- }
1267
-
1268
- @keyframes bounceOutRight {
1269
- 20% {
1270
- opacity: 1;
1271
- -webkit-transform: translate3d(-20px, 0, 0);
1272
- transform: translate3d(-20px, 0, 0);
1273
- }
1274
-
1275
- to {
1276
- opacity: 0;
1277
- -webkit-transform: translate3d(2000px, 0, 0);
1278
- transform: translate3d(2000px, 0, 0);
1279
- }
1280
- }
1281
-
1282
- .bounceOutRight {
1283
- -webkit-animation-name: bounceOutRight;
1284
- animation-name: bounceOutRight;
1285
- }
1286
-
1287
- @-webkit-keyframes bounceOutUp {
1288
- 20% {
1289
- -webkit-transform: translate3d(0, -10px, 0);
1290
- transform: translate3d(0, -10px, 0);
1291
- }
1292
-
1293
- 40%,
1294
- 45% {
1295
- opacity: 1;
1296
- -webkit-transform: translate3d(0, 20px, 0);
1297
- transform: translate3d(0, 20px, 0);
1298
- }
1299
-
1300
- to {
1301
- opacity: 0;
1302
- -webkit-transform: translate3d(0, -2000px, 0);
1303
- transform: translate3d(0, -2000px, 0);
1304
- }
1305
- }
1306
-
1307
- @keyframes bounceOutUp {
1308
- 20% {
1309
- -webkit-transform: translate3d(0, -10px, 0);
1310
- transform: translate3d(0, -10px, 0);
1311
- }
1312
-
1313
- 40%,
1314
- 45% {
1315
- opacity: 1;
1316
- -webkit-transform: translate3d(0, 20px, 0);
1317
- transform: translate3d(0, 20px, 0);
1318
- }
1319
-
1320
- to {
1321
- opacity: 0;
1322
- -webkit-transform: translate3d(0, -2000px, 0);
1323
- transform: translate3d(0, -2000px, 0);
1324
- }
1325
- }
1326
-
1327
- .bounceOutUp {
1328
- -webkit-animation-name: bounceOutUp;
1329
- animation-name: bounceOutUp;
1330
- }
1331
-
1332
- @-webkit-keyframes fadeIn {
1333
- from {
1334
- opacity: 0;
1335
- }
1336
-
1337
- to {
1338
- opacity: 1;
1339
- }
1340
- }
1341
-
1342
- @keyframes fadeIn {
1343
- from {
1344
- opacity: 0;
1345
- }
1346
-
1347
- to {
1348
- opacity: 1;
1349
- }
1350
- }
1351
-
1352
- .fadeIn {
1353
- -webkit-animation-name: fadeIn;
1354
- animation-name: fadeIn;
1355
- }
1356
-
1357
- @-webkit-keyframes fadeInDown {
1358
- from {
1359
- opacity: 0;
1360
- -webkit-transform: translate3d(0, -100%, 0);
1361
- transform: translate3d(0, -100%, 0);
1362
- }
1363
-
1364
- to {
1365
- opacity: 1;
1366
- -webkit-transform: none;
1367
- transform: none;
1368
- }
1369
- }
1370
-
1371
- @keyframes fadeInDown {
1372
- from {
1373
- opacity: 0;
1374
- -webkit-transform: translate3d(0, -100%, 0);
1375
- transform: translate3d(0, -100%, 0);
1376
- }
1377
-
1378
- to {
1379
- opacity: 1;
1380
- -webkit-transform: none;
1381
- transform: none;
1382
- }
1383
- }
1384
-
1385
- .fadeInDown {
1386
- -webkit-animation-name: fadeInDown;
1387
- animation-name: fadeInDown;
1388
- }
1389
-
1390
- @-webkit-keyframes fadeInDownBig {
1391
- from {
1392
- opacity: 0;
1393
- -webkit-transform: translate3d(0, -2000px, 0);
1394
- transform: translate3d(0, -2000px, 0);
1395
- }
1396
-
1397
- to {
1398
- opacity: 1;
1399
- -webkit-transform: none;
1400
- transform: none;
1401
- }
1402
- }
1403
-
1404
- @keyframes fadeInDownBig {
1405
- from {
1406
- opacity: 0;
1407
- -webkit-transform: translate3d(0, -2000px, 0);
1408
- transform: translate3d(0, -2000px, 0);
1409
- }
1410
-
1411
- to {
1412
- opacity: 1;
1413
- -webkit-transform: none;
1414
- transform: none;
1415
- }
1416
- }
1417
-
1418
- .fadeInDownBig {
1419
- -webkit-animation-name: fadeInDownBig;
1420
- animation-name: fadeInDownBig;
1421
- }
1422
-
1423
- @-webkit-keyframes fadeInLeft {
1424
- from {
1425
- opacity: 0;
1426
- -webkit-transform: translate3d(-100%, 0, 0);
1427
- transform: translate3d(-100%, 0, 0);
1428
- }
1429
-
1430
- to {
1431
- opacity: 1;
1432
- -webkit-transform: none;
1433
- transform: none;
1434
- }
1435
- }
1436
-
1437
- @keyframes fadeInLeft {
1438
- from {
1439
- opacity: 0;
1440
- -webkit-transform: translate3d(-100%, 0, 0);
1441
- transform: translate3d(-100%, 0, 0);
1442
- }
1443
-
1444
- to {
1445
- opacity: 1;
1446
- -webkit-transform: none;
1447
- transform: none;
1448
- }
1449
- }
1450
-
1451
- .fadeInLeft {
1452
- -webkit-animation-name: fadeInLeft;
1453
- animation-name: fadeInLeft;
1454
- }
1455
-
1456
- @-webkit-keyframes fadeInLeftBig {
1457
- from {
1458
- opacity: 0;
1459
- -webkit-transform: translate3d(-2000px, 0, 0);
1460
- transform: translate3d(-2000px, 0, 0);
1461
- }
1462
-
1463
- to {
1464
- opacity: 1;
1465
- -webkit-transform: none;
1466
- transform: none;
1467
- }
1468
- }
1469
-
1470
- @keyframes fadeInLeftBig {
1471
- from {
1472
- opacity: 0;
1473
- -webkit-transform: translate3d(-2000px, 0, 0);
1474
- transform: translate3d(-2000px, 0, 0);
1475
- }
1476
-
1477
- to {
1478
- opacity: 1;
1479
- -webkit-transform: none;
1480
- transform: none;
1481
- }
1482
- }
1483
-
1484
- .fadeInLeftBig {
1485
- -webkit-animation-name: fadeInLeftBig;
1486
- animation-name: fadeInLeftBig;
1487
- }
1488
-
1489
- @-webkit-keyframes fadeInRight {
1490
- from {
1491
- opacity: 0;
1492
- -webkit-transform: translate3d(100%, 0, 0);
1493
- transform: translate3d(100%, 0, 0);
1494
- }
1495
-
1496
- to {
1497
- opacity: 1;
1498
- -webkit-transform: none;
1499
- transform: none;
1500
- }
1501
- }
1502
-
1503
- @keyframes fadeInRight {
1504
- from {
1505
- opacity: 0;
1506
- -webkit-transform: translate3d(100%, 0, 0);
1507
- transform: translate3d(100%, 0, 0);
1508
- }
1509
-
1510
- to {
1511
- opacity: 1;
1512
- -webkit-transform: none;
1513
- transform: none;
1514
- }
1515
- }
1516
-
1517
- .fadeInRight {
1518
- -webkit-animation-name: fadeInRight;
1519
- animation-name: fadeInRight;
1520
- }
1521
-
1522
- @-webkit-keyframes fadeInRightBig {
1523
- from {
1524
- opacity: 0;
1525
- -webkit-transform: translate3d(2000px, 0, 0);
1526
- transform: translate3d(2000px, 0, 0);
1527
- }
1528
-
1529
- to {
1530
- opacity: 1;
1531
- -webkit-transform: none;
1532
- transform: none;
1533
- }
1534
- }
1535
-
1536
- @keyframes fadeInRightBig {
1537
- from {
1538
- opacity: 0;
1539
- -webkit-transform: translate3d(2000px, 0, 0);
1540
- transform: translate3d(2000px, 0, 0);
1541
- }
1542
-
1543
- to {
1544
- opacity: 1;
1545
- -webkit-transform: none;
1546
- transform: none;
1547
- }
1548
- }
1549
-
1550
- .fadeInRightBig {
1551
- -webkit-animation-name: fadeInRightBig;
1552
- animation-name: fadeInRightBig;
1553
- }
1554
-
1555
- @-webkit-keyframes fadeInUp {
1556
- from {
1557
- opacity: 0;
1558
- -webkit-transform: translate3d(0, 100%, 0);
1559
- transform: translate3d(0, 100%, 0);
1560
- }
1561
-
1562
- to {
1563
- opacity: 1;
1564
- -webkit-transform: none;
1565
- transform: none;
1566
- }
1567
- }
1568
-
1569
- @keyframes fadeInUp {
1570
- from {
1571
- opacity: 0;
1572
- -webkit-transform: translate3d(0, 100%, 0);
1573
- transform: translate3d(0, 100%, 0);
1574
- }
1575
-
1576
- to {
1577
- opacity: 1;
1578
- -webkit-transform: none;
1579
- transform: none;
1580
- }
1581
- }
1582
-
1583
- .fadeInUp {
1584
- -webkit-animation-name: fadeInUp;
1585
- animation-name: fadeInUp;
1586
- }
1587
-
1588
- @-webkit-keyframes fadeInUpBig {
1589
- from {
1590
- opacity: 0;
1591
- -webkit-transform: translate3d(0, 2000px, 0);
1592
- transform: translate3d(0, 2000px, 0);
1593
- }
1594
-
1595
- to {
1596
- opacity: 1;
1597
- -webkit-transform: none;
1598
- transform: none;
1599
- }
1600
- }
1601
-
1602
- @keyframes fadeInUpBig {
1603
- from {
1604
- opacity: 0;
1605
- -webkit-transform: translate3d(0, 2000px, 0);
1606
- transform: translate3d(0, 2000px, 0);
1607
- }
1608
-
1609
- to {
1610
- opacity: 1;
1611
- -webkit-transform: none;
1612
- transform: none;
1613
- }
1614
- }
1615
-
1616
- .fadeInUpBig {
1617
- -webkit-animation-name: fadeInUpBig;
1618
- animation-name: fadeInUpBig;
1619
- }
1620
-
1621
- @-webkit-keyframes fadeOut {
1622
- from {
1623
- opacity: 1;
1624
- }
1625
-
1626
- to {
1627
- opacity: 0;
1628
- }
1629
- }
1630
-
1631
- @keyframes fadeOut {
1632
- from {
1633
- opacity: 1;
1634
- }
1635
-
1636
- to {
1637
- opacity: 0;
1638
- }
1639
- }
1640
-
1641
- .fadeOut {
1642
- -webkit-animation-name: fadeOut;
1643
- animation-name: fadeOut;
1644
- }
1645
-
1646
- @-webkit-keyframes fadeOutDown {
1647
- from {
1648
- opacity: 1;
1649
- }
1650
-
1651
- to {
1652
- opacity: 0;
1653
- -webkit-transform: translate3d(0, 100%, 0);
1654
- transform: translate3d(0, 100%, 0);
1655
- }
1656
- }
1657
-
1658
- @keyframes fadeOutDown {
1659
- from {
1660
- opacity: 1;
1661
- }
1662
-
1663
- to {
1664
- opacity: 0;
1665
- -webkit-transform: translate3d(0, 100%, 0);
1666
- transform: translate3d(0, 100%, 0);
1667
- }
1668
- }
1669
-
1670
- .fadeOutDown {
1671
- -webkit-animation-name: fadeOutDown;
1672
- animation-name: fadeOutDown;
1673
- }
1674
-
1675
- @-webkit-keyframes fadeOutDownBig {
1676
- from {
1677
- opacity: 1;
1678
- }
1679
-
1680
- to {
1681
- opacity: 0;
1682
- -webkit-transform: translate3d(0, 2000px, 0);
1683
- transform: translate3d(0, 2000px, 0);
1684
- }
1685
- }
1686
-
1687
- @keyframes fadeOutDownBig {
1688
- from {
1689
- opacity: 1;
1690
- }
1691
-
1692
- to {
1693
- opacity: 0;
1694
- -webkit-transform: translate3d(0, 2000px, 0);
1695
- transform: translate3d(0, 2000px, 0);
1696
- }
1697
- }
1698
-
1699
- .fadeOutDownBig {
1700
- -webkit-animation-name: fadeOutDownBig;
1701
- animation-name: fadeOutDownBig;
1702
- }
1703
-
1704
- @-webkit-keyframes fadeOutLeft {
1705
- from {
1706
- opacity: 1;
1707
- }
1708
-
1709
- to {
1710
- opacity: 0;
1711
- -webkit-transform: translate3d(-100%, 0, 0);
1712
- transform: translate3d(-100%, 0, 0);
1713
- }
1714
- }
1715
-
1716
- @keyframes fadeOutLeft {
1717
- from {
1718
- opacity: 1;
1719
- }
1720
-
1721
- to {
1722
- opacity: 0;
1723
- -webkit-transform: translate3d(-100%, 0, 0);
1724
- transform: translate3d(-100%, 0, 0);
1725
- }
1726
- }
1727
-
1728
- .fadeOutLeft {
1729
- -webkit-animation-name: fadeOutLeft;
1730
- animation-name: fadeOutLeft;
1731
- }
1732
-
1733
- @-webkit-keyframes fadeOutLeftBig {
1734
- from {
1735
- opacity: 1;
1736
- }
1737
-
1738
- to {
1739
- opacity: 0;
1740
- -webkit-transform: translate3d(-2000px, 0, 0);
1741
- transform: translate3d(-2000px, 0, 0);
1742
- }
1743
- }
1744
-
1745
- @keyframes fadeOutLeftBig {
1746
- from {
1747
- opacity: 1;
1748
- }
1749
-
1750
- to {
1751
- opacity: 0;
1752
- -webkit-transform: translate3d(-2000px, 0, 0);
1753
- transform: translate3d(-2000px, 0, 0);
1754
- }
1755
- }
1756
-
1757
- .fadeOutLeftBig {
1758
- -webkit-animation-name: fadeOutLeftBig;
1759
- animation-name: fadeOutLeftBig;
1760
- }
1761
-
1762
- @-webkit-keyframes fadeOutRight {
1763
- from {
1764
- opacity: 1;
1765
- }
1766
-
1767
- to {
1768
- opacity: 0;
1769
- -webkit-transform: translate3d(100%, 0, 0);
1770
- transform: translate3d(100%, 0, 0);
1771
- }
1772
- }
1773
-
1774
- @keyframes fadeOutRight {
1775
- from {
1776
- opacity: 1;
1777
- }
1778
-
1779
- to {
1780
- opacity: 0;
1781
- -webkit-transform: translate3d(100%, 0, 0);
1782
- transform: translate3d(100%, 0, 0);
1783
- }
1784
- }
1785
-
1786
- .fadeOutRight {
1787
- -webkit-animation-name: fadeOutRight;
1788
- animation-name: fadeOutRight;
1789
- }
1790
-
1791
- @-webkit-keyframes fadeOutRightBig {
1792
- from {
1793
- opacity: 1;
1794
- }
1795
-
1796
- to {
1797
- opacity: 0;
1798
- -webkit-transform: translate3d(2000px, 0, 0);
1799
- transform: translate3d(2000px, 0, 0);
1800
- }
1801
- }
1802
-
1803
- @keyframes fadeOutRightBig {
1804
- from {
1805
- opacity: 1;
1806
- }
1807
-
1808
- to {
1809
- opacity: 0;
1810
- -webkit-transform: translate3d(2000px, 0, 0);
1811
- transform: translate3d(2000px, 0, 0);
1812
- }
1813
- }
1814
-
1815
- .fadeOutRightBig {
1816
- -webkit-animation-name: fadeOutRightBig;
1817
- animation-name: fadeOutRightBig;
1818
- }
1819
-
1820
- @-webkit-keyframes fadeOutUp {
1821
- from {
1822
- opacity: 1;
1823
- }
1824
-
1825
- to {
1826
- opacity: 0;
1827
- -webkit-transform: translate3d(0, -100%, 0);
1828
- transform: translate3d(0, -100%, 0);
1829
- }
1830
- }
1831
-
1832
- @keyframes fadeOutUp {
1833
- from {
1834
- opacity: 1;
1835
- }
1836
-
1837
- to {
1838
- opacity: 0;
1839
- -webkit-transform: translate3d(0, -100%, 0);
1840
- transform: translate3d(0, -100%, 0);
1841
- }
1842
- }
1843
-
1844
- .fadeOutUp {
1845
- -webkit-animation-name: fadeOutUp;
1846
- animation-name: fadeOutUp;
1847
- }
1848
-
1849
- @-webkit-keyframes fadeOutUpBig {
1850
- from {
1851
- opacity: 1;
1852
- }
1853
-
1854
- to {
1855
- opacity: 0;
1856
- -webkit-transform: translate3d(0, -2000px, 0);
1857
- transform: translate3d(0, -2000px, 0);
1858
- }
1859
- }
1860
-
1861
- @keyframes fadeOutUpBig {
1862
- from {
1863
- opacity: 1;
1864
- }
1865
-
1866
- to {
1867
- opacity: 0;
1868
- -webkit-transform: translate3d(0, -2000px, 0);
1869
- transform: translate3d(0, -2000px, 0);
1870
- }
1871
- }
1872
-
1873
- .fadeOutUpBig {
1874
- -webkit-animation-name: fadeOutUpBig;
1875
- animation-name: fadeOutUpBig;
1876
- }
1877
-
1878
- @-webkit-keyframes flip {
1879
- from {
1880
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1881
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1882
- -webkit-animation-timing-function: ease-out;
1883
- animation-timing-function: ease-out;
1884
- }
1885
-
1886
- 40% {
1887
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1888
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1889
- -webkit-animation-timing-function: ease-out;
1890
- animation-timing-function: ease-out;
1891
- }
1892
-
1893
- 50% {
1894
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1895
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1896
- -webkit-animation-timing-function: ease-in;
1897
- animation-timing-function: ease-in;
1898
- }
1899
-
1900
- 80% {
1901
- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1902
- transform: perspective(400px) scale3d(.95, .95, .95);
1903
- -webkit-animation-timing-function: ease-in;
1904
- animation-timing-function: ease-in;
1905
- }
1906
-
1907
- to {
1908
- -webkit-transform: perspective(400px);
1909
- transform: perspective(400px);
1910
- -webkit-animation-timing-function: ease-in;
1911
- animation-timing-function: ease-in;
1912
- }
1913
- }
1914
-
1915
- @keyframes flip {
1916
- from {
1917
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1918
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1919
- -webkit-animation-timing-function: ease-out;
1920
- animation-timing-function: ease-out;
1921
- }
1922
-
1923
- 40% {
1924
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1925
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1926
- -webkit-animation-timing-function: ease-out;
1927
- animation-timing-function: ease-out;
1928
- }
1929
-
1930
- 50% {
1931
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1932
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1933
- -webkit-animation-timing-function: ease-in;
1934
- animation-timing-function: ease-in;
1935
- }
1936
-
1937
- 80% {
1938
- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1939
- transform: perspective(400px) scale3d(.95, .95, .95);
1940
- -webkit-animation-timing-function: ease-in;
1941
- animation-timing-function: ease-in;
1942
- }
1943
-
1944
- to {
1945
- -webkit-transform: perspective(400px);
1946
- transform: perspective(400px);
1947
- -webkit-animation-timing-function: ease-in;
1948
- animation-timing-function: ease-in;
1949
- }
1950
- }
1951
-
1952
- .animated.flip {
1953
- -webkit-backface-visibility: visible;
1954
- backface-visibility: visible;
1955
- -webkit-animation-name: flip;
1956
- animation-name: flip;
1957
- }
1958
-
1959
- @-webkit-keyframes flipInX {
1960
- from {
1961
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1962
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1963
- -webkit-animation-timing-function: ease-in;
1964
- animation-timing-function: ease-in;
1965
- opacity: 0;
1966
- }
1967
-
1968
- 40% {
1969
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1970
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1971
- -webkit-animation-timing-function: ease-in;
1972
- animation-timing-function: ease-in;
1973
- }
1974
-
1975
- 60% {
1976
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1977
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1978
- opacity: 1;
1979
- }
1980
-
1981
- 80% {
1982
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1983
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1984
- }
1985
-
1986
- to {
1987
- -webkit-transform: perspective(400px);
1988
- transform: perspective(400px);
1989
- }
1990
- }
1991
-
1992
- @keyframes flipInX {
1993
- from {
1994
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1995
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1996
- -webkit-animation-timing-function: ease-in;
1997
- animation-timing-function: ease-in;
1998
- opacity: 0;
1999
- }
2000
-
2001
- 40% {
2002
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2003
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2004
- -webkit-animation-timing-function: ease-in;
2005
- animation-timing-function: ease-in;
2006
- }
2007
-
2008
- 60% {
2009
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2010
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2011
- opacity: 1;
2012
- }
2013
-
2014
- 80% {
2015
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2016
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2017
- }
2018
-
2019
- to {
2020
- -webkit-transform: perspective(400px);
2021
- transform: perspective(400px);
2022
- }
2023
- }
2024
-
2025
- .flipInX {
2026
- -webkit-backface-visibility: visible !important;
2027
- backface-visibility: visible !important;
2028
- -webkit-animation-name: flipInX;
2029
- animation-name: flipInX;
2030
- }
2031
-
2032
- @-webkit-keyframes flipInY {
2033
- from {
2034
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2035
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2036
- -webkit-animation-timing-function: ease-in;
2037
- animation-timing-function: ease-in;
2038
- opacity: 0;
2039
- }
2040
-
2041
- 40% {
2042
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2043
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2044
- -webkit-animation-timing-function: ease-in;
2045
- animation-timing-function: ease-in;
2046
- }
2047
-
2048
- 60% {
2049
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2050
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2051
- opacity: 1;
2052
- }
2053
-
2054
- 80% {
2055
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2056
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2057
- }
2058
-
2059
- to {
2060
- -webkit-transform: perspective(400px);
2061
- transform: perspective(400px);
2062
- }
2063
- }
2064
-
2065
- @keyframes flipInY {
2066
- from {
2067
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2068
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2069
- -webkit-animation-timing-function: ease-in;
2070
- animation-timing-function: ease-in;
2071
- opacity: 0;
2072
- }
2073
-
2074
- 40% {
2075
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2076
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2077
- -webkit-animation-timing-function: ease-in;
2078
- animation-timing-function: ease-in;
2079
- }
2080
-
2081
- 60% {
2082
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2083
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2084
- opacity: 1;
2085
- }
2086
-
2087
- 80% {
2088
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2089
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2090
- }
2091
-
2092
- to {
2093
- -webkit-transform: perspective(400px);
2094
- transform: perspective(400px);
2095
- }
2096
- }
2097
-
2098
- .flipInY {
2099
- -webkit-backface-visibility: visible !important;
2100
- backface-visibility: visible !important;
2101
- -webkit-animation-name: flipInY;
2102
- animation-name: flipInY;
2103
- }
2104
-
2105
- @-webkit-keyframes flipOutX {
2106
- from {
2107
- -webkit-transform: perspective(400px);
2108
- transform: perspective(400px);
2109
- }
2110
-
2111
- 30% {
2112
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2113
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2114
- opacity: 1;
2115
- }
2116
-
2117
- to {
2118
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2119
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2120
- opacity: 0;
2121
- }
2122
- }
2123
-
2124
- @keyframes flipOutX {
2125
- from {
2126
- -webkit-transform: perspective(400px);
2127
- transform: perspective(400px);
2128
- }
2129
-
2130
- 30% {
2131
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2132
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2133
- opacity: 1;
2134
- }
2135
-
2136
- to {
2137
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2138
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2139
- opacity: 0;
2140
- }
2141
- }
2142
-
2143
- .flipOutX {
2144
- -webkit-animation-name: flipOutX;
2145
- animation-name: flipOutX;
2146
- -webkit-backface-visibility: visible !important;
2147
- backface-visibility: visible !important;
2148
- }
2149
-
2150
- @-webkit-keyframes flipOutY {
2151
- from {
2152
- -webkit-transform: perspective(400px);
2153
- transform: perspective(400px);
2154
- }
2155
-
2156
- 30% {
2157
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2158
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2159
- opacity: 1;
2160
- }
2161
-
2162
- to {
2163
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2164
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2165
- opacity: 0;
2166
- }
2167
- }
2168
-
2169
- @keyframes flipOutY {
2170
- from {
2171
- -webkit-transform: perspective(400px);
2172
- transform: perspective(400px);
2173
- }
2174
-
2175
- 30% {
2176
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2177
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2178
- opacity: 1;
2179
- }
2180
-
2181
- to {
2182
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2183
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2184
- opacity: 0;
2185
- }
2186
- }
2187
-
2188
- .flipOutY {
2189
- -webkit-backface-visibility: visible !important;
2190
- backface-visibility: visible !important;
2191
- -webkit-animation-name: flipOutY;
2192
- animation-name: flipOutY;
2193
- }
2194
-
2195
- @-webkit-keyframes lightSpeedIn {
2196
- from {
2197
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2198
- transform: translate3d(100%, 0, 0) skewX(-30deg);
2199
- opacity: 0;
2200
- }
2201
-
2202
- 60% {
2203
- -webkit-transform: skewX(20deg);
2204
- transform: skewX(20deg);
2205
- opacity: 1;
2206
- }
2207
-
2208
- 80% {
2209
- -webkit-transform: skewX(-5deg);
2210
- transform: skewX(-5deg);
2211
- opacity: 1;
2212
- }
2213
-
2214
- to {
2215
- -webkit-transform: none;
2216
- transform: none;
2217
- opacity: 1;
2218
- }
2219
- }
2220
-
2221
- @keyframes lightSpeedIn {
2222
- from {
2223
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2224
- transform: translate3d(100%, 0, 0) skewX(-30deg);
2225
- opacity: 0;
2226
- }
2227
-
2228
- 60% {
2229
- -webkit-transform: skewX(20deg);
2230
- transform: skewX(20deg);
2231
- opacity: 1;
2232
- }
2233
-
2234
- 80% {
2235
- -webkit-transform: skewX(-5deg);
2236
- transform: skewX(-5deg);
2237
- opacity: 1;
2238
- }
2239
-
2240
- to {
2241
- -webkit-transform: none;
2242
- transform: none;
2243
- opacity: 1;
2244
- }
2245
- }
2246
-
2247
- .lightSpeedIn {
2248
- -webkit-animation-name: lightSpeedIn;
2249
- animation-name: lightSpeedIn;
2250
- -webkit-animation-timing-function: ease-out;
2251
- animation-timing-function: ease-out;
2252
- }
2253
-
2254
- @-webkit-keyframes lightSpeedOut {
2255
- from {
2256
- opacity: 1;
2257
- }
2258
-
2259
- to {
2260
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2261
- transform: translate3d(100%, 0, 0) skewX(30deg);
2262
- opacity: 0;
2263
- }
2264
- }
2265
-
2266
- @keyframes lightSpeedOut {
2267
- from {
2268
- opacity: 1;
2269
- }
2270
-
2271
- to {
2272
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2273
- transform: translate3d(100%, 0, 0) skewX(30deg);
2274
- opacity: 0;
2275
- }
2276
- }
2277
-
2278
- .lightSpeedOut {
2279
- -webkit-animation-name: lightSpeedOut;
2280
- animation-name: lightSpeedOut;
2281
- -webkit-animation-timing-function: ease-in;
2282
- animation-timing-function: ease-in;
2283
- }
2284
-
2285
- @-webkit-keyframes rotateIn {
2286
- from {
2287
- -webkit-transform-origin: center;
2288
- transform-origin: center;
2289
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
2290
- transform: rotate3d(0, 0, 1, -200deg);
2291
- opacity: 0;
2292
- }
2293
-
2294
- to {
2295
- -webkit-transform-origin: center;
2296
- transform-origin: center;
2297
- -webkit-transform: none;
2298
- transform: none;
2299
- opacity: 1;
2300
- }
2301
- }
2302
-
2303
- @keyframes rotateIn {
2304
- from {
2305
- -webkit-transform-origin: center;
2306
- transform-origin: center;
2307
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
2308
- transform: rotate3d(0, 0, 1, -200deg);
2309
- opacity: 0;
2310
- }
2311
-
2312
- to {
2313
- -webkit-transform-origin: center;
2314
- transform-origin: center;
2315
- -webkit-transform: none;
2316
- transform: none;
2317
- opacity: 1;
2318
- }
2319
- }
2320
-
2321
- .rotateIn {
2322
- -webkit-animation-name: rotateIn;
2323
- animation-name: rotateIn;
2324
- }
2325
-
2326
- @-webkit-keyframes rotateInDownLeft {
2327
- from {
2328
- -webkit-transform-origin: left bottom;
2329
- transform-origin: left bottom;
2330
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2331
- transform: rotate3d(0, 0, 1, -45deg);
2332
- opacity: 0;
2333
- }
2334
-
2335
- to {
2336
- -webkit-transform-origin: left bottom;
2337
- transform-origin: left bottom;
2338
- -webkit-transform: none;
2339
- transform: none;
2340
- opacity: 1;
2341
- }
2342
- }
2343
-
2344
- @keyframes rotateInDownLeft {
2345
- from {
2346
- -webkit-transform-origin: left bottom;
2347
- transform-origin: left bottom;
2348
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2349
- transform: rotate3d(0, 0, 1, -45deg);
2350
- opacity: 0;
2351
- }
2352
-
2353
- to {
2354
- -webkit-transform-origin: left bottom;
2355
- transform-origin: left bottom;
2356
- -webkit-transform: none;
2357
- transform: none;
2358
- opacity: 1;
2359
- }
2360
- }
2361
-
2362
- .rotateInDownLeft {
2363
- -webkit-animation-name: rotateInDownLeft;
2364
- animation-name: rotateInDownLeft;
2365
- }
2366
-
2367
- @-webkit-keyframes rotateInDownRight {
2368
- from {
2369
- -webkit-transform-origin: right bottom;
2370
- transform-origin: right bottom;
2371
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2372
- transform: rotate3d(0, 0, 1, 45deg);
2373
- opacity: 0;
2374
- }
2375
-
2376
- to {
2377
- -webkit-transform-origin: right bottom;
2378
- transform-origin: right bottom;
2379
- -webkit-transform: none;
2380
- transform: none;
2381
- opacity: 1;
2382
- }
2383
- }
2384
-
2385
- @keyframes rotateInDownRight {
2386
- from {
2387
- -webkit-transform-origin: right bottom;
2388
- transform-origin: right bottom;
2389
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2390
- transform: rotate3d(0, 0, 1, 45deg);
2391
- opacity: 0;
2392
- }
2393
-
2394
- to {
2395
- -webkit-transform-origin: right bottom;
2396
- transform-origin: right bottom;
2397
- -webkit-transform: none;
2398
- transform: none;
2399
- opacity: 1;
2400
- }
2401
- }
2402
-
2403
- .rotateInDownRight {
2404
- -webkit-animation-name: rotateInDownRight;
2405
- animation-name: rotateInDownRight;
2406
- }
2407
-
2408
- @-webkit-keyframes rotateInUpLeft {
2409
- from {
2410
- -webkit-transform-origin: left bottom;
2411
- transform-origin: left bottom;
2412
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2413
- transform: rotate3d(0, 0, 1, 45deg);
2414
- opacity: 0;
2415
- }
2416
-
2417
- to {
2418
- -webkit-transform-origin: left bottom;
2419
- transform-origin: left bottom;
2420
- -webkit-transform: none;
2421
- transform: none;
2422
- opacity: 1;
2423
- }
2424
- }
2425
-
2426
- @keyframes rotateInUpLeft {
2427
- from {
2428
- -webkit-transform-origin: left bottom;
2429
- transform-origin: left bottom;
2430
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2431
- transform: rotate3d(0, 0, 1, 45deg);
2432
- opacity: 0;
2433
- }
2434
-
2435
- to {
2436
- -webkit-transform-origin: left bottom;
2437
- transform-origin: left bottom;
2438
- -webkit-transform: none;
2439
- transform: none;
2440
- opacity: 1;
2441
- }
2442
- }
2443
-
2444
- .rotateInUpLeft {
2445
- -webkit-animation-name: rotateInUpLeft;
2446
- animation-name: rotateInUpLeft;
2447
- }
2448
-
2449
- @-webkit-keyframes rotateInUpRight {
2450
- from {
2451
- -webkit-transform-origin: right bottom;
2452
- transform-origin: right bottom;
2453
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2454
- transform: rotate3d(0, 0, 1, -90deg);
2455
- opacity: 0;
2456
- }
2457
-
2458
- to {
2459
- -webkit-transform-origin: right bottom;
2460
- transform-origin: right bottom;
2461
- -webkit-transform: none;
2462
- transform: none;
2463
- opacity: 1;
2464
- }
2465
- }
2466
-
2467
- @keyframes rotateInUpRight {
2468
- from {
2469
- -webkit-transform-origin: right bottom;
2470
- transform-origin: right bottom;
2471
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2472
- transform: rotate3d(0, 0, 1, -90deg);
2473
- opacity: 0;
2474
- }
2475
-
2476
- to {
2477
- -webkit-transform-origin: right bottom;
2478
- transform-origin: right bottom;
2479
- -webkit-transform: none;
2480
- transform: none;
2481
- opacity: 1;
2482
- }
2483
- }
2484
-
2485
- .rotateInUpRight {
2486
- -webkit-animation-name: rotateInUpRight;
2487
- animation-name: rotateInUpRight;
2488
- }
2489
-
2490
- @-webkit-keyframes rotateOut {
2491
- from {
2492
- -webkit-transform-origin: center;
2493
- transform-origin: center;
2494
- opacity: 1;
2495
- }
2496
-
2497
- to {
2498
- -webkit-transform-origin: center;
2499
- transform-origin: center;
2500
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2501
- transform: rotate3d(0, 0, 1, 200deg);
2502
- opacity: 0;
2503
- }
2504
- }
2505
-
2506
- @keyframes rotateOut {
2507
- from {
2508
- -webkit-transform-origin: center;
2509
- transform-origin: center;
2510
- opacity: 1;
2511
- }
2512
-
2513
- to {
2514
- -webkit-transform-origin: center;
2515
- transform-origin: center;
2516
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2517
- transform: rotate3d(0, 0, 1, 200deg);
2518
- opacity: 0;
2519
- }
2520
- }
2521
-
2522
- .rotateOut {
2523
- -webkit-animation-name: rotateOut;
2524
- animation-name: rotateOut;
2525
- }
2526
-
2527
- @-webkit-keyframes rotateOutDownLeft {
2528
- from {
2529
- -webkit-transform-origin: left bottom;
2530
- transform-origin: left bottom;
2531
- opacity: 1;
2532
- }
2533
-
2534
- to {
2535
- -webkit-transform-origin: left bottom;
2536
- transform-origin: left bottom;
2537
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2538
- transform: rotate3d(0, 0, 1, 45deg);
2539
- opacity: 0;
2540
- }
2541
- }
2542
-
2543
- @keyframes rotateOutDownLeft {
2544
- from {
2545
- -webkit-transform-origin: left bottom;
2546
- transform-origin: left bottom;
2547
- opacity: 1;
2548
- }
2549
-
2550
- to {
2551
- -webkit-transform-origin: left bottom;
2552
- transform-origin: left bottom;
2553
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2554
- transform: rotate3d(0, 0, 1, 45deg);
2555
- opacity: 0;
2556
- }
2557
- }
2558
-
2559
- .rotateOutDownLeft {
2560
- -webkit-animation-name: rotateOutDownLeft;
2561
- animation-name: rotateOutDownLeft;
2562
- }
2563
-
2564
- @-webkit-keyframes rotateOutDownRight {
2565
- from {
2566
- -webkit-transform-origin: right bottom;
2567
- transform-origin: right bottom;
2568
- opacity: 1;
2569
- }
2570
-
2571
- to {
2572
- -webkit-transform-origin: right bottom;
2573
- transform-origin: right bottom;
2574
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2575
- transform: rotate3d(0, 0, 1, -45deg);
2576
- opacity: 0;
2577
- }
2578
- }
2579
-
2580
- @keyframes rotateOutDownRight {
2581
- from {
2582
- -webkit-transform-origin: right bottom;
2583
- transform-origin: right bottom;
2584
- opacity: 1;
2585
- }
2586
-
2587
- to {
2588
- -webkit-transform-origin: right bottom;
2589
- transform-origin: right bottom;
2590
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2591
- transform: rotate3d(0, 0, 1, -45deg);
2592
- opacity: 0;
2593
- }
2594
- }
2595
-
2596
- .rotateOutDownRight {
2597
- -webkit-animation-name: rotateOutDownRight;
2598
- animation-name: rotateOutDownRight;
2599
- }
2600
-
2601
- @-webkit-keyframes rotateOutUpLeft {
2602
- from {
2603
- -webkit-transform-origin: left bottom;
2604
- transform-origin: left bottom;
2605
- opacity: 1;
2606
- }
2607
-
2608
- to {
2609
- -webkit-transform-origin: left bottom;
2610
- transform-origin: left bottom;
2611
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2612
- transform: rotate3d(0, 0, 1, -45deg);
2613
- opacity: 0;
2614
- }
2615
- }
2616
-
2617
- @keyframes rotateOutUpLeft {
2618
- from {
2619
- -webkit-transform-origin: left bottom;
2620
- transform-origin: left bottom;
2621
- opacity: 1;
2622
- }
2623
-
2624
- to {
2625
- -webkit-transform-origin: left bottom;
2626
- transform-origin: left bottom;
2627
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2628
- transform: rotate3d(0, 0, 1, -45deg);
2629
- opacity: 0;
2630
- }
2631
- }
2632
-
2633
- .rotateOutUpLeft {
2634
- -webkit-animation-name: rotateOutUpLeft;
2635
- animation-name: rotateOutUpLeft;
2636
- }
2637
-
2638
- @-webkit-keyframes rotateOutUpRight {
2639
- from {
2640
- -webkit-transform-origin: right bottom;
2641
- transform-origin: right bottom;
2642
- opacity: 1;
2643
- }
2644
-
2645
- to {
2646
- -webkit-transform-origin: right bottom;
2647
- transform-origin: right bottom;
2648
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2649
- transform: rotate3d(0, 0, 1, 90deg);
2650
- opacity: 0;
2651
- }
2652
- }
2653
-
2654
- @keyframes rotateOutUpRight {
2655
- from {
2656
- -webkit-transform-origin: right bottom;
2657
- transform-origin: right bottom;
2658
- opacity: 1;
2659
- }
2660
-
2661
- to {
2662
- -webkit-transform-origin: right bottom;
2663
- transform-origin: right bottom;
2664
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2665
- transform: rotate3d(0, 0, 1, 90deg);
2666
- opacity: 0;
2667
- }
2668
- }
2669
-
2670
- .rotateOutUpRight {
2671
- -webkit-animation-name: rotateOutUpRight;
2672
- animation-name: rotateOutUpRight;
2673
- }
2674
-
2675
- @-webkit-keyframes hinge {
2676
- 0% {
2677
- -webkit-transform-origin: top left;
2678
- transform-origin: top left;
2679
- -webkit-animation-timing-function: ease-in-out;
2680
- animation-timing-function: ease-in-out;
2681
- }
2682
-
2683
- 20%,
2684
- 60% {
2685
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2686
- transform: rotate3d(0, 0, 1, 80deg);
2687
- -webkit-transform-origin: top left;
2688
- transform-origin: top left;
2689
- -webkit-animation-timing-function: ease-in-out;
2690
- animation-timing-function: ease-in-out;
2691
- }
2692
-
2693
- 40%,
2694
- 80% {
2695
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2696
- transform: rotate3d(0, 0, 1, 60deg);
2697
- -webkit-transform-origin: top left;
2698
- transform-origin: top left;
2699
- -webkit-animation-timing-function: ease-in-out;
2700
- animation-timing-function: ease-in-out;
2701
- opacity: 1;
2702
- }
2703
-
2704
- to {
2705
- -webkit-transform: translate3d(0, 700px, 0);
2706
- transform: translate3d(0, 700px, 0);
2707
- opacity: 0;
2708
- }
2709
- }
2710
-
2711
- @keyframes hinge {
2712
- 0% {
2713
- -webkit-transform-origin: top left;
2714
- transform-origin: top left;
2715
- -webkit-animation-timing-function: ease-in-out;
2716
- animation-timing-function: ease-in-out;
2717
- }
2718
-
2719
- 20%,
2720
- 60% {
2721
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2722
- transform: rotate3d(0, 0, 1, 80deg);
2723
- -webkit-transform-origin: top left;
2724
- transform-origin: top left;
2725
- -webkit-animation-timing-function: ease-in-out;
2726
- animation-timing-function: ease-in-out;
2727
- }
2728
-
2729
- 40%,
2730
- 80% {
2731
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2732
- transform: rotate3d(0, 0, 1, 60deg);
2733
- -webkit-transform-origin: top left;
2734
- transform-origin: top left;
2735
- -webkit-animation-timing-function: ease-in-out;
2736
- animation-timing-function: ease-in-out;
2737
- opacity: 1;
2738
- }
2739
-
2740
- to {
2741
- -webkit-transform: translate3d(0, 700px, 0);
2742
- transform: translate3d(0, 700px, 0);
2743
- opacity: 0;
2744
- }
2745
- }
2746
-
2747
- .hinge {
2748
- -webkit-animation-name: hinge;
2749
- animation-name: hinge;
2750
- }
2751
-
2752
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2753
-
2754
- @-webkit-keyframes rollIn {
2755
- from {
2756
- opacity: 0;
2757
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2758
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2759
- }
2760
-
2761
- to {
2762
- opacity: 1;
2763
- -webkit-transform: none;
2764
- transform: none;
2765
- }
2766
- }
2767
-
2768
- @keyframes rollIn {
2769
- from {
2770
- opacity: 0;
2771
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2772
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2773
- }
2774
-
2775
- to {
2776
- opacity: 1;
2777
- -webkit-transform: none;
2778
- transform: none;
2779
- }
2780
- }
2781
-
2782
- .rollIn {
2783
- -webkit-animation-name: rollIn;
2784
- animation-name: rollIn;
2785
- }
2786
-
2787
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2788
-
2789
- @-webkit-keyframes rollOut {
2790
- from {
2791
- opacity: 1;
2792
- }
2793
-
2794
- to {
2795
- opacity: 0;
2796
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2797
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2798
- }
2799
- }
2800
-
2801
- @keyframes rollOut {
2802
- from {
2803
- opacity: 1;
2804
- }
2805
-
2806
- to {
2807
- opacity: 0;
2808
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2809
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2810
- }
2811
- }
2812
-
2813
- .rollOut {
2814
- -webkit-animation-name: rollOut;
2815
- animation-name: rollOut;
2816
- }
2817
-
2818
- @-webkit-keyframes zoomIn {
2819
- from {
2820
- opacity: 0;
2821
- -webkit-transform: scale3d(.3, .3, .3);
2822
- transform: scale3d(.3, .3, .3);
2823
- }
2824
-
2825
- 50% {
2826
- opacity: 1;
2827
- }
2828
- }
2829
-
2830
- @keyframes zoomIn {
2831
- from {
2832
- opacity: 0;
2833
- -webkit-transform: scale3d(.3, .3, .3);
2834
- transform: scale3d(.3, .3, .3);
2835
- }
2836
-
2837
- 50% {
2838
- opacity: 1;
2839
- }
2840
- }
2841
-
2842
- .zoomIn {
2843
- -webkit-animation-name: zoomIn;
2844
- animation-name: zoomIn;
2845
- }
2846
-
2847
- @-webkit-keyframes zoomInDown {
2848
- from {
2849
- opacity: 0;
2850
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2851
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2852
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2853
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2854
- }
2855
-
2856
- 60% {
2857
- opacity: 1;
2858
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2859
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2860
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2861
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2862
- }
2863
- }
2864
-
2865
- @keyframes zoomInDown {
2866
- from {
2867
- opacity: 0;
2868
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2869
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2870
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2871
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2872
- }
2873
-
2874
- 60% {
2875
- opacity: 1;
2876
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2877
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2878
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2879
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2880
- }
2881
- }
2882
-
2883
- .zoomInDown {
2884
- -webkit-animation-name: zoomInDown;
2885
- animation-name: zoomInDown;
2886
- }
2887
-
2888
- @-webkit-keyframes zoomInLeft {
2889
- from {
2890
- opacity: 0;
2891
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2892
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2893
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2894
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2895
- }
2896
-
2897
- 60% {
2898
- opacity: 1;
2899
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2900
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2901
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2902
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2903
- }
2904
- }
2905
-
2906
- @keyframes zoomInLeft {
2907
- from {
2908
- opacity: 0;
2909
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2910
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2911
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2912
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2913
- }
2914
-
2915
- 60% {
2916
- opacity: 1;
2917
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2918
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2919
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2920
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2921
- }
2922
- }
2923
-
2924
- .zoomInLeft {
2925
- -webkit-animation-name: zoomInLeft;
2926
- animation-name: zoomInLeft;
2927
- }
2928
-
2929
- @-webkit-keyframes zoomInRight {
2930
- from {
2931
- opacity: 0;
2932
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2933
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2934
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2935
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2936
- }
2937
-
2938
- 60% {
2939
- opacity: 1;
2940
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2941
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2942
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2943
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2944
- }
2945
- }
2946
-
2947
- @keyframes zoomInRight {
2948
- from {
2949
- opacity: 0;
2950
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2951
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2952
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2953
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2954
- }
2955
-
2956
- 60% {
2957
- opacity: 1;
2958
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2959
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2960
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2961
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2962
- }
2963
- }
2964
-
2965
- .zoomInRight {
2966
- -webkit-animation-name: zoomInRight;
2967
- animation-name: zoomInRight;
2968
- }
2969
-
2970
- @-webkit-keyframes zoomInUp {
2971
- from {
2972
- opacity: 0;
2973
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2974
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2975
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2976
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2977
- }
2978
-
2979
- 60% {
2980
- opacity: 1;
2981
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2982
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2983
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2984
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2985
- }
2986
- }
2987
-
2988
- @keyframes zoomInUp {
2989
- from {
2990
- opacity: 0;
2991
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2992
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2993
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2994
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2995
- }
2996
-
2997
- 60% {
2998
- opacity: 1;
2999
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3000
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3001
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3002
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3003
- }
3004
- }
3005
-
3006
- .zoomInUp {
3007
- -webkit-animation-name: zoomInUp;
3008
- animation-name: zoomInUp;
3009
- }
3010
-
3011
- @-webkit-keyframes zoomOut {
3012
- from {
3013
- opacity: 1;
3014
- }
3015
-
3016
- 50% {
3017
- opacity: 0;
3018
- -webkit-transform: scale3d(.3, .3, .3);
3019
- transform: scale3d(.3, .3, .3);
3020
- }
3021
-
3022
- to {
3023
- opacity: 0;
3024
- }
3025
- }
3026
-
3027
- @keyframes zoomOut {
3028
- from {
3029
- opacity: 1;
3030
- }
3031
-
3032
- 50% {
3033
- opacity: 0;
3034
- -webkit-transform: scale3d(.3, .3, .3);
3035
- transform: scale3d(.3, .3, .3);
3036
- }
3037
-
3038
- to {
3039
- opacity: 0;
3040
- }
3041
- }
3042
-
3043
- .zoomOut {
3044
- -webkit-animation-name: zoomOut;
3045
- animation-name: zoomOut;
3046
- }
3047
-
3048
- @-webkit-keyframes zoomOutDown {
3049
- 40% {
3050
- opacity: 1;
3051
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3052
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3053
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3054
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3055
- }
3056
-
3057
- to {
3058
- opacity: 0;
3059
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
3060
- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
3061
- -webkit-transform-origin: center bottom;
3062
- transform-origin: center bottom;
3063
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3064
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3065
- }
3066
- }
3067
-
3068
- @keyframes zoomOutDown {
3069
- 40% {
3070
- opacity: 1;
3071
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3072
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3073
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3074
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3075
- }
3076
-
3077
- to {
3078
- opacity: 0;
3079
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
3080
- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
3081
- -webkit-transform-origin: center bottom;
3082
- transform-origin: center bottom;
3083
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3084
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3085
- }
3086
- }
3087
-
3088
- .zoomOutDown {
3089
- -webkit-animation-name: zoomOutDown;
3090
- animation-name: zoomOutDown;
3091
- }
3092
-
3093
- @-webkit-keyframes zoomOutLeft {
3094
- 40% {
3095
- opacity: 1;
3096
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3097
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3098
- }
3099
-
3100
- to {
3101
- opacity: 0;
3102
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3103
- transform: scale(.1) translate3d(-2000px, 0, 0);
3104
- -webkit-transform-origin: left center;
3105
- transform-origin: left center;
3106
- }
3107
- }
3108
-
3109
- @keyframes zoomOutLeft {
3110
- 40% {
3111
- opacity: 1;
3112
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3113
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3114
- }
3115
-
3116
- to {
3117
- opacity: 0;
3118
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3119
- transform: scale(.1) translate3d(-2000px, 0, 0);
3120
- -webkit-transform-origin: left center;
3121
- transform-origin: left center;
3122
- }
3123
- }
3124
-
3125
- .zoomOutLeft {
3126
- -webkit-animation-name: zoomOutLeft;
3127
- animation-name: zoomOutLeft;
3128
- }
3129
-
3130
- @-webkit-keyframes zoomOutRight {
3131
- 40% {
3132
- opacity: 1;
3133
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3134
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3135
- }
3136
-
3137
- to {
3138
- opacity: 0;
3139
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3140
- transform: scale(.1) translate3d(2000px, 0, 0);
3141
- -webkit-transform-origin: right center;
3142
- transform-origin: right center;
3143
- }
3144
- }
3145
-
3146
- @keyframes zoomOutRight {
3147
- 40% {
3148
- opacity: 1;
3149
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3150
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3151
- }
3152
-
3153
- to {
3154
- opacity: 0;
3155
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3156
- transform: scale(.1) translate3d(2000px, 0, 0);
3157
- -webkit-transform-origin: right center;
3158
- transform-origin: right center;
3159
- }
3160
- }
3161
-
3162
- .zoomOutRight {
3163
- -webkit-animation-name: zoomOutRight;
3164
- animation-name: zoomOutRight;
3165
- }
3166
-
3167
- @-webkit-keyframes zoomOutUp {
3168
- 40% {
3169
- opacity: 1;
3170
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3171
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3172
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3173
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3174
- }
3175
-
3176
- to {
3177
- opacity: 0;
3178
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3179
- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3180
- -webkit-transform-origin: center bottom;
3181
- transform-origin: center bottom;
3182
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3183
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3184
- }
3185
- }
3186
-
3187
- @keyframes zoomOutUp {
3188
- 40% {
3189
- opacity: 1;
3190
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3191
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3192
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3193
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3194
- }
3195
-
3196
- to {
3197
- opacity: 0;
3198
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3199
- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3200
- -webkit-transform-origin: center bottom;
3201
- transform-origin: center bottom;
3202
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3203
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3204
- }
3205
- }
3206
-
3207
- .zoomOutUp {
3208
- -webkit-animation-name: zoomOutUp;
3209
- animation-name: zoomOutUp;
3210
- }
3211
-
3212
- @-webkit-keyframes slideInDown {
3213
- from {
3214
- -webkit-transform: translate3d(0, -100%, 0);
3215
- transform: translate3d(0, -100%, 0);
3216
- visibility: visible;
3217
- }
3218
-
3219
- to {
3220
- -webkit-transform: translate3d(0, 0, 0);
3221
- transform: translate3d(0, 0, 0);
3222
- }
3223
- }
3224
-
3225
- @keyframes slideInDown {
3226
- from {
3227
- -webkit-transform: translate3d(0, -100%, 0);
3228
- transform: translate3d(0, -100%, 0);
3229
- visibility: visible;
3230
- }
3231
-
3232
- to {
3233
- -webkit-transform: translate3d(0, 0, 0);
3234
- transform: translate3d(0, 0, 0);
3235
- }
3236
- }
3237
-
3238
- .slideInDown {
3239
- -webkit-animation-name: slideInDown;
3240
- animation-name: slideInDown;
3241
- }
3242
-
3243
- @-webkit-keyframes slideInLeft {
3244
- from {
3245
- -webkit-transform: translate3d(-100%, 0, 0);
3246
- transform: translate3d(-100%, 0, 0);
3247
- visibility: visible;
3248
- }
3249
-
3250
- to {
3251
- -webkit-transform: translate3d(0, 0, 0);
3252
- transform: translate3d(0, 0, 0);
3253
- }
3254
- }
3255
-
3256
- @keyframes slideInLeft {
3257
- from {
3258
- -webkit-transform: translate3d(-100%, 0, 0);
3259
- transform: translate3d(-100%, 0, 0);
3260
- visibility: visible;
3261
- }
3262
-
3263
- to {
3264
- -webkit-transform: translate3d(0, 0, 0);
3265
- transform: translate3d(0, 0, 0);
3266
- }
3267
- }
3268
-
3269
- .slideInLeft {
3270
- -webkit-animation-name: slideInLeft;
3271
- animation-name: slideInLeft;
3272
- }
3273
-
3274
- @-webkit-keyframes slideInRight {
3275
- from {
3276
- -webkit-transform: translate3d(100%, 0, 0);
3277
- transform: translate3d(100%, 0, 0);
3278
- visibility: visible;
3279
- }
3280
-
3281
- to {
3282
- -webkit-transform: translate3d(0, 0, 0);
3283
- transform: translate3d(0, 0, 0);
3284
- }
3285
- }
3286
-
3287
- @keyframes slideInRight {
3288
- from {
3289
- -webkit-transform: translate3d(100%, 0, 0);
3290
- transform: translate3d(100%, 0, 0);
3291
- visibility: visible;
3292
- }
3293
-
3294
- to {
3295
- -webkit-transform: translate3d(0, 0, 0);
3296
- transform: translate3d(0, 0, 0);
3297
- }
3298
- }
3299
-
3300
- .slideInRight {
3301
- -webkit-animation-name: slideInRight;
3302
- animation-name: slideInRight;
3303
- }
3304
-
3305
- @-webkit-keyframes slideInUp {
3306
- from {
3307
- -webkit-transform: translate3d(0, 100%, 0);
3308
- transform: translate3d(0, 100%, 0);
3309
- visibility: visible;
3310
- }
3311
-
3312
- to {
3313
- -webkit-transform: translate3d(0, 0, 0);
3314
- transform: translate3d(0, 0, 0);
3315
- }
3316
- }
3317
-
3318
- @keyframes slideInUp {
3319
- from {
3320
- -webkit-transform: translate3d(0, 100%, 0);
3321
- transform: translate3d(0, 100%, 0);
3322
- visibility: visible;
3323
- }
3324
-
3325
- to {
3326
- -webkit-transform: translate3d(0, 0, 0);
3327
- transform: translate3d(0, 0, 0);
3328
- }
3329
- }
3330
-
3331
- .slideInUp {
3332
- -webkit-animation-name: slideInUp;
3333
- animation-name: slideInUp;
3334
- }
3335
-
3336
- @-webkit-keyframes slideOutDown {
3337
- from {
3338
- -webkit-transform: translate3d(0, 0, 0);
3339
- transform: translate3d(0, 0, 0);
3340
- }
3341
-
3342
- to {
3343
- visibility: hidden;
3344
- -webkit-transform: translate3d(0, 100%, 0);
3345
- transform: translate3d(0, 100%, 0);
3346
- }
3347
- }
3348
-
3349
- @keyframes slideOutDown {
3350
- from {
3351
- -webkit-transform: translate3d(0, 0, 0);
3352
- transform: translate3d(0, 0, 0);
3353
- }
3354
-
3355
- to {
3356
- visibility: hidden;
3357
- -webkit-transform: translate3d(0, 100%, 0);
3358
- transform: translate3d(0, 100%, 0);
3359
- }
3360
- }
3361
-
3362
- .slideOutDown {
3363
- -webkit-animation-name: slideOutDown;
3364
- animation-name: slideOutDown;
3365
- }
3366
-
3367
- @-webkit-keyframes slideOutLeft {
3368
- from {
3369
- -webkit-transform: translate3d(0, 0, 0);
3370
- transform: translate3d(0, 0, 0);
3371
- }
3372
-
3373
- to {
3374
- visibility: hidden;
3375
- -webkit-transform: translate3d(-100%, 0, 0);
3376
- transform: translate3d(-100%, 0, 0);
3377
- }
3378
- }
3379
-
3380
- @keyframes slideOutLeft {
3381
- from {
3382
- -webkit-transform: translate3d(0, 0, 0);
3383
- transform: translate3d(0, 0, 0);
3384
- }
3385
-
3386
- to {
3387
- visibility: hidden;
3388
- -webkit-transform: translate3d(-100%, 0, 0);
3389
- transform: translate3d(-100%, 0, 0);
3390
- }
3391
- }
3392
-
3393
- .slideOutLeft {
3394
- -webkit-animation-name: slideOutLeft;
3395
- animation-name: slideOutLeft;
3396
- }
3397
-
3398
- @-webkit-keyframes slideOutRight {
3399
- from {
3400
- -webkit-transform: translate3d(0, 0, 0);
3401
- transform: translate3d(0, 0, 0);
3402
- }
3403
-
3404
- to {
3405
- visibility: hidden;
3406
- -webkit-transform: translate3d(100%, 0, 0);
3407
- transform: translate3d(100%, 0, 0);
3408
- }
3409
- }
3410
-
3411
- @keyframes slideOutRight {
3412
- from {
3413
- -webkit-transform: translate3d(0, 0, 0);
3414
- transform: translate3d(0, 0, 0);
3415
- }
3416
-
3417
- to {
3418
- visibility: hidden;
3419
- -webkit-transform: translate3d(100%, 0, 0);
3420
- transform: translate3d(100%, 0, 0);
3421
- }
3422
- }
3423
-
3424
- .slideOutRight {
3425
- -webkit-animation-name: slideOutRight;
3426
- animation-name: slideOutRight;
3427
- }
3428
-
3429
- @-webkit-keyframes slideOutUp {
3430
- from {
3431
- -webkit-transform: translate3d(0, 0, 0);
3432
- transform: translate3d(0, 0, 0);
3433
- }
3434
-
3435
- to {
3436
- visibility: hidden;
3437
- -webkit-transform: translate3d(0, -100%, 0);
3438
- transform: translate3d(0, -100%, 0);
3439
- }
3440
- }
3441
-
3442
- @keyframes slideOutUp {
3443
- from {
3444
- -webkit-transform: translate3d(0, 0, 0);
3445
- transform: translate3d(0, 0, 0);
3446
- }
3447
-
3448
- to {
3449
- visibility: hidden;
3450
- -webkit-transform: translate3d(0, -100%, 0);
3451
- transform: translate3d(0, -100%, 0);
3452
- }
3453
- }
3454
-
3455
- .slideOutUp {
3456
- -webkit-animation-name: slideOutUp;
3457
- animation-name: slideOutUp;
3458
- }