Animate It! - Version 2.1.9

Version Description

Download this release

Release Info

Developer eleopard
Plugin Icon 128x128 Animate It!
Version 2.1.9
Comparing to
See all releases

Code changes from version 2.1.8 to 2.1.9

Files changed (5) hide show
  1. assets/css/animate-animo.css +4487 -4482
  2. assets/js/edsanimate.site.js +151 -151
  3. assets/js/viewportchecker.js +55 -50
  4. edsanimate.php +522 -522
  5. readme.txt +4 -1
assets/css/animate-animo.css CHANGED
@@ -1,4482 +1,4487 @@
1
- @charset "UTF-8";
2
- /*
3
- Animate.css - http://daneden.me/animate
4
- Licensed under the MIT license
5
-
6
- Copyright (c) 2013 Daniel Eden
7
-
8
- Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
9
-
10
- The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
11
-
12
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
13
- */
14
-
15
- .eds-animate {
16
- overflow: hidden;
17
- }
18
-
19
- .eds-scroll-hidden, .edsanimate-sis-hidden {
20
- opacity:0;
21
- }
22
-
23
- .eds-scroll-visible {
24
- opacity:1;
25
- }
26
-
27
- .animated {
28
- -webkit-animation-duration: 1s;
29
- -moz-animation-duration: 1s;
30
- -ms-animation-duration: 1s;
31
- -o-animation-duration: 1s;
32
- }
33
-
34
- /*Delay classes*/
35
- .delay1 {
36
- -webkit-animation-delay: .5s;
37
- -moz-animation-delay: .5s;
38
- -ms-animation-delay: .5s;
39
- -o-animation-delay: .5s;
40
- }
41
-
42
- .delay2 {
43
- -webkit-animation-delay: 1s;
44
- -moz-animation-delay: 1s;
45
- -ms-animation-delay: 1s;
46
- -o-animation-delay: 1s;
47
- }
48
-
49
- .delay3 {
50
- -webkit-animation-delay: 1.5s;
51
- -moz-animation-delay: 1.5s;
52
- -ms-animation-delay: 1.5s;
53
- -o-animation-delay: 1.5s;
54
- }
55
-
56
- .delay4 {
57
- -webkit-animation-delay: 2s;
58
- -moz-animation-delay: 2s;
59
- -ms-animation-delay: 2s;
60
- -o-animation-delay: 2s;
61
- }
62
-
63
- .delay5 {
64
- -webkit-animation-delay: 2.5s;
65
- -moz-animation-delay: 2.5s;
66
- -ms-animation-delay: 2.5s;
67
- -o-animation-delay: 2.5s;
68
- }
69
-
70
- .delay6 {
71
- -webkit-animation-delay: 3s;
72
- -moz-animation-delay: 3s;
73
- -ms-animation-delay: 3s;
74
- -o-animation-delay: 3s;
75
- }
76
-
77
- .delay7 {
78
- -webkit-animation-delay: 3.5s;
79
- -moz-animation-delay: 3.5s;
80
- -ms-animation-delay: 3.5s;
81
- -o-animation-delay: 3.5s;
82
- }
83
-
84
- .delay8 {
85
- -webkit-animation-delay: 4s;
86
- -moz-animation-delay: 4s;
87
- -ms-animation-delay: 4s;
88
- -o-animation-delay: 4s;
89
- }
90
-
91
- .delay9 {
92
- -webkit-animation-delay: 4.5s;
93
- -moz-animation-delay: 4.5s;
94
- -ms-animation-delay: 4.5s;
95
- -o-animation-delay: 4.5s;
96
- }
97
-
98
- .delay10 {
99
- -webkit-animation-delay: 5s;
100
- -moz-animation-delay: 5s;
101
- -ms-animation-delay: 5s;
102
- -o-animation-delay: 5s;
103
- }
104
-
105
- .delay11 {
106
- -webkit-animation-delay: 5.5s;
107
- -moz-animation-delay: 5.5s;
108
- -ms-animation-delay: 5.5s;
109
- -o-animation-delay: 5.5s;
110
- }
111
-
112
- .delay12 {
113
- -webkit-animation-delay: 6s;
114
- -moz-animation-delay: 6s;
115
- -ms-animation-delay: 6s;
116
- -o-animation-delay: 6s;
117
- }
118
-
119
- /*Duration Classes*/
120
- .duration1 {
121
- -webkit-animation-duration: .5s !important;
122
- -moz-animation-duration: .5s !important;
123
- -ms-animation-duration: .5s !important;
124
- -o-animation-duration: .5s !important;
125
- }
126
-
127
- .duration2 {
128
- -webkit-animation-duration: 1s !important;
129
- -moz-animation-duration: 1s !important;
130
- -ms-animation-duration: 1s !important;
131
- -o-animation-duration: 1s !important;
132
- }
133
-
134
- .duration3 {
135
- -webkit-animation-duration: 1.5s !important;
136
- -moz-animation-duration: 1.5s !important;
137
- -ms-animation-duration: 1.5s !important;
138
- -o-animation-duration: 1.5s !important;
139
- }
140
-
141
- .duration4 {
142
- -webkit-animation-duration: 2s !important;
143
- -moz-animation-duration: 2s !important;
144
- -ms-animation-duration: 2s !important;
145
- -o-animation-duration: 2s !important;
146
- }
147
-
148
- .duration5 {
149
- -webkit-animation-duration: 2.5s !important;
150
- -moz-animation-duration: 2.5s !important;
151
- -ms-animation-duration: 2.5s !important;
152
- -o-animation-duration: 2.5s !important;
153
- }
154
-
155
- .duration6 {
156
- -webkit-animation-duration: 3s !important;
157
- -moz-animation-duration: 3s !important;
158
- -ms-animation-duration: 3s !important;
159
- -o-animation-duration: 3s !important;
160
- }
161
-
162
- .duration7 {
163
- -webkit-animation-duration: 3.5s !important;
164
- -moz-animation-duration: 3.5s !important;
165
- -ms-animation-duration: 3.5s !important;
166
- -o-animation-duration: 3.5s !important;
167
- }
168
-
169
- .duration8 {
170
- -webkit-animation-duration: 4s !important;
171
- -moz-animation-duration: 4s !important;
172
- -ms-animation-duration: 4s !important;
173
- -o-animation-duration: 4s !important;
174
- }
175
-
176
- .duration9 {
177
- -webkit-animation-duration: 4.5s !important;
178
- -moz-animation-duration: 4.5s !important;
179
- -ms-animation-duration: 4.5s !important;
180
- -o-animation-duration: 4.5s !important;
181
- }
182
-
183
- .duration10 {
184
- -webkit-animation-duration: 5s !important;
185
- -moz-animation-duration: 5s !important;
186
- -ms-animation-duration: 5s !important;
187
- -o-animation-duration: 5s !important;
188
- }
189
-
190
- .duration11 {
191
- -webkit-animation-duration: 5.5s !important;
192
- -moz-animation-duration: 5.5s !important;
193
- -ms-animation-duration: 5.5s !important;
194
- -o-animation-duration: 5.5s !important;
195
- }
196
-
197
- .duration12 {
198
- -webkit-animation-duration: 6s !important;
199
- -moz-animation-duration: 6s !important;
200
- -ms-animation-duration: 6s !important;
201
- -o-animation-duration: 6s !important;
202
- }
203
-
204
- .duration13 {
205
- -webkit-animation-duration: 6.5s !important;
206
- -moz-animation-duration: 6.5s !important;
207
- -ms-animation-duration: 6.5s !important;
208
- -o-animation-duration: 6.5s !important;
209
- }
210
-
211
- .duration14 {
212
- -webkit-animation-duration: 7s !important;
213
- -moz-animation-duration: 7s !important;
214
- -ms-animation-duration: 7s !important;
215
- -o-animation-duration: 7s !important;
216
- }
217
-
218
- .duration15 {
219
- -webkit-animation-duration: 7.5s !important;
220
- -moz-animation-duration: 7.5s !important;
221
- -ms-animation-duration: 7.5s !important;
222
- -o-animation-duration: 7.5s !important;
223
- }
224
-
225
- .duration16 {
226
- -webkit-animation-duration: 8s !important;
227
- -moz-animation-duration: 8s !important;
228
- -ms-animation-duration: 8s !important;
229
- -o-animation-duration: 8s !important;
230
- }
231
-
232
- .duration17 {
233
- -webkit-animation-duration: 8.5s !important;
234
- -moz-animation-duration: 8.5s !important;
235
- -ms-animation-duration: 8.5s !important;
236
- -o-animation-duration: 8.5s !important;
237
- }
238
-
239
- .duration18 {
240
- -webkit-animation-duration: 9s !important;
241
- -moz-animation-duration: 9s !important;
242
- -ms-animation-duration: 9s !important;
243
- -o-animation-duration: 9s !important;
244
- }
245
-
246
- .duration19 {
247
- -webkit-animation-duration: 9.5s !important;
248
- -moz-animation-duration: 9.5s !important;
249
- -ms-animation-duration: 9.5s !important;
250
- -o-animation-duration: 9.5s !important;
251
- }
252
-
253
- .duration20 {
254
- -webkit-animation-duration: 10s !important;
255
- -moz-animation-duration: 10s !important;
256
- -ms-animation-duration: 10s !important;
257
- -o-animation-duration: 10s !important;
258
- }
259
-
260
- .animated {
261
- /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
262
- backface-visibility: hidden;
263
- -o-backface-visibility: hidden;
264
- -moz-backface-visibility: hidden;
265
- -webkit-backface-visibility: hidden;
266
-
267
- animation-fill-mode: both;
268
- transform: translate3d(0, 0, 0);
269
- perspective: 1000;
270
-
271
- -o-animation-fill-mode: both;
272
- -o-transform: translate3d(0, 0, 0);
273
- -o-perspective: 1000;
274
-
275
- -moz-animation-fill-mode: both;
276
- -moz-transform: translate3d(0, 0, 0);
277
- -moz-perspective: 1000;
278
-
279
- -webkit-animation-fill-mode: both;
280
- -webkit-transform: translate3d(0, 0, 0);
281
- -webkit-perspective: 1000;
282
- }
283
-
284
- .animated.infinite {
285
- -webkit-animation-iteration-count: infinite;
286
- animation-iteration-count: infinite;
287
- }
288
-
289
- @-webkit-keyframes flash {
290
- 0%, 50%, 100% {opacity: 1;}
291
- 25%, 75% {opacity: 0;}
292
- }
293
-
294
- @-moz-keyframes flash {
295
- 0%, 50%, 100% {opacity: 1;}
296
- 25%, 75% {opacity: 0;}
297
- }
298
-
299
- @-o-keyframes flash {
300
- 0%, 50%, 100% {opacity: 1;}
301
- 25%, 75% {opacity: 0;}
302
- }
303
-
304
- @keyframes flash {
305
- 0%, 50%, 100% {opacity: 1;}
306
- 25%, 75% {opacity: 0;}
307
- }
308
-
309
- .animated.flash {
310
- -webkit-animation-name: flash;
311
- -moz-animation-name: flash;
312
- -o-animation-name: flash;
313
- animation-name: flash;
314
- }
315
- @-webkit-keyframes shake {
316
- 0%, 100% {-webkit-transform: translateX(0);}
317
- 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
318
- 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
319
- }
320
-
321
- @-moz-keyframes shake {
322
- 0%, 100% {-moz-transform: translateX(0);}
323
- 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
324
- 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
325
- }
326
-
327
- @-o-keyframes shake {
328
- 0%, 100% {-o-transform: translateX(0);}
329
- 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
330
- 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
331
- }
332
-
333
- @keyframes shake {
334
- 0%, 100% {transform: translateX(0);}
335
- 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
336
- 20%, 40%, 60%, 80% {transform: translateX(10px);}
337
- }
338
-
339
- .animated.shake {
340
- -webkit-animation-name: shake;
341
- -moz-animation-name: shake;
342
- -o-animation-name: shake;
343
- animation-name: shake;
344
- }
345
- @-webkit-keyframes bounce {
346
- 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
347
- 40% {-webkit-transform: translateY(-30px);}
348
- 60% {-webkit-transform: translateY(-15px);}
349
- }
350
-
351
- @-moz-keyframes bounce {
352
- 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
353
- 40% {-moz-transform: translateY(-30px);}
354
- 60% {-moz-transform: translateY(-15px);}
355
- }
356
-
357
- @-o-keyframes bounce {
358
- 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
359
- 40% {-o-transform: translateY(-30px);}
360
- 60% {-o-transform: translateY(-15px);}
361
- }
362
- @keyframes bounce {
363
- 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
364
- 40% {transform: translateY(-30px);}
365
- 60% {transform: translateY(-15px);}
366
- }
367
-
368
- .animated.bounce {
369
- -webkit-animation-name: bounce;
370
- -moz-animation-name: bounce;
371
- -o-animation-name: bounce;
372
- animation-name: bounce;
373
- }
374
- @-webkit-keyframes tada {
375
- 0% {-webkit-transform: scale(1);}
376
- 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
377
- 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
378
- 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
379
- 100% {-webkit-transform: scale(1) rotate(0);}
380
- }
381
-
382
- @-moz-keyframes tada {
383
- 0% {-moz-transform: scale(1);}
384
- 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
385
- 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
386
- 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
387
- 100% {-moz-transform: scale(1) rotate(0);}
388
- }
389
-
390
- @-o-keyframes tada {
391
- 0% {-o-transform: scale(1);}
392
- 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
393
- 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
394
- 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
395
- 100% {-o-transform: scale(1) rotate(0);}
396
- }
397
-
398
- @keyframes tada {
399
- 0% {transform: scale(1);}
400
- 10%, 20% {transform: scale(0.9) rotate(-3deg);}
401
- 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
402
- 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
403
- 100% {transform: scale(1) rotate(0);}
404
- }
405
-
406
- .animated.tada {
407
- -webkit-animation-name: tada;
408
- -moz-animation-name: tada;
409
- -o-animation-name: tada;
410
- animation-name: tada;
411
- }
412
- @-webkit-keyframes swing {
413
- 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
414
- 20% { -webkit-transform: rotate(15deg); }
415
- 40% { -webkit-transform: rotate(-10deg); }
416
- 60% { -webkit-transform: rotate(5deg); }
417
- 80% { -webkit-transform: rotate(-5deg); }
418
- 100% { -webkit-transform: rotate(0deg); }
419
- }
420
-
421
- @-moz-keyframes swing {
422
- 20% { -moz-transform: rotate(15deg); }
423
- 40% { -moz-transform: rotate(-10deg); }
424
- 60% { -moz-transform: rotate(5deg); }
425
- 80% { -moz-transform: rotate(-5deg); }
426
- 100% { -moz-transform: rotate(0deg); }
427
- }
428
-
429
- @-o-keyframes swing {
430
- 20% { -o-transform: rotate(15deg); }
431
- 40% { -o-transform: rotate(-10deg); }
432
- 60% { -o-transform: rotate(5deg); }
433
- 80% { -o-transform: rotate(-5deg); }
434
- 100% { -o-transform: rotate(0deg); }
435
- }
436
-
437
- @keyframes swing {
438
- 20% { transform: rotate(15deg); }
439
- 40% { transform: rotate(-10deg); }
440
- 60% { transform: rotate(5deg); }
441
- 80% { transform: rotate(-5deg); }
442
- 100% { transform: rotate(0deg); }
443
- }
444
-
445
- .animated.swing {
446
- -webkit-transform-origin: top center;
447
- -moz-transform-origin: top center;
448
- -o-transform-origin: top center;
449
- transform-origin: top center;
450
- -webkit-animation-name: swing;
451
- -moz-animation-name: swing;
452
- -o-animation-name: swing;
453
- animation-name: swing;
454
- }
455
-
456
- @-webkit-keyframes rubberBand {
457
- 0% {
458
- -webkit-transform: scale3d(1, 1, 1);
459
- transform: scale3d(1, 1, 1);
460
- }
461
-
462
- 30% {
463
- -webkit-transform: scale3d(1.25, 0.75, 1);
464
- transform: scale3d(1.25, 0.75, 1);
465
- }
466
-
467
- 40% {
468
- -webkit-transform: scale3d(0.75, 1.25, 1);
469
- transform: scale3d(0.75, 1.25, 1);
470
- }
471
-
472
- 50% {
473
- -webkit-transform: scale3d(1.15, 0.85, 1);
474
- transform: scale3d(1.15, 0.85, 1);
475
- }
476
-
477
- 65% {
478
- -webkit-transform: scale3d(.95, 1.05, 1);
479
- transform: scale3d(.95, 1.05, 1);
480
- }
481
-
482
- 75% {
483
- -webkit-transform: scale3d(1.05, .95, 1);
484
- transform: scale3d(1.05, .95, 1);
485
- }
486
-
487
- 100% {
488
- -webkit-transform: scale3d(1, 1, 1);
489
- transform: scale3d(1, 1, 1);
490
- }
491
- }
492
-
493
- @keyframes rubberBand {
494
- 0% {
495
- -webkit-transform: scale3d(1, 1, 1);
496
- transform: scale3d(1, 1, 1);
497
- }
498
-
499
- 30% {
500
- -webkit-transform: scale3d(1.25, 0.75, 1);
501
- transform: scale3d(1.25, 0.75, 1);
502
- }
503
-
504
- 40% {
505
- -webkit-transform: scale3d(0.75, 1.25, 1);
506
- transform: scale3d(0.75, 1.25, 1);
507
- }
508
-
509
- 50% {
510
- -webkit-transform: scale3d(1.15, 0.85, 1);
511
- transform: scale3d(1.15, 0.85, 1);
512
- }
513
-
514
- 65% {
515
- -webkit-transform: scale3d(.95, 1.05, 1);
516
- transform: scale3d(.95, 1.05, 1);
517
- }
518
-
519
- 75% {
520
- -webkit-transform: scale3d(1.05, .95, 1);
521
- transform: scale3d(1.05, .95, 1);
522
- }
523
-
524
- 100% {
525
- -webkit-transform: scale3d(1, 1, 1);
526
- transform: scale3d(1, 1, 1);
527
- }
528
- }
529
-
530
- .animated.rubberBand {
531
- -webkit-animation-name: rubberBand;
532
- animation-name: rubberBand;
533
- }
534
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
535
-
536
- @-webkit-keyframes wobble {
537
- 0% { -webkit-transform: translateX(0%); }
538
- 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
539
- 30% { -webkit-transform: translateX(20%) rotate(3deg); }
540
- 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
541
- 60% { -webkit-transform: translateX(10%) rotate(2deg); }
542
- 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
543
- 100% { -webkit-transform: translateX(0%); }
544
- }
545
-
546
- @-moz-keyframes wobble {
547
- 0% { -moz-transform: translateX(0%); }
548
- 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
549
- 30% { -moz-transform: translateX(20%) rotate(3deg); }
550
- 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
551
- 60% { -moz-transform: translateX(10%) rotate(2deg); }
552
- 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
553
- 100% { -moz-transform: translateX(0%); }
554
- }
555
-
556
- @-o-keyframes wobble {
557
- 0% { -o-transform: translateX(0%); }
558
- 15% { -o-transform: translateX(-25%) rotate(-5deg); }
559
- 30% { -o-transform: translateX(20%) rotate(3deg); }
560
- 45% { -o-transform: translateX(-15%) rotate(-3deg); }
561
- 60% { -o-transform: translateX(10%) rotate(2deg); }
562
- 75% { -o-transform: translateX(-5%) rotate(-1deg); }
563
- 100% { -o-transform: translateX(0%); }
564
- }
565
-
566
- @keyframes wobble {
567
- 0% { transform: translateX(0%); }
568
- 15% { transform: translateX(-25%) rotate(-5deg); }
569
- 30% { transform: translateX(20%) rotate(3deg); }
570
- 45% { transform: translateX(-15%) rotate(-3deg); }
571
- 60% { transform: translateX(10%) rotate(2deg); }
572
- 75% { transform: translateX(-5%) rotate(-1deg); }
573
- 100% { transform: translateX(0%); }
574
- }
575
-
576
- .animated.wobble {
577
- -webkit-animation-name: wobble;
578
- -moz-animation-name: wobble;
579
- -o-animation-name: wobble;
580
- animation-name: wobble;
581
- }
582
-
583
- @-webkit-keyframes jello {
584
- 0%, 11.1%, 100% {
585
- -webkit-transform: none;
586
- transform: none;
587
- }
588
-
589
- 22.2% {
590
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
591
- transform: skewX(-12.5deg) skewY(-12.5deg);
592
- }
593
-
594
- 33.3% {
595
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
596
- transform: skewX(6.25deg) skewY(6.25deg);
597
- }
598
-
599
- 44.4% {
600
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
601
- transform: skewX(-3.125deg) skewY(-3.125deg);
602
- }
603
-
604
- 55.5% {
605
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
606
- transform: skewX(1.5625deg) skewY(1.5625deg);
607
- }
608
-
609
- 66.6% {
610
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
611
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
612
- }
613
-
614
- 77.7% {
615
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
616
- transform: skewX(0.390625deg) skewY(0.390625deg);
617
- }
618
-
619
- 88.8% {
620
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
621
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
622
- }
623
- }
624
-
625
- @keyframes jello {
626
- 0%, 11.1%, 100% {
627
- -webkit-transform: none;
628
- transform: none;
629
- }
630
-
631
- 22.2% {
632
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
633
- transform: skewX(-12.5deg) skewY(-12.5deg);
634
- }
635
-
636
- 33.3% {
637
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
638
- transform: skewX(6.25deg) skewY(6.25deg);
639
- }
640
-
641
- 44.4% {
642
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
643
- transform: skewX(-3.125deg) skewY(-3.125deg);
644
- }
645
-
646
- 55.5% {
647
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
648
- transform: skewX(1.5625deg) skewY(1.5625deg);
649
- }
650
-
651
- 66.6% {
652
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
653
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
654
- }
655
-
656
- 77.7% {
657
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
658
- transform: skewX(0.390625deg) skewY(0.390625deg);
659
- }
660
-
661
- 88.8% {
662
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
663
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
664
- }
665
- }
666
-
667
- .animated.jello {
668
- -webkit-animation-name: jello;
669
- animation-name: jello;
670
- -webkit-transform-origin: center;
671
- transform-origin: center;
672
- }
673
-
674
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
675
-
676
- @-webkit-keyframes pulse {
677
- 0% { -webkit-transform: scale(1); }
678
- 50% { -webkit-transform: scale(1.1); }
679
- 100% { -webkit-transform: scale(1); }
680
- }
681
- @-moz-keyframes pulse {
682
- 0% { -moz-transform: scale(1); }
683
- 50% { -moz-transform: scale(1.1); }
684
- 100% { -moz-transform: scale(1); }
685
- }
686
- @-o-keyframes pulse {
687
- 0% { -o-transform: scale(1); }
688
- 50% { -o-transform: scale(1.1); }
689
- 100% { -o-transform: scale(1); }
690
- }
691
- @keyframes pulse {
692
- 0% { transform: scale(1); }
693
- 50% { transform: scale(1.1); }
694
- 100% { transform: scale(1); }
695
- }
696
-
697
- .animated.pulse {
698
- -webkit-animation-name: pulse;
699
- -moz-animation-name: pulse;
700
- -o-animation-name: pulse;
701
- animation-name: pulse;
702
- }
703
- @-webkit-keyframes flip {
704
- 0% {
705
- -webkit-transform: perspective(400px) rotateY(0);
706
- -webkit-animation-timing-function: ease-out;
707
- }
708
- 40% {
709
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
710
- -webkit-animation-timing-function: ease-out;
711
- }
712
- 50% {
713
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
714
- -webkit-animation-timing-function: ease-in;
715
- }
716
- 80% {
717
- -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
718
- -webkit-animation-timing-function: ease-in;
719
- }
720
- 100% {
721
- -webkit-transform: perspective(400px) scale(1);
722
- -webkit-animation-timing-function: ease-in;
723
- }
724
- }
725
- @-moz-keyframes flip {
726
- 0% {
727
- -moz-transform: perspective(400px) rotateY(0);
728
- -moz-animation-timing-function: ease-out;
729
- }
730
- 40% {
731
- -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
732
- -moz-animation-timing-function: ease-out;
733
- }
734
- 50% {
735
- -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
736
- -moz-animation-timing-function: ease-in;
737
- }
738
- 80% {
739
- -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
740
- -moz-animation-timing-function: ease-in;
741
- }
742
- 100% {
743
- -moz-transform: perspective(400px) scale(1);
744
- -moz-animation-timing-function: ease-in;
745
- }
746
- }
747
- @-o-keyframes flip {
748
- 0% {
749
- -o-transform: perspective(400px) rotateY(0);
750
- -o-animation-timing-function: ease-out;
751
- }
752
- 40% {
753
- -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
754
- -o-animation-timing-function: ease-out;
755
- }
756
- 50% {
757
- -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
758
- -o-animation-timing-function: ease-in;
759
- }
760
- 80% {
761
- -o-transform: perspective(400px) rotateY(360deg) scale(.95);
762
- -o-animation-timing-function: ease-in;
763
- }
764
- 100% {
765
- -o-transform: perspective(400px) scale(1);
766
- -o-animation-timing-function: ease-in;
767
- }
768
- }
769
- @keyframes flip {
770
- 0% {
771
- transform: perspective(400px) rotateY(0);
772
- animation-timing-function: ease-out;
773
- }
774
- 40% {
775
- transform: perspective(400px) translateZ(150px) rotateY(170deg);
776
- animation-timing-function: ease-out;
777
- }
778
- 50% {
779
- transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
780
- animation-timing-function: ease-in;
781
- }
782
- 80% {
783
- transform: perspective(400px) rotateY(360deg) scale(.95);
784
- animation-timing-function: ease-in;
785
- }
786
- 100% {
787
- transform: perspective(400px) scale(1);
788
- animation-timing-function: ease-in;
789
- }
790
- }
791
-
792
- .animated.flip {
793
- -webkit-backface-visibility: visible !important;
794
- -webkit-animation-name: flip;
795
- -moz-backface-visibility: visible !important;
796
- -moz-animation-name: flip;
797
- -o-backface-visibility: visible !important;
798
- -o-animation-name: flip;
799
- backface-visibility: visible !important;
800
- animation-name: flip;
801
- }
802
- @-webkit-keyframes flipInX {
803
- 0% {
804
- -webkit-transform: perspective(400px) rotateX(90deg);
805
- opacity: 0;
806
- }
807
-
808
- 40% {
809
- -webkit-transform: perspective(400px) rotateX(-10deg);
810
- }
811
-
812
- 70% {
813
- -webkit-transform: perspective(400px) rotateX(10deg);
814
- }
815
-
816
- 100% {
817
- -webkit-transform: perspective(400px) rotateX(0deg);
818
- opacity: 1;
819
- }
820
- }
821
- @-moz-keyframes flipInX {
822
- 0% {
823
- -moz-transform: perspective(400px) rotateX(90deg);
824
- opacity: 0;
825
- }
826
-
827
- 40% {
828
- -moz-transform: perspective(400px) rotateX(-10deg);
829
- }
830
-
831
- 70% {
832
- -moz-transform: perspective(400px) rotateX(10deg);
833
- }
834
-
835
- 100% {
836
- -moz-transform: perspective(400px) rotateX(0deg);
837
- opacity: 1;
838
- }
839
- }
840
- @-o-keyframes flipInX {
841
- 0% {
842
- -o-transform: perspective(400px) rotateX(90deg);
843
- opacity: 0;
844
- }
845
-
846
- 40% {
847
- -o-transform: perspective(400px) rotateX(-10deg);
848
- }
849
-
850
- 70% {
851
- -o-transform: perspective(400px) rotateX(10deg);
852
- }
853
-
854
- 100% {
855
- -o-transform: perspective(400px) rotateX(0deg);
856
- opacity: 1;
857
- }
858
- }
859
- @keyframes flipInX {
860
- 0% {
861
- transform: perspective(400px) rotateX(90deg);
862
- opacity: 0;
863
- }
864
-
865
- 40% {
866
- transform: perspective(400px) rotateX(-10deg);
867
- }
868
-
869
- 70% {
870
- transform: perspective(400px) rotateX(10deg);
871
- }
872
-
873
- 100% {
874
- transform: perspective(400px) rotateX(0deg);
875
- opacity: 1;
876
- }
877
- }
878
-
879
- .animated.flipInX {
880
- -webkit-backface-visibility: visible !important;
881
- -webkit-animation-name: flipInX;
882
- -moz-backface-visibility: visible !important;
883
- -moz-animation-name: flipInX;
884
- -o-backface-visibility: visible !important;
885
- -o-animation-name: flipInX;
886
- backface-visibility: visible !important;
887
- animation-name: flipInX;
888
- }
889
- @-webkit-keyframes flipOutX {
890
- 0% {
891
- -webkit-transform: perspective(400px) rotateX(0deg);
892
- opacity: 1;
893
- }
894
- 100% {
895
- -webkit-transform: perspective(400px) rotateX(90deg);
896
- opacity: 0;
897
- }
898
- }
899
-
900
- @-moz-keyframes flipOutX {
901
- 0% {
902
- -moz-transform: perspective(400px) rotateX(0deg);
903
- opacity: 1;
904
- }
905
- 100% {
906
- -moz-transform: perspective(400px) rotateX(90deg);
907
- opacity: 0;
908
- }
909
- }
910
-
911
- @-o-keyframes flipOutX {
912
- 0% {
913
- -o-transform: perspective(400px) rotateX(0deg);
914
- opacity: 1;
915
- }
916
- 100% {
917
- -o-transform: perspective(400px) rotateX(90deg);
918
- opacity: 0;
919
- }
920
- }
921
-
922
- @keyframes flipOutX {
923
- 0% {
924
- transform: perspective(400px) rotateX(0deg);
925
- opacity: 1;
926
- }
927
- 100% {
928
- transform: perspective(400px) rotateX(90deg);
929
- opacity: 0;
930
- }
931
- }
932
-
933
- .animated.flipOutX {
934
- -webkit-animation-name: flipOutX;
935
- -webkit-backface-visibility: visible !important;
936
- -moz-animation-name: flipOutX;
937
- -moz-backface-visibility: visible !important;
938
- -o-animation-name: flipOutX;
939
- -o-backface-visibility: visible !important;
940
- animation-name: flipOutX;
941
- backface-visibility: visible !important;
942
- }
943
- @-webkit-keyframes flipInY {
944
- 0% {
945
- -webkit-transform: perspective(400px) rotateY(90deg);
946
- opacity: 0;
947
- }
948
-
949
- 40% {
950
- -webkit-transform: perspective(400px) rotateY(-10deg);
951
- }
952
-
953
- 70% {
954
- -webkit-transform: perspective(400px) rotateY(10deg);
955
- }
956
-
957
- 100% {
958
- -webkit-transform: perspective(400px) rotateY(0deg);
959
- opacity: 1;
960
- }
961
- }
962
- @-moz-keyframes flipInY {
963
- 0% {
964
- -moz-transform: perspective(400px) rotateY(90deg);
965
- opacity: 0;
966
- }
967
-
968
- 40% {
969
- -moz-transform: perspective(400px) rotateY(-10deg);
970
- }
971
-
972
- 70% {
973
- -moz-transform: perspective(400px) rotateY(10deg);
974
- }
975
-
976
- 100% {
977
- -moz-transform: perspective(400px) rotateY(0deg);
978
- opacity: 1;
979
- }
980
- }
981
- @-o-keyframes flipInY {
982
- 0% {
983
- -o-transform: perspective(400px) rotateY(90deg);
984
- opacity: 0;
985
- }
986
-
987
- 40% {
988
- -o-transform: perspective(400px) rotateY(-10deg);
989
- }
990
-
991
- 70% {
992
- -o-transform: perspective(400px) rotateY(10deg);
993
- }
994
-
995
- 100% {
996
- -o-transform: perspective(400px) rotateY(0deg);
997
- opacity: 1;
998
- }
999
- }
1000
- @keyframes flipInY {
1001
- 0% {
1002
- transform: perspective(400px) rotateY(90deg);
1003
- opacity: 0;
1004
- }
1005
-
1006
- 40% {
1007
- transform: perspective(400px) rotateY(-10deg);
1008
- }
1009
-
1010
- 70% {
1011
- transform: perspective(400px) rotateY(10deg);
1012
- }
1013
-
1014
- 100% {
1015
- transform: perspective(400px) rotateY(0deg);
1016
- opacity: 1;
1017
- }
1018
- }
1019
-
1020
- .animated.flipInY {
1021
- -webkit-backface-visibility: visible !important;
1022
- -webkit-animation-name: flipInY;
1023
- -moz-backface-visibility: visible !important;
1024
- -moz-animation-name: flipInY;
1025
- -o-backface-visibility: visible !important;
1026
- -o-animation-name: flipInY;
1027
- backface-visibility: visible !important;
1028
- animation-name: flipInY;
1029
- }
1030
- @-webkit-keyframes flipOutY {
1031
- 0% {
1032
- -webkit-transform: perspective(400px) rotateY(0deg);
1033
- opacity: 1;
1034
- }
1035
- 100% {
1036
- -webkit-transform: perspective(400px) rotateY(90deg);
1037
- opacity: 0;
1038
- }
1039
- }
1040
- @-moz-keyframes flipOutY {
1041
- 0% {
1042
- -moz-transform: perspective(400px) rotateY(0deg);
1043
- opacity: 1;
1044
- }
1045
- 100% {
1046
- -moz-transform: perspective(400px) rotateY(90deg);
1047
- opacity: 0;
1048
- }
1049
- }
1050
- @-o-keyframes flipOutY {
1051
- 0% {
1052
- -o-transform: perspective(400px) rotateY(0deg);
1053
- opacity: 1;
1054
- }
1055
- 100% {
1056
- -o-transform: perspective(400px) rotateY(90deg);
1057
- opacity: 0;
1058
- }
1059
- }
1060
- @keyframes flipOutY {
1061
- 0% {
1062
- transform: perspective(400px) rotateY(0deg);
1063
- opacity: 1;
1064
- }
1065
- 100% {
1066
- transform: perspective(400px) rotateY(90deg);
1067
- opacity: 0;
1068
- }
1069
- }
1070
-
1071
- .animated.flipOutY {
1072
- -webkit-backface-visibility: visible !important;
1073
- -webkit-animation-name: flipOutY;
1074
- -moz-backface-visibility: visible !important;
1075
- -moz-animation-name: flipOutY;
1076
- -o-backface-visibility: visible !important;
1077
- -o-animation-name: flipOutY;
1078
- backface-visibility: visible !important;
1079
- animation-name: flipOutY;
1080
- }
1081
- @-webkit-keyframes fadeIn {
1082
- 0% {opacity: 0;}
1083
- 100% {opacity: 1;}
1084
- }
1085
-
1086
- @-moz-keyframes fadeIn {
1087
- 0% {opacity: 0;}
1088
- 100% {opacity: 1;}
1089
- }
1090
-
1091
- @-o-keyframes fadeIn {
1092
- 0% {opacity: 0;}
1093
- 100% {opacity: 1;}
1094
- }
1095
-
1096
- @keyframes fadeIn {
1097
- 0% {opacity: 0;}
1098
- 100% {opacity: 1;}
1099
- }
1100
-
1101
- .animated.fadeIn {
1102
- -webkit-animation-name: fadeIn;
1103
- -moz-animation-name: fadeIn;
1104
- -o-animation-name: fadeIn;
1105
- animation-name: fadeIn;
1106
- }
1107
- @-webkit-keyframes fadeInUp {
1108
- 0% {
1109
- opacity: 0;
1110
- -webkit-transform: translateY(20px);
1111
- }
1112
-
1113
- 100% {
1114
- opacity: 1;
1115
- -webkit-transform: translateY(0);
1116
- }
1117
- }
1118
-
1119
- @-moz-keyframes fadeInUp {
1120
- 0% {
1121
- opacity: 0;
1122
- -moz-transform: translateY(20px);
1123
- }
1124
-
1125
- 100% {
1126
- opacity: 1;
1127
- -moz-transform: translateY(0);
1128
- }
1129
- }
1130
-
1131
- @-o-keyframes fadeInUp {
1132
- 0% {
1133
- opacity: 0;
1134
- -o-transform: translateY(20px);
1135
- }
1136
-
1137
- 100% {
1138
- opacity: 1;
1139
- -o-transform: translateY(0);
1140
- }
1141
- }
1142
-
1143
- @keyframes fadeInUp {
1144
- 0% {
1145
- opacity: 0;
1146
- transform: translateY(20px);
1147
- }
1148
-
1149
- 100% {
1150
- opacity: 1;
1151
- transform: translateY(0);
1152
- }
1153
- }
1154
-
1155
- .animated.fadeInUp {
1156
- -webkit-animation-name: fadeInUp;
1157
- -moz-animation-name: fadeInUp;
1158
- -o-animation-name: fadeInUp;
1159
- animation-name: fadeInUp;
1160
- }
1161
- @-webkit-keyframes fadeInDown {
1162
- 0% {
1163
- opacity: 0;
1164
- -webkit-transform: translateY(-20px);
1165
- }
1166
-
1167
- 100% {
1168
- opacity: 1;
1169
- -webkit-transform: translateY(0);
1170
- }
1171
- }
1172
-
1173
- @-moz-keyframes fadeInDown {
1174
- 0% {
1175
- opacity: 0;
1176
- -moz-transform: translateY(-20px);
1177
- }
1178
-
1179
- 100% {
1180
- opacity: 1;
1181
- -moz-transform: translateY(0);
1182
- }
1183
- }
1184
-
1185
- @-o-keyframes fadeInDown {
1186
- 0% {
1187
- opacity: 0;
1188
- -o-transform: translateY(-20px);
1189
- }
1190
-
1191
- 100% {
1192
- opacity: 1;
1193
- -o-transform: translateY(0);
1194
- }
1195
- }
1196
-
1197
- @keyframes fadeInDown {
1198
- 0% {
1199
- opacity: 0;
1200
- transform: translateY(-20px);
1201
- }
1202
-
1203
- 100% {
1204
- opacity: 1;
1205
- transform: translateY(0);
1206
- }
1207
- }
1208
-
1209
- .animated.fadeInDown {
1210
- -webkit-animation-name: fadeInDown;
1211
- -moz-animation-name: fadeInDown;
1212
- -o-animation-name: fadeInDown;
1213
- animation-name: fadeInDown;
1214
- }
1215
- @-webkit-keyframes fadeInLeft {
1216
- 0% {
1217
- opacity: 0;
1218
- -webkit-transform: translateX(-20px);
1219
- }
1220
-
1221
- 100% {
1222
- opacity: 1;
1223
- -webkit-transform: translateX(0);
1224
- }
1225
- }
1226
-
1227
- @-moz-keyframes fadeInLeft {
1228
- 0% {
1229
- opacity: 0;
1230
- -moz-transform: translateX(-20px);
1231
- }
1232
-
1233
- 100% {
1234
- opacity: 1;
1235
- -moz-transform: translateX(0);
1236
- }
1237
- }
1238
-
1239
- @-o-keyframes fadeInLeft {
1240
- 0% {
1241
- opacity: 0;
1242
- -o-transform: translateX(-20px);
1243
- }
1244
-
1245
- 100% {
1246
- opacity: 1;
1247
- -o-transform: translateX(0);
1248
- }
1249
- }
1250
-
1251
- @keyframes fadeInLeft {
1252
- 0% {
1253
- opacity: 0;
1254
- transform: translateX(-20px);
1255
- }
1256
-
1257
- 100% {
1258
- opacity: 1;
1259
- transform: translateX(0);
1260
- }
1261
- }
1262
-
1263
- .animated.fadeInLeft {
1264
- -webkit-animation-name: fadeInLeft;
1265
- -moz-animation-name: fadeInLeft;
1266
- -o-animation-name: fadeInLeft;
1267
- animation-name: fadeInLeft;
1268
- }
1269
- @-webkit-keyframes fadeInRight {
1270
- 0% {
1271
- opacity: 0;
1272
- -webkit-transform: translateX(20px);
1273
- }
1274
-
1275
- 100% {
1276
- opacity: 1;
1277
- -webkit-transform: translateX(0);
1278
- }
1279
- }
1280
-
1281
- @-moz-keyframes fadeInRight {
1282
- 0% {
1283
- opacity: 0;
1284
- -moz-transform: translateX(20px);
1285
- }
1286
-
1287
- 100% {
1288
- opacity: 1;
1289
- -moz-transform: translateX(0);
1290
- }
1291
- }
1292
-
1293
- @-o-keyframes fadeInRight {
1294
- 0% {
1295
- opacity: 0;
1296
- -o-transform: translateX(20px);
1297
- }
1298
-
1299
- 100% {
1300
- opacity: 1;
1301
- -o-transform: translateX(0);
1302
- }
1303
- }
1304
-
1305
- @keyframes fadeInRight {
1306
- 0% {
1307
- opacity: 0;
1308
- transform: translateX(20px);
1309
- }
1310
-
1311
- 100% {
1312
- opacity: 1;
1313
- transform: translateX(0);
1314
- }
1315
- }
1316
-
1317
- .animated.fadeInRight {
1318
- -webkit-animation-name: fadeInRight;
1319
- -moz-animation-name: fadeInRight;
1320
- -o-animation-name: fadeInRight;
1321
- animation-name: fadeInRight;
1322
- }
1323
- @-webkit-keyframes fadeInUpBig {
1324
- 0% {
1325
- opacity: 0;
1326
- -webkit-transform: translateY(1080px);
1327
- }
1328
-
1329
- 100% {
1330
- opacity: 1;
1331
- -webkit-transform: translateY(0);
1332
- }
1333
- }
1334
-
1335
- @-moz-keyframes fadeInUpBig {
1336
- 0% {
1337
- opacity: 0;
1338
- -moz-transform: translateY(1080px);
1339
- }
1340
-
1341
- 100% {
1342
- opacity: 1;
1343
- -moz-transform: translateY(0);
1344
- }
1345
- }
1346
-
1347
- @-o-keyframes fadeInUpBig {
1348
- 0% {
1349
- opacity: 0;
1350
- -o-transform: translateY(1080px);
1351
- }
1352
-
1353
- 100% {
1354
- opacity: 1;
1355
- -o-transform: translateY(0);
1356
- }
1357
- }
1358
-
1359
- @keyframes fadeInUpBig {
1360
- 0% {
1361
- opacity: 0;
1362
- transform: translateY(1080px);
1363
- }
1364
-
1365
- 100% {
1366
- opacity: 1;
1367
- transform: translateY(0);
1368
- }
1369
- }
1370
-
1371
- .animated.fadeInUpBig {
1372
- -webkit-animation-name: fadeInUpBig;
1373
- -moz-animation-name: fadeInUpBig;
1374
- -o-animation-name: fadeInUpBig;
1375
- animation-name: fadeInUpBig;
1376
- }
1377
- @-webkit-keyframes fadeInDownBig {
1378
- 0% {
1379
- opacity: 0;
1380
- -webkit-transform: translateY(-1080px);
1381
- }
1382
-
1383
- 100% {
1384
- opacity: 1;
1385
- -webkit-transform: translateY(0);
1386
- }
1387
- }
1388
-
1389
- @-moz-keyframes fadeInDownBig {
1390
- 0% {
1391
- opacity: 0;
1392
- -moz-transform: translateY(-1080px);
1393
- }
1394
-
1395
- 100% {
1396
- opacity: 1;
1397
- -moz-transform: translateY(0);
1398
- }
1399
- }
1400
-
1401
- @-o-keyframes fadeInDownBig {
1402
- 0% {
1403
- opacity: 0;
1404
- -o-transform: translateY(-1080px);
1405
- }
1406
-
1407
- 100% {
1408
- opacity: 1;
1409
- -o-transform: translateY(0);
1410
- }
1411
- }
1412
-
1413
- @keyframes fadeInDownBig {
1414
- 0% {
1415
- opacity: 0;
1416
- transform: translateY(-1080px);
1417
- }
1418
-
1419
- 100% {
1420
- opacity: 1;
1421
- transform: translateY(0);
1422
- }
1423
- }
1424
-
1425
- .animated.fadeInDownBig {
1426
- -webkit-animation-name: fadeInDownBig;
1427
- -moz-animation-name: fadeInDownBig;
1428
- -o-animation-name: fadeInDownBig;
1429
- animation-name: fadeInDownBig;
1430
- }
1431
- @-webkit-keyframes fadeInLeftBig {
1432
- 0% {
1433
- opacity: 0;
1434
- -webkit-transform: translateX(-2000px);
1435
- }
1436
-
1437
- 100% {
1438
- opacity: 1;
1439
- -webkit-transform: translateX(0);
1440
- }
1441
- }
1442
- @-moz-keyframes fadeInLeftBig {
1443
- 0% {
1444
- opacity: 0;
1445
- -moz-transform: translateX(-2000px);
1446
- }
1447
-
1448
- 100% {
1449
- opacity: 1;
1450
- -moz-transform: translateX(0);
1451
- }
1452
- }
1453
- @-o-keyframes fadeInLeftBig {
1454
- 0% {
1455
- opacity: 0;
1456
- -o-transform: translateX(-2000px);
1457
- }
1458
-
1459
- 100% {
1460
- opacity: 1;
1461
- -o-transform: translateX(0);
1462
- }
1463
- }
1464
- @keyframes fadeInLeftBig {
1465
- 0% {
1466
- opacity: 0;
1467
- transform: translateX(-2000px);
1468
- }
1469
-
1470
- 100% {
1471
- opacity: 1;
1472
- transform: translateX(0);
1473
- }
1474
- }
1475
-
1476
- .animated.fadeInLeftBig {
1477
- -webkit-animation-name: fadeInLeftBig;
1478
- -moz-animation-name: fadeInLeftBig;
1479
- -o-animation-name: fadeInLeftBig;
1480
- animation-name: fadeInLeftBig;
1481
- }
1482
- @-webkit-keyframes fadeInRightBig {
1483
- 0% {
1484
- opacity: 0;
1485
- -webkit-transform: translateX(2000px);
1486
- }
1487
-
1488
- 100% {
1489
- opacity: 1;
1490
- -webkit-transform: translateX(0);
1491
- }
1492
- }
1493
-
1494
- @-moz-keyframes fadeInRightBig {
1495
- 0% {
1496
- opacity: 0;
1497
- -moz-transform: translateX(2000px);
1498
- }
1499
-
1500
- 100% {
1501
- opacity: 1;
1502
- -moz-transform: translateX(0);
1503
- }
1504
- }
1505
-
1506
- @-o-keyframes fadeInRightBig {
1507
- 0% {
1508
- opacity: 0;
1509
- -o-transform: translateX(2000px);
1510
- }
1511
-
1512
- 100% {
1513
- opacity: 1;
1514
- -o-transform: translateX(0);
1515
- }
1516
- }
1517
-
1518
- @keyframes fadeInRightBig {
1519
- 0% {
1520
- opacity: 0;
1521
- transform: translateX(2000px);
1522
- }
1523
-
1524
- 100% {
1525
- opacity: 1;
1526
- transform: translateX(0);
1527
- }
1528
- }
1529
-
1530
- .animated.fadeInRightBig {
1531
- -webkit-animation-name: fadeInRightBig;
1532
- -moz-animation-name: fadeInRightBig;
1533
- -o-animation-name: fadeInRightBig;
1534
- animation-name: fadeInRightBig;
1535
- }
1536
- @-webkit-keyframes fadeOut {
1537
- 0% {opacity: 1;}
1538
- 100% {opacity: 0;}
1539
- }
1540
-
1541
- @-moz-keyframes fadeOut {
1542
- 0% {opacity: 1;}
1543
- 100% {opacity: 0;}
1544
- }
1545
-
1546
- @-o-keyframes fadeOut {
1547
- 0% {opacity: 1;}
1548
- 100% {opacity: 0;}
1549
- }
1550
-
1551
- @keyframes fadeOut {
1552
- 0% {opacity: 1;}
1553
- 100% {opacity: 0;}
1554
- }
1555
-
1556
- .animated.fadeOut {
1557
- -webkit-animation-name: fadeOut;
1558
- -moz-animation-name: fadeOut;
1559
- -o-animation-name: fadeOut;
1560
- animation-name: fadeOut;
1561
- }
1562
- @-webkit-keyframes fadeOutUp {
1563
- 0% {
1564
- opacity: 1;
1565
- -webkit-transform: translateY(0);
1566
- }
1567
-
1568
- 100% {
1569
- opacity: 0;
1570
- -webkit-transform: translateY(-20px);
1571
- }
1572
- }
1573
- @-moz-keyframes fadeOutUp {
1574
- 0% {
1575
- opacity: 1;
1576
- -moz-transform: translateY(0);
1577
- }
1578
-
1579
- 100% {
1580
- opacity: 0;
1581
- -moz-transform: translateY(-20px);
1582
- }
1583
- }
1584
- @-o-keyframes fadeOutUp {
1585
- 0% {
1586
- opacity: 1;
1587
- -o-transform: translateY(0);
1588
- }
1589
-
1590
- 100% {
1591
- opacity: 0;
1592
- -o-transform: translateY(-20px);
1593
- }
1594
- }
1595
- @keyframes fadeOutUp {
1596
- 0% {
1597
- opacity: 1;
1598
- transform: translateY(0);
1599
- }
1600
-
1601
- 100% {
1602
- opacity: 0;
1603
- transform: translateY(-20px);
1604
- }
1605
- }
1606
-
1607
- .animated.fadeOutUp {
1608
- -webkit-animation-name: fadeOutUp;
1609
- -moz-animation-name: fadeOutUp;
1610
- -o-animation-name: fadeOutUp;
1611
- animation-name: fadeOutUp;
1612
- }
1613
- @-webkit-keyframes fadeOutDown {
1614
- 0% {
1615
- opacity: 1;
1616
- -webkit-transform: translateY(0);
1617
- }
1618
-
1619
- 100% {
1620
- opacity: 0;
1621
- -webkit-transform: translateY(20px);
1622
- }
1623
- }
1624
-
1625
- @-moz-keyframes fadeOutDown {
1626
- 0% {
1627
- opacity: 1;
1628
- -moz-transform: translateY(0);
1629
- }
1630
-
1631
- 100% {
1632
- opacity: 0;
1633
- -moz-transform: translateY(20px);
1634
- }
1635
- }
1636
-
1637
- @-o-keyframes fadeOutDown {
1638
- 0% {
1639
- opacity: 1;
1640
- -o-transform: translateY(0);
1641
- }
1642
-
1643
- 100% {
1644
- opacity: 0;
1645
- -o-transform: translateY(20px);
1646
- }
1647
- }
1648
-
1649
- @keyframes fadeOutDown {
1650
- 0% {
1651
- opacity: 1;
1652
- transform: translateY(0);
1653
- }
1654
-
1655
- 100% {
1656
- opacity: 0;
1657
- transform: translateY(20px);
1658
- }
1659
- }
1660
-
1661
- .animated.fadeOutDown {
1662
- -webkit-animation-name: fadeOutDown;
1663
- -moz-animation-name: fadeOutDown;
1664
- -o-animation-name: fadeOutDown;
1665
- animation-name: fadeOutDown;
1666
- }
1667
- @-webkit-keyframes fadeOutLeft {
1668
- 0% {
1669
- opacity: 1;
1670
- -webkit-transform: translateX(0);
1671
- }
1672
-
1673
- 100% {
1674
- opacity: 0;
1675
- -webkit-transform: translateX(-20px);
1676
- }
1677
- }
1678
-
1679
- @-moz-keyframes fadeOutLeft {
1680
- 0% {
1681
- opacity: 1;
1682
- -moz-transform: translateX(0);
1683
- }
1684
-
1685
- 100% {
1686
- opacity: 0;
1687
- -moz-transform: translateX(-20px);
1688
- }
1689
- }
1690
-
1691
- @-o-keyframes fadeOutLeft {
1692
- 0% {
1693
- opacity: 1;
1694
- -o-transform: translateX(0);
1695
- }
1696
-
1697
- 100% {
1698
- opacity: 0;
1699
- -o-transform: translateX(-20px);
1700
- }
1701
- }
1702
-
1703
- @keyframes fadeOutLeft {
1704
- 0% {
1705
- opacity: 1;
1706
- transform: translateX(0);
1707
- }
1708
-
1709
- 100% {
1710
- opacity: 0;
1711
- transform: translateX(-20px);
1712
- }
1713
- }
1714
-
1715
- .animated.fadeOutLeft {
1716
- -webkit-animation-name: fadeOutLeft;
1717
- -moz-animation-name: fadeOutLeft;
1718
- -o-animation-name: fadeOutLeft;
1719
- animation-name: fadeOutLeft;
1720
- }
1721
- @-webkit-keyframes fadeOutRight {
1722
- 0% {
1723
- opacity: 1;
1724
- -webkit-transform: translateX(0);
1725
- }
1726
-
1727
- 100% {
1728
- opacity: 0;
1729
- -webkit-transform: translateX(20px);
1730
- }
1731
- }
1732
-
1733
- @-moz-keyframes fadeOutRight {
1734
- 0% {
1735
- opacity: 1;
1736
- -moz-transform: translateX(0);
1737
- }
1738
-
1739
- 100% {
1740
- opacity: 0;
1741
- -moz-transform: translateX(20px);
1742
- }
1743
- }
1744
-
1745
- @-o-keyframes fadeOutRight {
1746
- 0% {
1747
- opacity: 1;
1748
- -o-transform: translateX(0);
1749
- }
1750
-
1751
- 100% {
1752
- opacity: 0;
1753
- -o-transform: translateX(20px);
1754
- }
1755
- }
1756
-
1757
- @keyframes fadeOutRight {
1758
- 0% {
1759
- opacity: 1;
1760
- transform: translateX(0);
1761
- }
1762
-
1763
- 100% {
1764
- opacity: 0;
1765
- transform: translateX(20px);
1766
- }
1767
- }
1768
-
1769
- .animated.fadeOutRight {
1770
- -webkit-animation-name: fadeOutRight;
1771
- -moz-animation-name: fadeOutRight;
1772
- -o-animation-name: fadeOutRight;
1773
- animation-name: fadeOutRight;
1774
- }
1775
- @-webkit-keyframes fadeOutUpBig {
1776
- 0% {
1777
- opacity: 1;
1778
- -webkit-transform: translateY(0);
1779
- }
1780
-
1781
- 100% {
1782
- opacity: 0;
1783
- -webkit-transform: translateY(-1080px);
1784
- }
1785
- }
1786
-
1787
- @-moz-keyframes fadeOutUpBig {
1788
- 0% {
1789
- opacity: 1;
1790
- -moz-transform: translateY(0);
1791
- }
1792
-
1793
- 100% {
1794
- opacity: 0;
1795
- -moz-transform: translateY(-1080px);
1796
- }
1797
- }
1798
-
1799
- @-o-keyframes fadeOutUpBig {
1800
- 0% {
1801
- opacity: 1;
1802
- -o-transform: translateY(0);
1803
- }
1804
-
1805
- 100% {
1806
- opacity: 0;
1807
- -o-transform: translateY(-1080px);
1808
- }
1809
- }
1810
-
1811
- @keyframes fadeOutUpBig {
1812
- 0% {
1813
- opacity: 1;
1814
- transform: translateY(0);
1815
- }
1816
-
1817
- 100% {
1818
- opacity: 0;
1819
- transform: translateY(-1080px);
1820
- }
1821
- }
1822
-
1823
- .animated.fadeOutUpBig {
1824
- -webkit-animation-name: fadeOutUpBig;
1825
- -moz-animation-name: fadeOutUpBig;
1826
- -o-animation-name: fadeOutUpBig;
1827
- animation-name: fadeOutUpBig;
1828
- }
1829
- @-webkit-keyframes fadeOutDownBig {
1830
- 0% {
1831
- opacity: 1;
1832
- -webkit-transform: translateY(0);
1833
- }
1834
-
1835
- 100% {
1836
- opacity: 0;
1837
- -webkit-transform: translateY(1080px);
1838
- }
1839
- }
1840
-
1841
- @-moz-keyframes fadeOutDownBig {
1842
- 0% {
1843
- opacity: 1;
1844
- -moz-transform: translateY(0);
1845
- }
1846
-
1847
- 100% {
1848
- opacity: 0;
1849
- -moz-transform: translateY(1080px);
1850
- }
1851
- }
1852
-
1853
- @-o-keyframes fadeOutDownBig {
1854
- 0% {
1855
- opacity: 1;
1856
- -o-transform: translateY(0);
1857
- }
1858
-
1859
- 100% {
1860
- opacity: 0;
1861
- -o-transform: translateY(1080px);
1862
- }
1863
- }
1864
-
1865
- @keyframes fadeOutDownBig {
1866
- 0% {
1867
- opacity: 1;
1868
- transform: translateY(0);
1869
- }
1870
-
1871
- 100% {
1872
- opacity: 0;
1873
- transform: translateY(1080px);
1874
- }
1875
- }
1876
-
1877
- .animated.fadeOutDownBig {
1878
- -webkit-animation-name: fadeOutDownBig;
1879
- -moz-animation-name: fadeOutDownBig;
1880
- -o-animation-name: fadeOutDownBig;
1881
- animation-name: fadeOutDownBig;
1882
- }
1883
- @-webkit-keyframes fadeOutLeftBig {
1884
- 0% {
1885
- opacity: 1;
1886
- -webkit-transform: translateX(0);
1887
- }
1888
-
1889
- 100% {
1890
- opacity: 0;
1891
- -webkit-transform: translateX(-2000px);
1892
- }
1893
- }
1894
-
1895
- @-moz-keyframes fadeOutLeftBig {
1896
- 0% {
1897
- opacity: 1;
1898
- -moz-transform: translateX(0);
1899
- }
1900
-
1901
- 100% {
1902
- opacity: 0;
1903
- -moz-transform: translateX(-2000px);
1904
- }
1905
- }
1906
-
1907
- @-o-keyframes fadeOutLeftBig {
1908
- 0% {
1909
- opacity: 1;
1910
- -o-transform: translateX(0);
1911
- }
1912
-
1913
- 100% {
1914
- opacity: 0;
1915
- -o-transform: translateX(-2000px);
1916
- }
1917
- }
1918
-
1919
- @keyframes fadeOutLeftBig {
1920
- 0% {
1921
- opacity: 1;
1922
- transform: translateX(0);
1923
- }
1924
-
1925
- 100% {
1926
- opacity: 0;
1927
- transform: translateX(-2000px);
1928
- }
1929
- }
1930
-
1931
- .animated.fadeOutLeftBig {
1932
- -webkit-animation-name: fadeOutLeftBig;
1933
- -moz-animation-name: fadeOutLeftBig;
1934
- -o-animation-name: fadeOutLeftBig;
1935
- animation-name: fadeOutLeftBig;
1936
- }
1937
- @-webkit-keyframes fadeOutRightBig {
1938
- 0% {
1939
- opacity: 1;
1940
- -webkit-transform: translateX(0);
1941
- }
1942
-
1943
- 100% {
1944
- opacity: 0;
1945
- -webkit-transform: translateX(2000px);
1946
- }
1947
- }
1948
- @-moz-keyframes fadeOutRightBig {
1949
- 0% {
1950
- opacity: 1;
1951
- -moz-transform: translateX(0);
1952
- }
1953
-
1954
- 100% {
1955
- opacity: 0;
1956
- -moz-transform: translateX(2000px);
1957
- }
1958
- }
1959
- @-o-keyframes fadeOutRightBig {
1960
- 0% {
1961
- opacity: 1;
1962
- -o-transform: translateX(0);
1963
- }
1964
-
1965
- 100% {
1966
- opacity: 0;
1967
- -o-transform: translateX(2000px);
1968
- }
1969
- }
1970
- @keyframes fadeOutRightBig {
1971
- 0% {
1972
- opacity: 1;
1973
- transform: translateX(0);
1974
- }
1975
-
1976
- 100% {
1977
- opacity: 0;
1978
- transform: translateX(2000px);
1979
- }
1980
- }
1981
-
1982
- .animated.fadeOutRightBig {
1983
- -webkit-animation-name: fadeOutRightBig;
1984
- -moz-animation-name: fadeOutRightBig;
1985
- -o-animation-name: fadeOutRightBig;
1986
- animation-name: fadeOutRightBig;
1987
- }
1988
- @-webkit-keyframes bounceIn {
1989
- 0% {
1990
- opacity: 0;
1991
- -webkit-transform: scale(.3);
1992
- }
1993
-
1994
- 50% {
1995
- opacity: 1;
1996
- -webkit-transform: scale(1.05);
1997
- }
1998
-
1999
- 70% {
2000
- -webkit-transform: scale(.9);
2001
- }
2002
-
2003
- 100% {
2004
- -webkit-transform: scale(1);
2005
- }
2006
- }
2007
-
2008
- @-moz-keyframes bounceIn {
2009
- 0% {
2010
- opacity: 0;
2011
- -moz-transform: scale(.3);
2012
- }
2013
-
2014
- 50% {
2015
- opacity: 1;
2016
- -moz-transform: scale(1.05);
2017
- }
2018
-
2019
- 70% {
2020
- -moz-transform: scale(.9);
2021
- }
2022
-
2023
- 100% {
2024
- -moz-transform: scale(1);
2025
- }
2026
- }
2027
-
2028
- @-o-keyframes bounceIn {
2029
- 0% {
2030
- opacity: 0;
2031
- -o-transform: scale(.3);
2032
- }
2033
-
2034
- 50% {
2035
- opacity: 1;
2036
- -o-transform: scale(1.05);
2037
- }
2038
-
2039
- 70% {
2040
- -o-transform: scale(.9);
2041
- }
2042
-
2043
- 100% {
2044
- -o-transform: scale(1);
2045
- }
2046
- }
2047
-
2048
- @keyframes bounceIn {
2049
- 0% {
2050
- opacity: 0;
2051
- transform: scale(.3);
2052
- }
2053
-
2054
- 50% {
2055
- opacity: 1;
2056
- transform: scale(1.05);
2057
- }
2058
-
2059
- 70% {
2060
- transform: scale(.9);
2061
- }
2062
-
2063
- 100% {
2064
- transform: scale(1);
2065
- }
2066
- }
2067
-
2068
- .animated.bounceIn {
2069
- -webkit-animation-name: bounceIn;
2070
- -moz-animation-name: bounceIn;
2071
- -o-animation-name: bounceIn;
2072
- animation-name: bounceIn;
2073
- }
2074
- @-webkit-keyframes bounceInUp {
2075
- 0% {
2076
- opacity: 0;
2077
- -webkit-transform: translateY(1080px);
2078
- }
2079
-
2080
- 60% {
2081
- opacity: 1;
2082
- -webkit-transform: translateY(-30px);
2083
- }
2084
-
2085
- 80% {
2086
- -webkit-transform: translateY(10px);
2087
- }
2088
-
2089
- 100% {
2090
- -webkit-transform: translateY(0);
2091
- }
2092
- }
2093
- @-moz-keyframes bounceInUp {
2094
- 0% {
2095
- opacity: 0;
2096
- -moz-transform: translateY(1080px);
2097
- }
2098
-
2099
- 60% {
2100
- opacity: 1;
2101
- -moz-transform: translateY(-30px);
2102
- }
2103
-
2104
- 80% {
2105
- -moz-transform: translateY(10px);
2106
- }
2107
-
2108
- 100% {
2109
- -moz-transform: translateY(0);
2110
- }
2111
- }
2112
-
2113
- @-o-keyframes bounceInUp {
2114
- 0% {
2115
- opacity: 0;
2116
- -o-transform: translateY(1080px);
2117
- }
2118
-
2119
- 60% {
2120
- opacity: 1;
2121
- -o-transform: translateY(-30px);
2122
- }
2123
-
2124
- 80% {
2125
- -o-transform: translateY(10px);
2126
- }
2127
-
2128
- 100% {
2129
- -o-transform: translateY(0);
2130
- }
2131
- }
2132
-
2133
- @keyframes bounceInUp {
2134
- 0% {
2135
- opacity: 0;
2136
- transform: translateY(1080px);
2137
- }
2138
-
2139
- 60% {
2140
- opacity: 1;
2141
- transform: translateY(-30px);
2142
- }
2143
-
2144
- 80% {
2145
- transform: translateY(10px);
2146
- }
2147
-
2148
- 100% {
2149
- transform: translateY(0);
2150
- }
2151
- }
2152
-
2153
- .animated.bounceInUp {
2154
- -webkit-animation-name: bounceInUp;
2155
- -moz-animation-name: bounceInUp;
2156
- -o-animation-name: bounceInUp;
2157
- animation-name: bounceInUp;
2158
- }
2159
- @-webkit-keyframes bounceInDown {
2160
- 0% {
2161
- opacity: 0;
2162
- -webkit-transform: translateY(-1080px);
2163
- }
2164
-
2165
- 60% {
2166
- opacity: 1;
2167
- -webkit-transform: translateY(30px);
2168
- }
2169
-
2170
- 80% {
2171
- -webkit-transform: translateY(-10px);
2172
- }
2173
-
2174
- 100% {
2175
- -webkit-transform: translateY(0);
2176
- }
2177
- }
2178
-
2179
- @-moz-keyframes bounceInDown {
2180
- 0% {
2181
- opacity: 0;
2182
- -moz-transform: translateY(-1080px);
2183
- }
2184
-
2185
- 60% {
2186
- opacity: 1;
2187
- -moz-transform: translateY(30px);
2188
- }
2189
-
2190
- 80% {
2191
- -moz-transform: translateY(-10px);
2192
- }
2193
-
2194
- 100% {
2195
- -moz-transform: translateY(0);
2196
- }
2197
- }
2198
-
2199
- @-o-keyframes bounceInDown {
2200
- 0% {
2201
- opacity: 0;
2202
- -o-transform: translateY(-1080px);
2203
- }
2204
-
2205
- 60% {
2206
- opacity: 1;
2207
- -o-transform: translateY(30px);
2208
- }
2209
-
2210
- 80% {
2211
- -o-transform: translateY(-10px);
2212
- }
2213
-
2214
- 100% {
2215
- -o-transform: translateY(0);
2216
- }
2217
- }
2218
-
2219
- @keyframes bounceInDown {
2220
- 0% {
2221
- opacity: 0;
2222
- transform: translateY(-1080px);
2223
- }
2224
-
2225
- 60% {
2226
- opacity: 1;
2227
- transform: translateY(30px);
2228
- }
2229
-
2230
- 80% {
2231
- transform: translateY(-10px);
2232
- }
2233
-
2234
- 100% {
2235
- transform: translateY(0);
2236
- }
2237
- }
2238
-
2239
- .animated.bounceInDown {
2240
- -webkit-animation-name: bounceInDown;
2241
- -moz-animation-name: bounceInDown;
2242
- -o-animation-name: bounceInDown;
2243
- animation-name: bounceInDown;
2244
- }
2245
- @-webkit-keyframes bounceInLeft {
2246
- 0% {
2247
- opacity: 0;
2248
- -webkit-transform: translateX(-2000px);
2249
- }
2250
-
2251
- 60% {
2252
- opacity: 1;
2253
- -webkit-transform: translateX(30px);
2254
- }
2255
-
2256
- 80% {
2257
- -webkit-transform: translateX(-10px);
2258
- }
2259
-
2260
- 100% {
2261
- -webkit-transform: translateX(0);
2262
- }
2263
- }
2264
-
2265
- @-moz-keyframes bounceInLeft {
2266
- 0% {
2267
- opacity: 0;
2268
- -moz-transform: translateX(-2000px);
2269
- }
2270
-
2271
- 60% {
2272
- opacity: 1;
2273
- -moz-transform: translateX(30px);
2274
- }
2275
-
2276
- 80% {
2277
- -moz-transform: translateX(-10px);
2278
- }
2279
-
2280
- 100% {
2281
- -moz-transform: translateX(0);
2282
- }
2283
- }
2284
-
2285
- @-o-keyframes bounceInLeft {
2286
- 0% {
2287
- opacity: 0;
2288
- -o-transform: translateX(-2000px);
2289
- }
2290
-
2291
- 60% {
2292
- opacity: 1;
2293
- -o-transform: translateX(30px);
2294
- }
2295
-
2296
- 80% {
2297
- -o-transform: translateX(-10px);
2298
- }
2299
-
2300
- 100% {
2301
- -o-transform: translateX(0);
2302
- }
2303
- }
2304
-
2305
- @keyframes bounceInLeft {
2306
- 0% {
2307
- opacity: 0;
2308
- transform: translateX(-2000px);
2309
- }
2310
-
2311
- 60% {
2312
- opacity: 1;
2313
- transform: translateX(30px);
2314
- }
2315
-
2316
- 80% {
2317
- transform: translateX(-10px);
2318
- }
2319
-
2320
- 100% {
2321
- transform: translateX(0);
2322
- }
2323
- }
2324
-
2325
- .animated.bounceInLeft {
2326
- -webkit-animation-name: bounceInLeft;
2327
- -moz-animation-name: bounceInLeft;
2328
- -o-animation-name: bounceInLeft;
2329
- animation-name: bounceInLeft;
2330
- }
2331
- @-webkit-keyframes bounceInRight {
2332
- 0% {
2333
- opacity: 0;
2334
- -webkit-transform: translateX(2000px);
2335
- }
2336
-
2337
- 60% {
2338
- opacity: 1;
2339
- -webkit-transform: translateX(-30px);
2340
- }
2341
-
2342
- 80% {
2343
- -webkit-transform: translateX(10px);
2344
- }
2345
-
2346
- 100% {
2347
- -webkit-transform: translateX(0);
2348
- }
2349
- }
2350
-
2351
- @-moz-keyframes bounceInRight {
2352
- 0% {
2353
- opacity: 0;
2354
- -moz-transform: translateX(2000px);
2355
- }
2356
-
2357
- 60% {
2358
- opacity: 1;
2359
- -moz-transform: translateX(-30px);
2360
- }
2361
-
2362
- 80% {
2363
- -moz-transform: translateX(10px);
2364
- }
2365
-
2366
- 100% {
2367
- -moz-transform: translateX(0);
2368
- }
2369
- }
2370
-
2371
- @-o-keyframes bounceInRight {
2372
- 0% {
2373
- opacity: 0;
2374
- -o-transform: translateX(2000px);
2375
- }
2376
-
2377
- 60% {
2378
- opacity: 1;
2379
- -o-transform: translateX(-30px);
2380
- }
2381
-
2382
- 80% {
2383
- -o-transform: translateX(10px);
2384
- }
2385
-
2386
- 100% {
2387
- -o-transform: translateX(0);
2388
- }
2389
- }
2390
-
2391
- @keyframes bounceInRight {
2392
- 0% {
2393
- opacity: 0;
2394
- transform: translateX(2000px);
2395
- }
2396
-
2397
- 60% {
2398
- opacity: 1;
2399
- transform: translateX(-30px);
2400
- }
2401
-
2402
- 80% {
2403
- transform: translateX(10px);
2404
- }
2405
-
2406
- 100% {
2407
- transform: translateX(0);
2408
- }
2409
- }
2410
-
2411
- .animated.bounceInRight {
2412
- -webkit-animation-name: bounceInRight;
2413
- -moz-animation-name: bounceInRight;
2414
- -o-animation-name: bounceInRight;
2415
- animation-name: bounceInRight;
2416
- }
2417
- @-webkit-keyframes bounceOut {
2418
- 0% {
2419
- -webkit-transform: scale(1);
2420
- }
2421
-
2422
- 25% {
2423
- -webkit-transform: scale(.95);
2424
- }
2425
-
2426
- 50% {
2427
- opacity: 1;
2428
- -webkit-transform: scale(1.1);
2429
- }
2430
-
2431
- 100% {
2432
- opacity: 0;
2433
- -webkit-transform: scale(.3);
2434
- }
2435
- }
2436
-
2437
- @-moz-keyframes bounceOut {
2438
- 0% {
2439
- -moz-transform: scale(1);
2440
- }
2441
-
2442
- 25% {
2443
- -moz-transform: scale(.95);
2444
- }
2445
-
2446
- 50% {
2447
- opacity: 1;
2448
- -moz-transform: scale(1.1);
2449
- }
2450
-
2451
- 100% {
2452
- opacity: 0;
2453
- -moz-transform: scale(.3);
2454
- }
2455
- }
2456
-
2457
- @-o-keyframes bounceOut {
2458
- 0% {
2459
- -o-transform: scale(1);
2460
- }
2461
-
2462
- 25% {
2463
- -o-transform: scale(.95);
2464
- }
2465
-
2466
- 50% {
2467
- opacity: 1;
2468
- -o-transform: scale(1.1);
2469
- }
2470
-
2471
- 100% {
2472
- opacity: 0;
2473
- -o-transform: scale(.3);
2474
- }
2475
- }
2476
-
2477
- @keyframes bounceOut {
2478
- 0% {
2479
- transform: scale(1);
2480
- }
2481
-
2482
- 25% {
2483
- transform: scale(.95);
2484
- }
2485
-
2486
- 50% {
2487
- opacity: 1;
2488
- transform: scale(1.1);
2489
- }
2490
-
2491
- 100% {
2492
- opacity: 0;
2493
- transform: scale(.3);
2494
- }
2495
- }
2496
-
2497
- .animated.bounceOut {
2498
- -webkit-animation-name: bounceOut;
2499
- -moz-animation-name: bounceOut;
2500
- -o-animation-name: bounceOut;
2501
- animation-name: bounceOut;
2502
- }
2503
- @-webkit-keyframes bounceOutUp {
2504
- 0% {
2505
- -webkit-transform: translateY(0);
2506
- }
2507
-
2508
- 20% {
2509
- opacity: 1;
2510
- -webkit-transform: translateY(20px);
2511
- }
2512
-
2513
- 100% {
2514
- opacity: 0;
2515
- -webkit-transform: translateY(-1080px);
2516
- }
2517
- }
2518
-
2519
- @-moz-keyframes bounceOutUp {
2520
- 0% {
2521
- -moz-transform: translateY(0);
2522
- }
2523
-
2524
- 20% {
2525
- opacity: 1;
2526
- -moz-transform: translateY(20px);
2527
- }
2528
-
2529
- 100% {
2530
- opacity: 0;
2531
- -moz-transform: translateY(-1080px);
2532
- }
2533
- }
2534
-
2535
- @-o-keyframes bounceOutUp {
2536
- 0% {
2537
- -o-transform: translateY(0);
2538
- }
2539
-
2540
- 20% {
2541
- opacity: 1;
2542
- -o-transform: translateY(20px);
2543
- }
2544
-
2545
- 100% {
2546
- opacity: 0;
2547
- -o-transform: translateY(-1080px);
2548
- }
2549
- }
2550
-
2551
- @keyframes bounceOutUp {
2552
- 0% {
2553
- transform: translateY(0);
2554
- }
2555
-
2556
- 20% {
2557
- opacity: 1;
2558
- transform: translateY(20px);
2559
- }
2560
-
2561
- 100% {
2562
- opacity: 0;
2563
- transform: translateY(-1080px);
2564
- }
2565
- }
2566
-
2567
- .animated.bounceOutUp {
2568
- -webkit-animation-name: bounceOutUp;
2569
- -moz-animation-name: bounceOutUp;
2570
- -o-animation-name: bounceOutUp;
2571
- animation-name: bounceOutUp;
2572
- }
2573
- @-webkit-keyframes bounceOutDown {
2574
- 0% {
2575
- -webkit-transform: translateY(0);
2576
- }
2577
-
2578
- 20% {
2579
- opacity: 1;
2580
- -webkit-transform: translateY(-20px);
2581
- }
2582
-
2583
- 100% {
2584
- opacity: 0;
2585
- -webkit-transform: translateY(1080px);
2586
- }
2587
- }
2588
-
2589
- @-moz-keyframes bounceOutDown {
2590
- 0% {
2591
- -moz-transform: translateY(0);
2592
- }
2593
-
2594
- 20% {
2595
- opacity: 1;
2596
- -moz-transform: translateY(-20px);
2597
- }
2598
-
2599
- 100% {
2600
- opacity: 0;
2601
- -moz-transform: translateY(1080px);
2602
- }
2603
- }
2604
-
2605
- @-o-keyframes bounceOutDown {
2606
- 0% {
2607
- -o-transform: translateY(0);
2608
- }
2609
-
2610
- 20% {
2611
- opacity: 1;
2612
- -o-transform: translateY(-20px);
2613
- }
2614
-
2615
- 100% {
2616
- opacity: 0;
2617
- -o-transform: translateY(1080px);
2618
- }
2619
- }
2620
-
2621
- @keyframes bounceOutDown {
2622
- 0% {
2623
- transform: translateY(0);
2624
- }
2625
-
2626
- 20% {
2627
- opacity: 1;
2628
- transform: translateY(-20px);
2629
- }
2630
-
2631
- 100% {
2632
- opacity: 0;
2633
- transform: translateY(1080px);
2634
- }
2635
- }
2636
-
2637
- .animated.bounceOutDown {
2638
- -webkit-animation-name: bounceOutDown;
2639
- -moz-animation-name: bounceOutDown;
2640
- -o-animation-name: bounceOutDown;
2641
- animation-name: bounceOutDown;
2642
- }
2643
- @-webkit-keyframes bounceOutLeft {
2644
- 0% {
2645
- -webkit-transform: translateX(0);
2646
- }
2647
-
2648
- 20% {
2649
- opacity: 1;
2650
- -webkit-transform: translateX(20px);
2651
- }
2652
-
2653
- 100% {
2654
- opacity: 0;
2655
- -webkit-transform: translateX(-2000px);
2656
- }
2657
- }
2658
-
2659
- @-moz-keyframes bounceOutLeft {
2660
- 0% {
2661
- -moz-transform: translateX(0);
2662
- }
2663
-
2664
- 20% {
2665
- opacity: 1;
2666
- -moz-transform: translateX(20px);
2667
- }
2668
-
2669
- 100% {
2670
- opacity: 0;
2671
- -moz-transform: translateX(-2000px);
2672
- }
2673
- }
2674
-
2675
- @-o-keyframes bounceOutLeft {
2676
- 0% {
2677
- -o-transform: translateX(0);
2678
- }
2679
-
2680
- 20% {
2681
- opacity: 1;
2682
- -o-transform: translateX(20px);
2683
- }
2684
-
2685
- 100% {
2686
- opacity: 0;
2687
- -o-transform: translateX(-2000px);
2688
- }
2689
- }
2690
-
2691
- @keyframes bounceOutLeft {
2692
- 0% {
2693
- transform: translateX(0);
2694
- }
2695
-
2696
- 20% {
2697
- opacity: 1;
2698
- transform: translateX(20px);
2699
- }
2700
-
2701
- 100% {
2702
- opacity: 0;
2703
- transform: translateX(-2000px);
2704
- }
2705
- }
2706
-
2707
- .animated.bounceOutLeft {
2708
- -webkit-animation-name: bounceOutLeft;
2709
- -moz-animation-name: bounceOutLeft;
2710
- -o-animation-name: bounceOutLeft;
2711
- animation-name: bounceOutLeft;
2712
- }
2713
- @-webkit-keyframes bounceOutRight {
2714
- 0% {
2715
- -webkit-transform: translateX(0);
2716
- }
2717
-
2718
- 20% {
2719
- opacity: 1;
2720
- -webkit-transform: translateX(-20px);
2721
- }
2722
-
2723
- 100% {
2724
- opacity: 0;
2725
- -webkit-transform: translateX(2000px);
2726
- }
2727
- }
2728
-
2729
- @-moz-keyframes bounceOutRight {
2730
- 0% {
2731
- -moz-transform: translateX(0);
2732
- }
2733
-
2734
- 20% {
2735
- opacity: 1;
2736
- -moz-transform: translateX(-20px);
2737
- }
2738
-
2739
- 100% {
2740
- opacity: 0;
2741
- -moz-transform: translateX(2000px);
2742
- }
2743
- }
2744
-
2745
- @-o-keyframes bounceOutRight {
2746
- 0% {
2747
- -o-transform: translateX(0);
2748
- }
2749
-
2750
- 20% {
2751
- opacity: 1;
2752
- -o-transform: translateX(-20px);
2753
- }
2754
-
2755
- 100% {
2756
- opacity: 0;
2757
- -o-transform: translateX(2000px);
2758
- }
2759
- }
2760
-
2761
- @keyframes bounceOutRight {
2762
- 0% {
2763
- transform: translateX(0);
2764
- }
2765
-
2766
- 20% {
2767
- opacity: 1;
2768
- transform: translateX(-20px);
2769
- }
2770
-
2771
- 100% {
2772
- opacity: 0;
2773
- transform: translateX(2000px);
2774
- }
2775
- }
2776
-
2777
- .animated.bounceOutRight {
2778
- -webkit-animation-name: bounceOutRight;
2779
- -moz-animation-name: bounceOutRight;
2780
- -o-animation-name: bounceOutRight;
2781
- animation-name: bounceOutRight;
2782
- }
2783
- @-webkit-keyframes rotateIn {
2784
- 0% {
2785
- -webkit-transform-origin: center center;
2786
- -webkit-transform: rotate(-200deg);
2787
- opacity: 0;
2788
- }
2789
-
2790
- 100% {
2791
- -webkit-transform-origin: center center;
2792
- -webkit-transform: rotate(0);
2793
- opacity: 1;
2794
- }
2795
- }
2796
- @-moz-keyframes rotateIn {
2797
- 0% {
2798
- -moz-transform-origin: center center;
2799
- -moz-transform: rotate(-200deg);
2800
- opacity: 0;
2801
- }
2802
-
2803
- 100% {
2804
- -moz-transform-origin: center center;
2805
- -moz-transform: rotate(0);
2806
- opacity: 1;
2807
- }
2808
- }
2809
- @-o-keyframes rotateIn {
2810
- 0% {
2811
- -o-transform-origin: center center;
2812
- -o-transform: rotate(-200deg);
2813
- opacity: 0;
2814
- }
2815
-
2816
- 100% {
2817
- -o-transform-origin: center center;
2818
- -o-transform: rotate(0);
2819
- opacity: 1;
2820
- }
2821
- }
2822
- @keyframes rotateIn {
2823
- 0% {
2824
- transform-origin: center center;
2825
- transform: rotate(-200deg);
2826
- opacity: 0;
2827
- }
2828
-
2829
- 100% {
2830
- transform-origin: center center;
2831
- transform: rotate(0);
2832
- opacity: 1;
2833
- }
2834
- }
2835
-
2836
- .animated.rotateIn {
2837
- -webkit-animation-name: rotateIn;
2838
- -moz-animation-name: rotateIn;
2839
- -o-animation-name: rotateIn;
2840
- animation-name: rotateIn;
2841
- }
2842
- @-webkit-keyframes rotateInUpLeft {
2843
- 0% {
2844
- -webkit-transform-origin: left bottom;
2845
- -webkit-transform: rotate(90deg);
2846
- opacity: 0;
2847
- }
2848
-
2849
- 100% {
2850
- -webkit-transform-origin: left bottom;
2851
- -webkit-transform: rotate(0);
2852
- opacity: 1;
2853
- }
2854
- }
2855
-
2856
- @-moz-keyframes rotateInUpLeft {
2857
- 0% {
2858
- -moz-transform-origin: left bottom;
2859
- -moz-transform: rotate(90deg);
2860
- opacity: 0;
2861
- }
2862
-
2863
- 100% {
2864
- -moz-transform-origin: left bottom;
2865
- -moz-transform: rotate(0);
2866
- opacity: 1;
2867
- }
2868
- }
2869
-
2870
- @-o-keyframes rotateInUpLeft {
2871
- 0% {
2872
- -o-transform-origin: left bottom;
2873
- -o-transform: rotate(90deg);
2874
- opacity: 0;
2875
- }
2876
-
2877
- 100% {
2878
- -o-transform-origin: left bottom;
2879
- -o-transform: rotate(0);
2880
- opacity: 1;
2881
- }
2882
- }
2883
-
2884
- @keyframes rotateInUpLeft {
2885
- 0% {
2886
- transform-origin: left bottom;
2887
- transform: rotate(90deg);
2888
- opacity: 0;
2889
- }
2890
-
2891
- 100% {
2892
- transform-origin: left bottom;
2893
- transform: rotate(0);
2894
- opacity: 1;
2895
- }
2896
- }
2897
-
2898
- .animated.rotateInUpLeft {
2899
- -webkit-animation-name: rotateInUpLeft;
2900
- -moz-animation-name: rotateInUpLeft;
2901
- -o-animation-name: rotateInUpLeft;
2902
- animation-name: rotateInUpLeft;
2903
- }
2904
- @-webkit-keyframes rotateInDownLeft {
2905
- 0% {
2906
- -webkit-transform-origin: left bottom;
2907
- -webkit-transform: rotate(-90deg);
2908
- opacity: 0;
2909
- }
2910
-
2911
- 100% {
2912
- -webkit-transform-origin: left bottom;
2913
- -webkit-transform: rotate(0);
2914
- opacity: 1;
2915
- }
2916
- }
2917
-
2918
- @-moz-keyframes rotateInDownLeft {
2919
- 0% {
2920
- -moz-transform-origin: left bottom;
2921
- -moz-transform: rotate(-90deg);
2922
- opacity: 0;
2923
- }
2924
-
2925
- 100% {
2926
- -moz-transform-origin: left bottom;
2927
- -moz-transform: rotate(0);
2928
- opacity: 1;
2929
- }
2930
- }
2931
-
2932
- @-o-keyframes rotateInDownLeft {
2933
- 0% {
2934
- -o-transform-origin: left bottom;
2935
- -o-transform: rotate(-90deg);
2936
- opacity: 0;
2937
- }
2938
-
2939
- 100% {
2940
- -o-transform-origin: left bottom;
2941
- -o-transform: rotate(0);
2942
- opacity: 1;
2943
- }
2944
- }
2945
-
2946
- @keyframes rotateInDownLeft {
2947
- 0% {
2948
- transform-origin: left bottom;
2949
- transform: rotate(-90deg);
2950
- opacity: 0;
2951
- }
2952
-
2953
- 100% {
2954
- transform-origin: left bottom;
2955
- transform: rotate(0);
2956
- opacity: 1;
2957
- }
2958
- }
2959
-
2960
- .animated.rotateInDownLeft {
2961
- -webkit-animation-name: rotateInDownLeft;
2962
- -moz-animation-name: rotateInDownLeft;
2963
- -o-animation-name: rotateInDownLeft;
2964
- animation-name: rotateInDownLeft;
2965
- }
2966
- @-webkit-keyframes rotateInUpRight {
2967
- 0% {
2968
- -webkit-transform-origin: right bottom;
2969
- -webkit-transform: rotate(-90deg);
2970
- opacity: 0;
2971
- }
2972
-
2973
- 100% {
2974
- -webkit-transform-origin: right bottom;
2975
- -webkit-transform: rotate(0);
2976
- opacity: 1;
2977
- }
2978
- }
2979
-
2980
- @-moz-keyframes rotateInUpRight {
2981
- 0% {
2982
- -moz-transform-origin: right bottom;
2983
- -moz-transform: rotate(-90deg);
2984
- opacity: 0;
2985
- }
2986
-
2987
- 100% {
2988
- -moz-transform-origin: right bottom;
2989
- -moz-transform: rotate(0);
2990
- opacity: 1;
2991
- }
2992
- }
2993
-
2994
- @-o-keyframes rotateInUpRight {
2995
- 0% {
2996
- -o-transform-origin: right bottom;
2997
- -o-transform: rotate(-90deg);
2998
- opacity: 0;
2999
- }
3000
-
3001
- 100% {
3002
- -o-transform-origin: right bottom;
3003
- -o-transform: rotate(0);
3004
- opacity: 1;
3005
- }
3006
- }
3007
-
3008
- @keyframes rotateInUpRight {
3009
- 0% {
3010
- transform-origin: right bottom;
3011
- transform: rotate(-90deg);
3012
- opacity: 0;
3013
- }
3014
-
3015
- 100% {
3016
- transform-origin: right bottom;
3017
- transform: rotate(0);
3018
- opacity: 1;
3019
- }
3020
- }
3021
-
3022
- .animated.rotateInUpRight {
3023
- -webkit-animation-name: rotateInUpRight;
3024
- -moz-animation-name: rotateInUpRight;
3025
- -o-animation-name: rotateInUpRight;
3026
- animation-name: rotateInUpRight;
3027
- }
3028
- @-webkit-keyframes rotateInDownRight {
3029
- 0% {
3030
- -webkit-transform-origin: right bottom;
3031
- -webkit-transform: rotate(90deg);
3032
- opacity: 0;
3033
- }
3034
-
3035
- 100% {
3036
- -webkit-transform-origin: right bottom;
3037
- -webkit-transform: rotate(0);
3038
- opacity: 1;
3039
- }
3040
- }
3041
-
3042
- @-moz-keyframes rotateInDownRight {
3043
- 0% {
3044
- -moz-transform-origin: right bottom;
3045
- -moz-transform: rotate(90deg);
3046
- opacity: 0;
3047
- }
3048
-
3049
- 100% {
3050
- -moz-transform-origin: right bottom;
3051
- -moz-transform: rotate(0);
3052
- opacity: 1;
3053
- }
3054
- }
3055
-
3056
- @-o-keyframes rotateInDownRight {
3057
- 0% {
3058
- -o-transform-origin: right bottom;
3059
- -o-transform: rotate(90deg);
3060
- opacity: 0;
3061
- }
3062
-
3063
- 100% {
3064
- -o-transform-origin: right bottom;
3065
- -o-transform: rotate(0);
3066
- opacity: 1;
3067
- }
3068
- }
3069
-
3070
- @keyframes rotateInDownRight {
3071
- 0% {
3072
- transform-origin: right bottom;
3073
- transform: rotate(90deg);
3074
- opacity: 0;
3075
- }
3076
-
3077
- 100% {
3078
- transform-origin: right bottom;
3079
- transform: rotate(0);
3080
- opacity: 1;
3081
- }
3082
- }
3083
-
3084
- .animated.rotateInDownRight {
3085
- -webkit-animation-name: rotateInDownRight;
3086
- -moz-animation-name: rotateInDownRight;
3087
- -o-animation-name: rotateInDownRight;
3088
- animation-name: rotateInDownRight;
3089
- }
3090
- @-webkit-keyframes rotateOut {
3091
- 0% {
3092
- -webkit-transform-origin: center center;
3093
- -webkit-transform: rotate(0);
3094
- opacity: 1;
3095
- }
3096
-
3097
- 100% {
3098
- -webkit-transform-origin: center center;
3099
- -webkit-transform: rotate(200deg);
3100
- opacity: 0;
3101
- }
3102
- }
3103
-
3104
- @-moz-keyframes rotateOut {
3105
- 0% {
3106
- -moz-transform-origin: center center;
3107
- -moz-transform: rotate(0);
3108
- opacity: 1;
3109
- }
3110
-
3111
- 100% {
3112
- -moz-transform-origin: center center;
3113
- -moz-transform: rotate(200deg);
3114
- opacity: 0;
3115
- }
3116
- }
3117
-
3118
- @-o-keyframes rotateOut {
3119
- 0% {
3120
- -o-transform-origin: center center;
3121
- -o-transform: rotate(0);
3122
- opacity: 1;
3123
- }
3124
-
3125
- 100% {
3126
- -o-transform-origin: center center;
3127
- -o-transform: rotate(200deg);
3128
- opacity: 0;
3129
- }
3130
- }
3131
-
3132
- @keyframes rotateOut {
3133
- 0% {
3134
- transform-origin: center center;
3135
- transform: rotate(0);
3136
- opacity: 1;
3137
- }
3138
-
3139
- 100% {
3140
- transform-origin: center center;
3141
- transform: rotate(200deg);
3142
- opacity: 0;
3143
- }
3144
- }
3145
-
3146
- .animated.rotateOut {
3147
- -webkit-animation-name: rotateOut;
3148
- -moz-animation-name: rotateOut;
3149
- -o-animation-name: rotateOut;
3150
- animation-name: rotateOut;
3151
- }
3152
- @-webkit-keyframes rotateOutUpLeft {
3153
- 0% {
3154
- -webkit-transform-origin: left bottom;
3155
- -webkit-transform: rotate(0);
3156
- opacity: 1;
3157
- }
3158
-
3159
- 100% {
3160
- -webkit-transform-origin: left bottom;
3161
- -webkit-transform: rotate(-90deg);
3162
- opacity: 0;
3163
- }
3164
- }
3165
-
3166
- @-moz-keyframes rotateOutUpLeft {
3167
- 0% {
3168
- -moz-transform-origin: left bottom;
3169
- -moz-transform: rotate(0);
3170
- opacity: 1;
3171
- }
3172
-
3173
- 100% {
3174
- -moz-transform-origin: left bottom;
3175
- -moz-transform: rotate(-90deg);
3176
- opacity: 0;
3177
- }
3178
- }
3179
-
3180
- @-o-keyframes rotateOutUpLeft {
3181
- 0% {
3182
- -o-transform-origin: left bottom;
3183
- -o-transform: rotate(0);
3184
- opacity: 1;
3185
- }
3186
-
3187
- 100% {
3188
- -o-transform-origin: left bottom;
3189
- -o-transform: rotate(-90deg);
3190
- opacity: 0;
3191
- }
3192
- }
3193
-
3194
- @keyframes rotateOutUpLeft {
3195
- 0% {
3196
- transform-origin: left bottom;
3197
- transform: rotate(0);
3198
- opacity: 1;
3199
- }
3200
-
3201
- 100% {
3202
- transform-origin: left bottom;
3203
- transform: rotate(-90deg);
3204
- opacity: 0;
3205
- }
3206
- }
3207
-
3208
- .animated.rotateOutUpLeft {
3209
- -webkit-animation-name: rotateOutUpLeft;
3210
- -moz-animation-name: rotateOutUpLeft;
3211
- -o-animation-name: rotateOutUpLeft;
3212
- animation-name: rotateOutUpLeft;
3213
- }
3214
- @-webkit-keyframes rotateOutDownLeft {
3215
- 0% {
3216
- -webkit-transform-origin: left bottom;
3217
- -webkit-transform: rotate(0);
3218
- opacity: 1;
3219
- }
3220
-
3221
- 100% {
3222
- -webkit-transform-origin: left bottom;
3223
- -webkit-transform: rotate(90deg);
3224
- opacity: 0;
3225
- }
3226
- }
3227
-
3228
- @-moz-keyframes rotateOutDownLeft {
3229
- 0% {
3230
- -moz-transform-origin: left bottom;
3231
- -moz-transform: rotate(0);
3232
- opacity: 1;
3233
- }
3234
-
3235
- 100% {
3236
- -moz-transform-origin: left bottom;
3237
- -moz-transform: rotate(90deg);
3238
- opacity: 0;
3239
- }
3240
- }
3241
-
3242
- @-o-keyframes rotateOutDownLeft {
3243
- 0% {
3244
- -o-transform-origin: left bottom;
3245
- -o-transform: rotate(0);
3246
- opacity: 1;
3247
- }
3248
-
3249
- 100% {
3250
- -o-transform-origin: left bottom;
3251
- -o-transform: rotate(90deg);
3252
- opacity: 0;
3253
- }
3254
- }
3255
-
3256
- @keyframes rotateOutDownLeft {
3257
- 0% {
3258
- transform-origin: left bottom;
3259
- transform: rotate(0);
3260
- opacity: 1;
3261
- }
3262
-
3263
- 100% {
3264
- transform-origin: left bottom;
3265
- transform: rotate(90deg);
3266
- opacity: 0;
3267
- }
3268
- }
3269
-
3270
- .animated.rotateOutDownLeft {
3271
- -webkit-animation-name: rotateOutDownLeft;
3272
- -moz-animation-name: rotateOutDownLeft;
3273
- -o-animation-name: rotateOutDownLeft;
3274
- animation-name: rotateOutDownLeft;
3275
- }
3276
- @-webkit-keyframes rotateOutUpRight {
3277
- 0% {
3278
- -webkit-transform-origin: right bottom;
3279
- -webkit-transform: rotate(0);
3280
- opacity: 1;
3281
- }
3282
-
3283
- 100% {
3284
- -webkit-transform-origin: right bottom;
3285
- -webkit-transform: rotate(90deg);
3286
- opacity: 0;
3287
- }
3288
- }
3289
-
3290
- @-moz-keyframes rotateOutUpRight {
3291
- 0% {
3292
- -moz-transform-origin: right bottom;
3293
- -moz-transform: rotate(0);
3294
- opacity: 1;
3295
- }
3296
-
3297
- 100% {
3298
- -moz-transform-origin: right bottom;
3299
- -moz-transform: rotate(90deg);
3300
- opacity: 0;
3301
- }
3302
- }
3303
-
3304
- @-o-keyframes rotateOutUpRight {
3305
- 0% {
3306
- -o-transform-origin: right bottom;
3307
- -o-transform: rotate(0);
3308
- opacity: 1;
3309
- }
3310
-
3311
- 100% {
3312
- -o-transform-origin: right bottom;
3313
- -o-transform: rotate(90deg);
3314
- opacity: 0;
3315
- }
3316
- }
3317
-
3318
- @keyframes rotateOutUpRight {
3319
- 0% {
3320
- transform-origin: right bottom;
3321
- transform: rotate(0);
3322
- opacity: 1;
3323
- }
3324
-
3325
- 100% {
3326
- transform-origin: right bottom;
3327
- transform: rotate(90deg);
3328
- opacity: 0;
3329
- }
3330
- }
3331
-
3332
- .animated.rotateOutUpRight {
3333
- -webkit-animation-name: rotateOutUpRight;
3334
- -moz-animation-name: rotateOutUpRight;
3335
- -o-animation-name: rotateOutUpRight;
3336
- animation-name: rotateOutUpRight;
3337
- }
3338
- @-webkit-keyframes rotateOutDownRight {
3339
- 0% {
3340
- -webkit-transform-origin: right bottom;
3341
- -webkit-transform: rotate(0);
3342
- opacity: 1;
3343
- }
3344
-
3345
- 100% {
3346
- -webkit-transform-origin: right bottom;
3347
- -webkit-transform: rotate(-90deg);
3348
- opacity: 0;
3349
- }
3350
- }
3351
-
3352
- @-moz-keyframes rotateOutDownRight {
3353
- 0% {
3354
- -moz-transform-origin: right bottom;
3355
- -moz-transform: rotate(0);
3356
- opacity: 1;
3357
- }
3358
-
3359
- 100% {
3360
- -moz-transform-origin: right bottom;
3361
- -moz-transform: rotate(-90deg);
3362
- opacity: 0;
3363
- }
3364
- }
3365
-
3366
- @-o-keyframes rotateOutDownRight {
3367
- 0% {
3368
- -o-transform-origin: right bottom;
3369
- -o-transform: rotate(0);
3370
- opacity: 1;
3371
- }
3372
-
3373
- 100% {
3374
- -o-transform-origin: right bottom;
3375
- -o-transform: rotate(-90deg);
3376
- opacity: 0;
3377
- }
3378
- }
3379
-
3380
- @keyframes rotateOutDownRight {
3381
- 0% {
3382
- transform-origin: right bottom;
3383
- transform: rotate(0);
3384
- opacity: 1;
3385
- }
3386
-
3387
- 100% {
3388
- transform-origin: right bottom;
3389
- transform: rotate(-90deg);
3390
- opacity: 0;
3391
- }
3392
- }
3393
-
3394
- .animated.rotateOutDownRight {
3395
- -webkit-animation-name: rotateOutDownRight;
3396
- -moz-animation-name: rotateOutDownRight;
3397
- -o-animation-name: rotateOutDownRight;
3398
- animation-name: rotateOutDownRight;
3399
- }
3400
-
3401
- @-webkit-keyframes zoomIn {
3402
- 0% {
3403
- opacity: 0;
3404
- -webkit-transform: scale3d(.3, .3, .3);
3405
- transform: scale3d(.3, .3, .3);
3406
- }
3407
-
3408
- 50% {
3409
- opacity: 1;
3410
- }
3411
- }
3412
-
3413
- @keyframes zoomIn {
3414
- 0% {
3415
- opacity: 0;
3416
- -webkit-transform: scale3d(.3, .3, .3);
3417
- transform: scale3d(.3, .3, .3);
3418
- }
3419
-
3420
- 50% {
3421
- opacity: 1;
3422
- }
3423
- }
3424
-
3425
- .animated.zoomIn {
3426
- -webkit-animation-name: zoomIn;
3427
- animation-name: zoomIn;
3428
- }
3429
-
3430
- @-webkit-keyframes zoomInDown {
3431
- 0% {
3432
- opacity: 0;
3433
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3434
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3435
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3436
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3437
- }
3438
-
3439
- 60% {
3440
- opacity: 1;
3441
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3442
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3443
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3444
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3445
- }
3446
- }
3447
-
3448
- @keyframes zoomInDown {
3449
- 0% {
3450
- opacity: 0;
3451
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3452
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3453
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3454
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3455
- }
3456
-
3457
- 60% {
3458
- opacity: 1;
3459
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3460
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3461
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3462
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3463
- }
3464
- }
3465
-
3466
- .animated.zoomInDown {
3467
- -webkit-animation-name: zoomInDown;
3468
- animation-name: zoomInDown;
3469
- }
3470
-
3471
- @-webkit-keyframes zoomInLeft {
3472
- 0% {
3473
- opacity: 0;
3474
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3475
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3476
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3477
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3478
- }
3479
-
3480
- 60% {
3481
- opacity: 1;
3482
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3483
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3484
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3485
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3486
- }
3487
- }
3488
-
3489
- @keyframes zoomInLeft {
3490
- 0% {
3491
- opacity: 0;
3492
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3493
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3494
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3495
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3496
- }
3497
-
3498
- 60% {
3499
- opacity: 1;
3500
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3501
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3502
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3503
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3504
- }
3505
- }
3506
-
3507
- .animated.zoomInLeft {
3508
- -webkit-animation-name: zoomInLeft;
3509
- animation-name: zoomInLeft;
3510
- }
3511
-
3512
- @-webkit-keyframes zoomInRight {
3513
- 0% {
3514
- opacity: 0;
3515
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3516
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3517
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3518
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3519
- }
3520
-
3521
- 60% {
3522
- opacity: 1;
3523
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3524
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3525
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3526
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3527
- }
3528
- }
3529
-
3530
- @keyframes zoomInRight {
3531
- 0% {
3532
- opacity: 0;
3533
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3534
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3535
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3536
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3537
- }
3538
-
3539
- 60% {
3540
- opacity: 1;
3541
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3542
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3543
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3544
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3545
- }
3546
- }
3547
-
3548
- .animated.zoomInRight {
3549
- -webkit-animation-name: zoomInRight;
3550
- animation-name: zoomInRight;
3551
- }
3552
-
3553
- @-webkit-keyframes zoomInUp {
3554
- 0% {
3555
- opacity: 0;
3556
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3557
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3558
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3559
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3560
- }
3561
-
3562
- 60% {
3563
- opacity: 1;
3564
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3565
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3566
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3567
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3568
- }
3569
- }
3570
-
3571
- @keyframes zoomInUp {
3572
- 0% {
3573
- opacity: 0;
3574
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3575
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3576
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3577
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3578
- }
3579
-
3580
- 60% {
3581
- opacity: 1;
3582
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3583
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3584
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3585
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3586
- }
3587
- }
3588
-
3589
- .animated.zoomInUp {
3590
- -webkit-animation-name: zoomInUp;
3591
- animation-name: zoomInUp;
3592
- }
3593
-
3594
- @-webkit-keyframes zoomOut {
3595
- 0% {
3596
- opacity: 1;
3597
- }
3598
-
3599
- 50% {
3600
- opacity: 0;
3601
- -webkit-transform: scale3d(.3, .3, .3);
3602
- transform: scale3d(.3, .3, .3);
3603
- }
3604
-
3605
- 100% {
3606
- opacity: 0;
3607
- }
3608
- }
3609
-
3610
- @keyframes zoomOut {
3611
- 0% {
3612
- opacity: 1;
3613
- }
3614
-
3615
- 50% {
3616
- opacity: 0;
3617
- -webkit-transform: scale3d(.3, .3, .3);
3618
- transform: scale3d(.3, .3, .3);
3619
- }
3620
-
3621
- 100% {
3622
- opacity: 0;
3623
- }
3624
- }
3625
-
3626
- .animated.zoomOut {
3627
- -webkit-animation-name: zoomOut;
3628
- animation-name: zoomOut;
3629
- }
3630
-
3631
- @-webkit-keyframes zoomOutDown {
3632
- 40% {
3633
- opacity: 1;
3634
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3635
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3636
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3637
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3638
- }
3639
-
3640
- 100% {
3641
- opacity: 0;
3642
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3643
- transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3644
- -webkit-transform-origin: center bottom;
3645
- transform-origin: center bottom;
3646
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3647
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3648
- }
3649
- }
3650
-
3651
- @keyframes zoomOutDown {
3652
- 40% {
3653
- opacity: 1;
3654
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3655
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3656
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3657
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3658
- }
3659
-
3660
- 100% {
3661
- opacity: 0;
3662
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3663
- transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3664
- -webkit-transform-origin: center bottom;
3665
- transform-origin: center bottom;
3666
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3667
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3668
- }
3669
- }
3670
-
3671
- .animated.zoomOutDown {
3672
- -webkit-animation-name: zoomOutDown;
3673
- animation-name: zoomOutDown;
3674
- }
3675
-
3676
- @-webkit-keyframes zoomOutLeft {
3677
- 40% {
3678
- opacity: 1;
3679
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3680
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3681
- }
3682
-
3683
- 100% {
3684
- opacity: 0;
3685
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3686
- transform: scale(.1) translate3d(-2000px, 0, 0);
3687
- -webkit-transform-origin: left center;
3688
- transform-origin: left center;
3689
- }
3690
- }
3691
-
3692
- @keyframes zoomOutLeft {
3693
- 40% {
3694
- opacity: 1;
3695
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3696
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3697
- }
3698
-
3699
- 100% {
3700
- opacity: 0;
3701
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3702
- transform: scale(.1) translate3d(-2000px, 0, 0);
3703
- -webkit-transform-origin: left center;
3704
- transform-origin: left center;
3705
- }
3706
- }
3707
-
3708
- .animated.zoomOutLeft {
3709
- -webkit-animation-name: zoomOutLeft;
3710
- animation-name: zoomOutLeft;
3711
- }
3712
-
3713
- @-webkit-keyframes zoomOutRight {
3714
- 40% {
3715
- opacity: 1;
3716
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3717
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3718
- }
3719
-
3720
- 100% {
3721
- opacity: 0;
3722
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3723
- transform: scale(.1) translate3d(2000px, 0, 0);
3724
- -webkit-transform-origin: right center;
3725
- transform-origin: right center;
3726
- }
3727
- }
3728
-
3729
- @keyframes zoomOutRight {
3730
- 40% {
3731
- opacity: 1;
3732
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3733
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3734
- }
3735
-
3736
- 100% {
3737
- opacity: 0;
3738
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3739
- transform: scale(.1) translate3d(2000px, 0, 0);
3740
- -webkit-transform-origin: right center;
3741
- transform-origin: right center;
3742
- }
3743
- }
3744
-
3745
- .animated.zoomOutRight {
3746
- -webkit-animation-name: zoomOutRight;
3747
- animation-name: zoomOutRight;
3748
- }
3749
-
3750
- @-webkit-keyframes zoomOutUp {
3751
- 40% {
3752
- opacity: 1;
3753
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3754
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3755
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3756
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3757
- }
3758
-
3759
- 100% {
3760
- opacity: 0;
3761
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3762
- transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3763
- -webkit-transform-origin: center bottom;
3764
- transform-origin: center bottom;
3765
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3766
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3767
- }
3768
- }
3769
-
3770
- @keyframes zoomOutUp {
3771
- 40% {
3772
- opacity: 1;
3773
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3774
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3775
- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3776
- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3777
- }
3778
-
3779
- 100% {
3780
- opacity: 0;
3781
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3782
- transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3783
- -webkit-transform-origin: center bottom;
3784
- transform-origin: center bottom;
3785
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3786
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3787
- }
3788
- }
3789
-
3790
- .animated.zoomOutUp {
3791
- -webkit-animation-name: zoomOutUp;
3792
- animation-name: zoomOutUp;
3793
- }
3794
-
3795
- @-webkit-keyframes slideInDown {
3796
- 0% {
3797
- -webkit-transform: translate3d(0, -1080px, 0);
3798
- transform: translate3d(0, -1080px, 0);
3799
- opacity: 1;
3800
- }
3801
-
3802
- 100% {
3803
- -webkit-transform: translate3d(0, 0, 0);
3804
- transform: translate3d(0, 0, 0);
3805
- }
3806
- }
3807
-
3808
- @keyframes slideInDown {
3809
- 0% {
3810
- -webkit-transform: translate3d(0, -1080px, 0);
3811
- transform: translate3d(0, -1080px, 0);
3812
- opacity: 1;
3813
- }
3814
-
3815
- 100% {
3816
- -webkit-transform: translate3d(0, 0, 0);
3817
- transform: translate3d(0, 0, 0);
3818
- }
3819
- }
3820
-
3821
- .animated.slideInDown {
3822
- -webkit-animation-name: slideInDown;
3823
- animation-name: slideInDown;
3824
- }
3825
-
3826
- @-webkit-keyframes slideInLeft {
3827
- 0% {
3828
- -webkit-transform: translate3d(-3000px, 0, 0);
3829
- transform: translate3d(-3000px, 0, 0);
3830
- opacity: 1;
3831
- }
3832
-
3833
- 100% {
3834
- -webkit-transform: translate3d(0, 0, 0);
3835
- transform: translate3d(0, 0, 0);
3836
- }
3837
- }
3838
-
3839
- @keyframes slideInLeft {
3840
- 0% {
3841
- -webkit-transform: translate3d(-3000px, 0, 0);
3842
- transform: translate3d(-3000px, 0, 0);
3843
- opacity: 1;
3844
- }
3845
-
3846
- 100% {
3847
- -webkit-transform: translate3d(0, 0, 0);
3848
- transform: translate3d(0, 0, 0);
3849
- }
3850
- }
3851
-
3852
- .animated.slideInLeft {
3853
- -webkit-animation-name: slideInLeft;
3854
- animation-name: slideInLeft;
3855
- }
3856
-
3857
- @-webkit-keyframes slideInRight {
3858
- 0% {
3859
- -webkit-transform: translate3d(3000px, 0, 0);
3860
- transform: translate3d(3000px, 0, 0);
3861
- opacity: 1;
3862
- }
3863
-
3864
- 100% {
3865
- -webkit-transform: translate3d(0, 0, 0);
3866
- transform: translate3d(0, 0, 0);
3867
- }
3868
- }
3869
-
3870
- @keyframes slideInRight {
3871
- 0% {
3872
- -webkit-transform: translate3d(3000px, 0, 0);
3873
- transform: translate3d(3000px, 0, 0);
3874
- opacity: 1;
3875
- }
3876
-
3877
- 100% {
3878
- -webkit-transform: translate3d(0, 0, 0);
3879
- transform: translate3d(0, 0, 0);
3880
- }
3881
- }
3882
-
3883
- .animated.slideInRight {
3884
- -webkit-animation-name: slideInRight;
3885
- animation-name: slideInRight;
3886
- }
3887
-
3888
- @-webkit-keyframes slideInUp {
3889
- 0% {
3890
- -webkit-transform: translate3d(0, 1080px, 0);
3891
- transform: translate3d(0, 1080px, 0);
3892
- opacity: 1;
3893
- }
3894
-
3895
- 100% {
3896
- -webkit-transform: translate3d(0, 0, 0);
3897
- transform: translate3d(0, 0, 0);
3898
- }
3899
- }
3900
-
3901
- @keyframes slideInUp {
3902
- 0% {
3903
- -webkit-transform: translate3d(0, 1080px, 0);
3904
- transform: translate3d(0, 1080px, 0);
3905
- opacity: 1;
3906
- }
3907
-
3908
- 100% {
3909
- -webkit-transform: translate3d(0, 0, 0);
3910
- transform: translate3d(0, 0, 0);
3911
- }
3912
- }
3913
-
3914
- .animated.slideInUp {
3915
- -webkit-animation-name: slideInUp;
3916
- animation-name: slideInUp;
3917
- }
3918
-
3919
- @-webkit-keyframes slideOutDown {
3920
- 0% {
3921
- -webkit-transform: translate3d(0, 0, 0);
3922
- transform: translate3d(0, 0, 0);
3923
- }
3924
-
3925
- 100% {
3926
- opacity: 0;
3927
- -webkit-transform: translate3d(0, 1080px, 0);
3928
- transform: translate3d(0, 1080px, 0);
3929
- }
3930
- }
3931
-
3932
- @keyframes slideOutDown {
3933
- 0% {
3934
- -webkit-transform: translate3d(0, 0, 0);
3935
- transform: translate3d(0, 0, 0);
3936
- }
3937
-
3938
- 100% {
3939
- opacity: 0;
3940
- -webkit-transform: translate3d(0, 1080px, 0);
3941
- transform: translate3d(0, 1080px, 0);
3942
- }
3943
- }
3944
-
3945
- .animated.slideOutDown {
3946
- -webkit-animation-name: slideOutDown;
3947
- animation-name: slideOutDown;
3948
- }
3949
-
3950
- @-webkit-keyframes slideOutLeft {
3951
- 0% {
3952
- -webkit-transform: translate3d(0, 0, 0);
3953
- transform: translate3d(0, 0, 0);
3954
- }
3955
-
3956
- 100% {
3957
- opacity: 0;
3958
- -webkit-transform: translate3d(-3000px, 0, 0);
3959
- transform: translate3d(-3000px, 0, 0);
3960
- }
3961
- }
3962
-
3963
- @keyframes slideOutLeft {
3964
- 0% {
3965
- -webkit-transform: translate3d(0, 0, 0);
3966
- transform: translate3d(0, 0, 0);
3967
- }
3968
-
3969
- 100% {
3970
- opacity: 0;
3971
- -webkit-transform: translate3d(-3000px, 0, 0);
3972
- transform: translate3d(-3000px, 0, 0);
3973
- }
3974
- }
3975
-
3976
- .animated.slideOutLeft {
3977
- -webkit-animation-name: slideOutLeft;
3978
- animation-name: slideOutLeft;
3979
- }
3980
-
3981
- @-webkit-keyframes slideOutRight {
3982
- 0% {
3983
- -webkit-transform: translate3d(0, 0, 0);
3984
- transform: translate3d(0, 0, 0);
3985
- }
3986
-
3987
- 100% {
3988
- opacity: 0;
3989
- -webkit-transform: translate3d(3000px, 0, 0);
3990
- transform: translate3d(3000px, 0, 0);
3991
- }
3992
- }
3993
-
3994
- @keyframes slideOutRight {
3995
- 0% {
3996
- -webkit-transform: translate3d(0, 0, 0);
3997
- transform: translate3d(0, 0, 0);
3998
- }
3999
-
4000
- 100% {
4001
- opacity: 0;
4002
- -webkit-transform: translate3d(3000px, 0, 0);
4003
- transform: translate3d(3000px, 0, 0);
4004
- }
4005
- }
4006
-
4007
- .animated.slideOutRight {
4008
- -webkit-animation-name: slideOutRight;
4009
- animation-name: slideOutRight;
4010
- }
4011
-
4012
- @-webkit-keyframes slideOutUp {
4013
- 0% {
4014
- -webkit-transform: translate3d(0, 0, 0);
4015
- transform: translate3d(0, 0, 0);
4016
- }
4017
-
4018
- 100% {
4019
- opacity: 0;
4020
- -webkit-transform: translate3d(0, -1080px, 0);
4021
- transform: translate3d(0, -1080px, 0);
4022
- }
4023
- }
4024
-
4025
- @keyframes slideOutUp {
4026
- 0% {
4027
- -webkit-transform: translate3d(0, 0, 0);
4028
- transform: translate3d(0, 0, 0);
4029
- }
4030
-
4031
- 100% {
4032
- opacity: 0;
4033
- -webkit-transform: translate3d(0, -1080px, 0);
4034
- transform: translate3d(0, -1080px, 0);
4035
- }
4036
- }
4037
-
4038
- .animated.slideOutUp {
4039
- -webkit-animation-name: slideOutUp;
4040
- animation-name: slideOutUp;
4041
- }
4042
-
4043
- @-webkit-keyframes hinge {
4044
- 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4045
- 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4046
- 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4047
- 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4048
- 100% { -webkit-transform: translateY(700px); opacity: 0; }
4049
- }
4050
-
4051
- @-moz-keyframes hinge {
4052
- 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4053
- 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4054
- 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4055
- 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4056
- 100% { -moz-transform: translateY(700px); opacity: 0; }
4057
- }
4058
-
4059
- @-o-keyframes hinge {
4060
- 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4061
- 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4062
- 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4063
- 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4064
- 100% { -o-transform: translateY(700px); opacity: 0; }
4065
- }
4066
-
4067
- @keyframes hinge {
4068
- 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
4069
- 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
4070
- 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
4071
- 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
4072
- 100% { transform: translateY(700px); opacity: 0; }
4073
- }
4074
-
4075
- .animated.hinge {
4076
- -webkit-animation-name: hinge;
4077
- -moz-animation-name: hinge;
4078
- -o-animation-name: hinge;
4079
- animation-name: hinge;
4080
- }
4081
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
4082
-
4083
- @-webkit-keyframes rollIn {
4084
- 0% { opacity: 0; -webkit-transform: translateX(-3000px) rotate(-120deg); }
4085
- 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
4086
- }
4087
-
4088
- @-moz-keyframes rollIn {
4089
- 0% { opacity: 0; -moz-transform: translateX(-3000px) rotate(-120deg); }
4090
- 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
4091
- }
4092
-
4093
- @-o-keyframes rollIn {
4094
- 0% { opacity: 0; -o-transform: translateX(-3000px) rotate(-120deg); }
4095
- 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
4096
- }
4097
-
4098
- @keyframes rollIn {
4099
- 0% { opacity: 0; transform: translateX(-3000px) rotate(-120deg); }
4100
- 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
4101
- }
4102
-
4103
- .animated.rollIn {
4104
- -webkit-animation-name: rollIn;
4105
- -moz-animation-name: rollIn;
4106
- -o-animation-name: rollIn;
4107
- animation-name: rollIn;
4108
- }
4109
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
4110
-
4111
- @-webkit-keyframes rollOut {
4112
- 0% {
4113
- opacity: 1;
4114
- -webkit-transform: translateX(0px) rotate(0deg);
4115
- }
4116
-
4117
- 100% {
4118
- opacity: 0;
4119
- -webkit-transform: translateX(3000px) rotate(120deg);
4120
- }
4121
- }
4122
-
4123
- @-moz-keyframes rollOut {
4124
- 0% {
4125
- opacity: 1;
4126
- -moz-transform: translateX(0px) rotate(0deg);
4127
- }
4128
-
4129
- 100% {
4130
- opacity: 0;
4131
- -moz-transform: translateX(3000px) rotate(120deg);
4132
- }
4133
- }
4134
-
4135
- @-o-keyframes rollOut {
4136
- 0% {
4137
- opacity: 1;
4138
- -o-transform: translateX(0px) rotate(0deg);
4139
- }
4140
-
4141
- 100% {
4142
- opacity: 0;
4143
- -o-transform: translateX(3000px) rotate(120deg);
4144
- }
4145
- }
4146
-
4147
- @keyframes rollOut {
4148
- 0% {
4149
- opacity: 1;
4150
- transform: translateX(0px) rotate(0deg);
4151
- }
4152
-
4153
- 100% {
4154
- opacity: 0;
4155
- transform: translateX(3000px) rotate(120deg);
4156
- }
4157
- }
4158
-
4159
- .animated.rollOut {
4160
- -webkit-animation-name: rollOut;
4161
- -moz-animation-name: rollOut;
4162
- -o-animation-name: rollOut;
4163
- animation-name: rollOut;
4164
- }
4165
-
4166
- /* originally authored by Angelo Rohit - https://github.com/angelorohit */
4167
-
4168
- @-webkit-keyframes lightSpeedIn {
4169
- 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4170
- 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
4171
- 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
4172
- 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
4173
- }
4174
-
4175
- @-moz-keyframes lightSpeedIn {
4176
- 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4177
- 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
4178
- 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
4179
- 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
4180
- }
4181
-
4182
- @-o-keyframes lightSpeedIn {
4183
- 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4184
- 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
4185
- 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
4186
- 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
4187
- }
4188
-
4189
- @keyframes lightSpeedIn {
4190
- 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
4191
- 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
4192
- 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
4193
- 100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
4194
- }
4195
-
4196
- .animated.lightSpeedIn {
4197
- -webkit-animation-name: lightSpeedIn;
4198
- -moz-animation-name: lightSpeedIn;
4199
- -o-animation-name: lightSpeedIn;
4200
- animation-name: lightSpeedIn;
4201
-
4202
- -webkit-animation-timing-function: ease-out;
4203
- -moz-animation-timing-function: ease-out;
4204
- -o-animation-timing-function: ease-out;
4205
- animation-timing-function: ease-out;
4206
- }
4207
-
4208
- .animated.lightSpeedIn {
4209
- -webkit-animation-duration: 0.5s;
4210
- -moz-animation-duration: 0.5s;
4211
- -o-animation-duration: 0.5s;
4212
- animation-duration: 0.5s;
4213
- }
4214
-
4215
- /* originally authored by Angelo Rohit - https://github.com/angelorohit */
4216
-
4217
- @-webkit-keyframes lightSpeedOut {
4218
- 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
4219
- 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4220
- }
4221
-
4222
- @-moz-keyframes lightSpeedOut {
4223
- 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
4224
- 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4225
- }
4226
-
4227
- @-o-keyframes lightSpeedOut {
4228
- 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
4229
- 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4230
- }
4231
-
4232
- @keyframes lightSpeedOut {
4233
- 0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
4234
- 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
4235
- }
4236
-
4237
- .animated.lightSpeedOut {
4238
- -webkit-animation-name: lightSpeedOut;
4239
- -moz-animation-name: lightSpeedOut;
4240
- -o-animation-name: lightSpeedOut;
4241
- animation-name: lightSpeedOut;
4242
-
4243
- -webkit-animation-timing-function: ease-in;
4244
- -moz-animation-timing-function: ease-in;
4245
- -o-animation-timing-function: ease-in;
4246
- animation-timing-function: ease-in;
4247
- }
4248
-
4249
- .animated.lightSpeedOut {
4250
- -webkit-animation-duration: 0.25s;
4251
- -moz-animation-duration: 0.25s;
4252
- -o-animation-duration: 0.25s;
4253
- animation-duration: 0.25s;
4254
- }
4255
-
4256
- /* originally authored by Angelo Rohit - https://github.com/angelorohit */
4257
-
4258
- @-webkit-keyframes wiggle {
4259
- 0% { -webkit-transform: skewX(9deg); }
4260
- 10% { -webkit-transform: skewX(-8deg); }
4261
- 20% { -webkit-transform: skewX(7deg); }
4262
- 30% { -webkit-transform: skewX(-6deg); }
4263
- 40% { -webkit-transform: skewX(5deg); }
4264
- 50% { -webkit-transform: skewX(-4deg); }
4265
- 60% { -webkit-transform: skewX(3deg); }
4266
- 70% { -webkit-transform: skewX(-2deg); }
4267
- 80% { -webkit-transform: skewX(1deg); }
4268
- 90% { -webkit-transform: skewX(0deg); }
4269
- 100% { -webkit-transform: skewX(0deg); }
4270
- }
4271
-
4272
- @-moz-keyframes wiggle {
4273
- 0% { -moz-transform: skewX(9deg); }
4274
- 10% { -moz-transform: skewX(-8deg); }
4275
- 20% { -moz-transform: skewX(7deg); }
4276
- 30% { -moz-transform: skewX(-6deg); }
4277
- 40% { -moz-transform: skewX(5deg); }
4278
- 50% { -moz-transform: skewX(-4deg); }
4279
- 60% { -moz-transform: skewX(3deg); }
4280
- 70% { -moz-transform: skewX(-2deg); }
4281
- 80% { -moz-transform: skewX(1deg); }
4282
- 90% { -moz-transform: skewX(0deg); }
4283
- 100% { -moz-transform: skewX(0deg); }
4284
- }
4285
-
4286
- @-o-keyframes wiggle {
4287
- 0% { -o-transform: skewX(9deg); }
4288
- 10% { -o-transform: skewX(-8deg); }
4289
- 20% { -o-transform: skewX(7deg); }
4290
- 30% { -o-transform: skewX(-6deg); }
4291
- 40% { -o-transform: skewX(5deg); }
4292
- 50% { -o-transform: skewX(-4deg); }
4293
- 60% { -o-transform: skewX(3deg); }
4294
- 70% { -o-transform: skewX(-2deg); }
4295
- 80% { -o-transform: skewX(1deg); }
4296
- 90% { -o-transform: skewX(0deg); }
4297
- 100% { -o-transform: skewX(0deg); }
4298
- }
4299
-
4300
- @keyframes wiggle {
4301
- 0% { transform: skewX(9deg); }
4302
- 10% { transform: skewX(-8deg); }
4303
- 20% { transform: skewX(7deg); }
4304
- 30% { transform: skewX(-6deg); }
4305
- 40% { transform: skewX(5deg); }
4306
- 50% { transform: skewX(-4deg); }
4307
- 60% { transform: skewX(3deg); }
4308
- 70% { transform: skewX(-2deg); }
4309
- 80% { transform: skewX(1deg); }
4310
- 90% { transform: skewX(0deg); }
4311
- 100% { transform: skewX(0deg); }
4312
- }
4313
-
4314
- .animated.wiggle {
4315
- -webkit-animation-name: wiggle;
4316
- -moz-animation-name: wiggle;
4317
- -o-animation-name: wiggle;
4318
- animation-name: wiggle;
4319
-
4320
- -webkit-animation-timing-function: ease-in;
4321
- -moz-animation-timing-function: ease-in;
4322
- -o-animation-timing-function: ease-in;
4323
- animation-timing-function: ease-in;
4324
- }
4325
-
4326
- .animated.wiggle {
4327
- -webkit-animation-duration: 0.75s;
4328
- -moz-animation-duration: 0.75s;
4329
- -o-animation-duration: 0.75s;
4330
- animation-duration: 0.75s;
4331
- }
4332
-
4333
-
4334
-
4335
- /*
4336
-
4337
- A couple of additions for the animo.js library
4338
-
4339
- Daniel Raftery <@ThirvingKings>
4340
-
4341
- */
4342
-
4343
- .animated.fade {
4344
- -webkit-animation-name: fade;
4345
- -moz-animation-name: fade;
4346
- -o-animation-name: fade;
4347
- animation-name: fade;
4348
- }
4349
-
4350
- @-webkit-keyframes fade {
4351
- 0% { opacity: 1; }
4352
- 100% { opacity: 0; }
4353
- }
4354
-
4355
- @-moz-keyframes fade {
4356
- 0% { opacity: 1; }
4357
- 100% { opacity: 0; }
4358
- }
4359
-
4360
- @-o-keyframes fade {
4361
- 0% { opacity: 1; }
4362
- 100% { opacity: 0; }
4363
- }
4364
-
4365
- @keyframes fade {
4366
- 0% { opacity: 1; }
4367
- 100% { opacity: 0; }
4368
- }
4369
-
4370
- .animated.appear {
4371
- -webkit-animation-name: appear;
4372
- -moz-animation-name: appear;
4373
- -o-animation-name: appear;
4374
- animation-name: appear;
4375
- }
4376
-
4377
- @-webkit-keyframes appear {
4378
- 0% { opacity: 0; }
4379
- 100% { opacity: 1; }
4380
- }
4381
-
4382
- @-moz-keyframes appear {
4383
- 0% { opacity: 0; }
4384
- 100% { opacity: 1; }
4385
- }
4386
-
4387
- @-o-keyframes appear {
4388
- 0% { opacity: 0; }
4389
- 100% { opacity: 1; }
4390
- }
4391
-
4392
- @keyframes appear {
4393
- 0% { opacity: 0; }
4394
- 100% { opacity: 1; }
4395
- }
4396
-
4397
- .animated.spinner {
4398
- -webkit-animation-name: spinner;
4399
- -moz-animation-name: spinner;
4400
- -o-animation-name: spinner;
4401
- animation-name: spinner;
4402
- }
4403
-
4404
- @-webkit-keyframes spinner {
4405
- 0% { -webkit-transform: rotate(0deg); }
4406
- 100% { -webkit-transform: rotate(360deg); }
4407
- }
4408
-
4409
- @-moz-keyframes spinner {
4410
- 0% { -moz-transform: rotate(0deg); }
4411
- 100% { -moz-transform: rotate(360deg); }
4412
- }
4413
-
4414
- @-o-keyframes spinner {
4415
- 0% { -o-transform: rotate(0deg); }
4416
- 100% { -o-transform: rotate(360deg); }
4417
- }
4418
-
4419
- @keyframes spinner {
4420
- 0% { transform: rotate(0deg); }
4421
- 100% { transform: rotate(360deg); }
4422
- }
4423
-
4424
- .animated.twirlIn {
4425
- -webkit-animation-name: twirlIn;
4426
- -moz-animation-name: twirlIn;
4427
- -o-animation-name: twirlIn;
4428
- animation-name: twirlIn;
4429
- }
4430
-
4431
- @-webkit-keyframes twirlIn {
4432
- 0% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
4433
- 100% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
4434
- }
4435
-
4436
- @-moz-keyframes twirlIn {
4437
- 0% { -moz-transform: rotate3d( 80,70,10,180deg ); }
4438
- 100% { -moz-transform: rotate3d( 0,0,0,0deg ); }
4439
- }
4440
-
4441
- @-o-keyframes twirlIn {
4442
- 0% { -o-transform: rotate3d( 80,70,10,180deg ); }
4443
- 100% { -o-transform: rotate3d( 0,0,0,0deg ); }
4444
- }
4445
-
4446
- @keyframes twirlIn {
4447
- 0% { transform: rotate3d( 0,0,0,0deg ); }
4448
- 100% { transform: rotate3d( 80,70,10,180deg ); }
4449
- }
4450
-
4451
- .animated.twirlOut {
4452
- -webkit-animation-name: twirlOut;
4453
- -moz-animation-name: twirlOut;
4454
- -o-animation-name: twirlOut;
4455
- animation-name: twirlOut;
4456
- }
4457
-
4458
- @-webkit-keyframes twirlOut {
4459
- 0% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
4460
- 100% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
4461
- }
4462
-
4463
- @-moz-keyframes twirlOut {
4464
- 0% { -moz-transform: rotate3d( 0,0,0,0deg ); }
4465
- 100% { -moz-transform: rotate3d( 80,70,10,180deg ); }
4466
- }
4467
-
4468
- @-o-keyframes twirlOut {
4469
- 0% { -o-transform: rotate3d( 0,0,0,0deg ); }
4470
- 100% { -o-transform: rotate3d( 80,70,10,180deg ); }
4471
- }
4472
-
4473
- @keyframes twirlOut {
4474
- 0% { transform: rotate3d( 0,0,0,0deg ); }
4475
- 100% { transform: rotate3d( 80,70,10,180deg ); }
4476
- }
4477
-
4478
- .eds-animation-paused {
4479
- -webkit-animation-play-state: paused;
4480
- animation-play-state: paused;
4481
- }
4482
-
 
 
 
 
 
1
+ @charset "UTF-8";
2
+ /*
3
+ Animate.css - http://daneden.me/animate
4
+ Licensed under the MIT license
5
+
6
+ Copyright (c) 2013 Daniel Eden
7
+
8
+ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
9
+
10
+ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
11
+
12
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
13
+ */
14
+
15
+ .eds-animate {
16
+ overflow: hidden;
17
+ }
18
+
19
+ .edsanimate-sis-hidden {
20
+ opacity:0;
21
+ overflow: auto !important;
22
+ }
23
+
24
+ .eds-scroll-hidden {
25
+ opacity:0;
26
+ }
27
+
28
+ .eds-scroll-visible {
29
+ opacity:1;
30
+ }
31
+
32
+ .animated {
33
+ -webkit-animation-duration: 1s;
34
+ -moz-animation-duration: 1s;
35
+ -ms-animation-duration: 1s;
36
+ -o-animation-duration: 1s;
37
+ }
38
+
39
+ /*Delay classes*/
40
+ .delay1 {
41
+ -webkit-animation-delay: .5s;
42
+ -moz-animation-delay: .5s;
43
+ -ms-animation-delay: .5s;
44
+ -o-animation-delay: .5s;
45
+ }
46
+
47
+ .delay2 {
48
+ -webkit-animation-delay: 1s;
49
+ -moz-animation-delay: 1s;
50
+ -ms-animation-delay: 1s;
51
+ -o-animation-delay: 1s;
52
+ }
53
+
54
+ .delay3 {
55
+ -webkit-animation-delay: 1.5s;
56
+ -moz-animation-delay: 1.5s;
57
+ -ms-animation-delay: 1.5s;
58
+ -o-animation-delay: 1.5s;
59
+ }
60
+
61
+ .delay4 {
62
+ -webkit-animation-delay: 2s;
63
+ -moz-animation-delay: 2s;
64
+ -ms-animation-delay: 2s;
65
+ -o-animation-delay: 2s;
66
+ }
67
+
68
+ .delay5 {
69
+ -webkit-animation-delay: 2.5s;
70
+ -moz-animation-delay: 2.5s;
71
+ -ms-animation-delay: 2.5s;
72
+ -o-animation-delay: 2.5s;
73
+ }
74
+
75
+ .delay6 {
76
+ -webkit-animation-delay: 3s;
77
+ -moz-animation-delay: 3s;
78
+ -ms-animation-delay: 3s;
79
+ -o-animation-delay: 3s;
80
+ }
81
+
82
+ .delay7 {
83
+ -webkit-animation-delay: 3.5s;
84
+ -moz-animation-delay: 3.5s;
85
+ -ms-animation-delay: 3.5s;
86
+ -o-animation-delay: 3.5s;
87
+ }
88
+
89
+ .delay8 {
90
+ -webkit-animation-delay: 4s;
91
+ -moz-animation-delay: 4s;
92
+ -ms-animation-delay: 4s;
93
+ -o-animation-delay: 4s;
94
+ }
95
+
96
+ .delay9 {
97
+ -webkit-animation-delay: 4.5s;
98
+ -moz-animation-delay: 4.5s;
99
+ -ms-animation-delay: 4.5s;
100
+ -o-animation-delay: 4.5s;
101
+ }
102
+
103
+ .delay10 {
104
+ -webkit-animation-delay: 5s;
105
+ -moz-animation-delay: 5s;
106
+ -ms-animation-delay: 5s;
107
+ -o-animation-delay: 5s;
108
+ }
109
+
110
+ .delay11 {
111
+ -webkit-animation-delay: 5.5s;
112
+ -moz-animation-delay: 5.5s;
113
+ -ms-animation-delay: 5.5s;
114
+ -o-animation-delay: 5.5s;
115
+ }
116
+
117
+ .delay12 {
118
+ -webkit-animation-delay: 6s;
119
+ -moz-animation-delay: 6s;
120
+ -ms-animation-delay: 6s;
121
+ -o-animation-delay: 6s;
122
+ }
123
+
124
+ /*Duration Classes*/
125
+ .duration1 {
126
+ -webkit-animation-duration: .5s !important;
127
+ -moz-animation-duration: .5s !important;
128
+ -ms-animation-duration: .5s !important;
129
+ -o-animation-duration: .5s !important;
130
+ }
131
+
132
+ .duration2 {
133
+ -webkit-animation-duration: 1s !important;
134
+ -moz-animation-duration: 1s !important;
135
+ -ms-animation-duration: 1s !important;
136
+ -o-animation-duration: 1s !important;
137
+ }
138
+
139
+ .duration3 {
140
+ -webkit-animation-duration: 1.5s !important;
141
+ -moz-animation-duration: 1.5s !important;
142
+ -ms-animation-duration: 1.5s !important;
143
+ -o-animation-duration: 1.5s !important;
144
+ }
145
+
146
+ .duration4 {
147
+ -webkit-animation-duration: 2s !important;
148
+ -moz-animation-duration: 2s !important;
149
+ -ms-animation-duration: 2s !important;
150
+ -o-animation-duration: 2s !important;
151
+ }
152
+
153
+ .duration5 {
154
+ -webkit-animation-duration: 2.5s !important;
155
+ -moz-animation-duration: 2.5s !important;
156
+ -ms-animation-duration: 2.5s !important;
157
+ -o-animation-duration: 2.5s !important;
158
+ }
159
+
160
+ .duration6 {
161
+ -webkit-animation-duration: 3s !important;
162
+ -moz-animation-duration: 3s !important;
163
+ -ms-animation-duration: 3s !important;
164
+ -o-animation-duration: 3s !important;
165
+ }
166
+
167
+ .duration7 {
168
+ -webkit-animation-duration: 3.5s !important;
169
+ -moz-animation-duration: 3.5s !important;
170
+ -ms-animation-duration: 3.5s !important;
171
+ -o-animation-duration: 3.5s !important;
172
+ }
173
+
174
+ .duration8 {
175
+ -webkit-animation-duration: 4s !important;
176
+ -moz-animation-duration: 4s !important;
177
+ -ms-animation-duration: 4s !important;
178
+ -o-animation-duration: 4s !important;
179
+ }
180
+
181
+ .duration9 {
182
+ -webkit-animation-duration: 4.5s !important;
183
+ -moz-animation-duration: 4.5s !important;
184
+ -ms-animation-duration: 4.5s !important;
185
+ -o-animation-duration: 4.5s !important;
186
+ }
187
+
188
+ .duration10 {
189
+ -webkit-animation-duration: 5s !important;
190
+ -moz-animation-duration: 5s !important;
191
+ -ms-animation-duration: 5s !important;
192
+ -o-animation-duration: 5s !important;
193
+ }
194
+
195
+ .duration11 {
196
+ -webkit-animation-duration: 5.5s !important;
197
+ -moz-animation-duration: 5.5s !important;
198
+ -ms-animation-duration: 5.5s !important;
199
+ -o-animation-duration: 5.5s !important;
200
+ }
201
+
202
+ .duration12 {
203
+ -webkit-animation-duration: 6s !important;
204
+ -moz-animation-duration: 6s !important;
205
+ -ms-animation-duration: 6s !important;
206
+ -o-animation-duration: 6s !important;
207
+ }
208
+
209
+ .duration13 {
210
+ -webkit-animation-duration: 6.5s !important;
211
+ -moz-animation-duration: 6.5s !important;
212
+ -ms-animation-duration: 6.5s !important;
213
+ -o-animation-duration: 6.5s !important;
214
+ }
215
+
216
+ .duration14 {
217
+ -webkit-animation-duration: 7s !important;
218
+ -moz-animation-duration: 7s !important;
219
+ -ms-animation-duration: 7s !important;
220
+ -o-animation-duration: 7s !important;
221
+ }
222
+
223
+ .duration15 {
224
+ -webkit-animation-duration: 7.5s !important;
225
+ -moz-animation-duration: 7.5s !important;
226
+ -ms-animation-duration: 7.5s !important;
227
+ -o-animation-duration: 7.5s !important;
228
+ }
229
+
230
+ .duration16 {
231
+ -webkit-animation-duration: 8s !important;
232
+ -moz-animation-duration: 8s !important;
233
+ -ms-animation-duration: 8s !important;
234
+ -o-animation-duration: 8s !important;
235
+ }
236
+
237
+ .duration17 {
238
+ -webkit-animation-duration: 8.5s !important;
239
+ -moz-animation-duration: 8.5s !important;
240
+ -ms-animation-duration: 8.5s !important;
241
+ -o-animation-duration: 8.5s !important;
242
+ }
243
+
244
+ .duration18 {
245
+ -webkit-animation-duration: 9s !important;
246
+ -moz-animation-duration: 9s !important;
247
+ -ms-animation-duration: 9s !important;
248
+ -o-animation-duration: 9s !important;
249
+ }
250
+
251
+ .duration19 {
252
+ -webkit-animation-duration: 9.5s !important;
253
+ -moz-animation-duration: 9.5s !important;
254
+ -ms-animation-duration: 9.5s !important;
255
+ -o-animation-duration: 9.5s !important;
256
+ }
257
+
258
+ .duration20 {
259
+ -webkit-animation-duration: 10s !important;
260
+ -moz-animation-duration: 10s !important;
261
+ -ms-animation-duration: 10s !important;
262
+ -o-animation-duration: 10s !important;
263
+ }
264
+
265
+ .animated {
266
+ /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
267
+ backface-visibility: hidden;
268
+ -o-backface-visibility: hidden;
269
+ -moz-backface-visibility: hidden;
270
+ -webkit-backface-visibility: hidden;
271
+
272
+ animation-fill-mode: both;
273
+ transform: translate3d(0, 0, 0);
274
+ perspective: 1000;
275
+
276
+ -o-animation-fill-mode: both;
277
+ -o-transform: translate3d(0, 0, 0);
278
+ -o-perspective: 1000;
279
+
280
+ -moz-animation-fill-mode: both;
281
+ -moz-transform: translate3d(0, 0, 0);
282
+ -moz-perspective: 1000;
283
+
284
+ -webkit-animation-fill-mode: both;
285
+ -webkit-transform: translate3d(0, 0, 0);
286
+ -webkit-perspective: 1000;
287
+ }
288
+
289
+ .animated.infinite {
290
+ -webkit-animation-iteration-count: infinite;
291
+ animation-iteration-count: infinite;
292
+ }
293
+
294
+ @-webkit-keyframes flash {
295
+ 0%, 50%, 100% {opacity: 1;}
296
+ 25%, 75% {opacity: 0;}
297
+ }
298
+
299
+ @-moz-keyframes flash {
300
+ 0%, 50%, 100% {opacity: 1;}
301
+ 25%, 75% {opacity: 0;}
302
+ }
303
+
304
+ @-o-keyframes flash {
305
+ 0%, 50%, 100% {opacity: 1;}
306
+ 25%, 75% {opacity: 0;}
307
+ }
308
+
309
+ @keyframes flash {
310
+ 0%, 50%, 100% {opacity: 1;}
311
+ 25%, 75% {opacity: 0;}
312
+ }
313
+
314
+ .animated.flash {
315
+ -webkit-animation-name: flash;
316
+ -moz-animation-name: flash;
317
+ -o-animation-name: flash;
318
+ animation-name: flash;
319
+ }
320
+ @-webkit-keyframes shake {
321
+ 0%, 100% {-webkit-transform: translateX(0);}
322
+ 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
323
+ 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
324
+ }
325
+
326
+ @-moz-keyframes shake {
327
+ 0%, 100% {-moz-transform: translateX(0);}
328
+ 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
329
+ 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
330
+ }
331
+
332
+ @-o-keyframes shake {
333
+ 0%, 100% {-o-transform: translateX(0);}
334
+ 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
335
+ 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
336
+ }
337
+
338
+ @keyframes shake {
339
+ 0%, 100% {transform: translateX(0);}
340
+ 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
341
+ 20%, 40%, 60%, 80% {transform: translateX(10px);}
342
+ }
343
+
344
+ .animated.shake {
345
+ -webkit-animation-name: shake;
346
+ -moz-animation-name: shake;
347
+ -o-animation-name: shake;
348
+ animation-name: shake;
349
+ }
350
+ @-webkit-keyframes bounce {
351
+ 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
352
+ 40% {-webkit-transform: translateY(-30px);}
353
+ 60% {-webkit-transform: translateY(-15px);}
354
+ }
355
+
356
+ @-moz-keyframes bounce {
357
+ 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
358
+ 40% {-moz-transform: translateY(-30px);}
359
+ 60% {-moz-transform: translateY(-15px);}
360
+ }
361
+
362
+ @-o-keyframes bounce {
363
+ 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
364
+ 40% {-o-transform: translateY(-30px);}
365
+ 60% {-o-transform: translateY(-15px);}
366
+ }
367
+ @keyframes bounce {
368
+ 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
369
+ 40% {transform: translateY(-30px);}
370
+ 60% {transform: translateY(-15px);}
371
+ }
372
+
373
+ .animated.bounce {
374
+ -webkit-animation-name: bounce;
375
+ -moz-animation-name: bounce;
376
+ -o-animation-name: bounce;
377
+ animation-name: bounce;
378
+ }
379
+ @-webkit-keyframes tada {
380
+ 0% {-webkit-transform: scale(1);}
381
+ 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
382
+ 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
383
+ 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
384
+ 100% {-webkit-transform: scale(1) rotate(0);}
385
+ }
386
+
387
+ @-moz-keyframes tada {
388
+ 0% {-moz-transform: scale(1);}
389
+ 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
390
+ 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
391
+ 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
392
+ 100% {-moz-transform: scale(1) rotate(0);}
393
+ }
394
+
395
+ @-o-keyframes tada {
396
+ 0% {-o-transform: scale(1);}
397
+ 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
398
+ 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
399
+ 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
400
+ 100% {-o-transform: scale(1) rotate(0);}
401
+ }
402
+
403
+ @keyframes tada {
404
+ 0% {transform: scale(1);}
405
+ 10%, 20% {transform: scale(0.9) rotate(-3deg);}
406
+ 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
407
+ 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
408
+ 100% {transform: scale(1) rotate(0);}
409
+ }
410
+
411
+ .animated.tada {
412
+ -webkit-animation-name: tada;
413
+ -moz-animation-name: tada;
414
+ -o-animation-name: tada;
415
+ animation-name: tada;
416
+ }
417
+ @-webkit-keyframes swing {
418
+ 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
419
+ 20% { -webkit-transform: rotate(15deg); }
420
+ 40% { -webkit-transform: rotate(-10deg); }
421
+ 60% { -webkit-transform: rotate(5deg); }
422
+ 80% { -webkit-transform: rotate(-5deg); }
423
+ 100% { -webkit-transform: rotate(0deg); }
424
+ }
425
+
426
+ @-moz-keyframes swing {
427
+ 20% { -moz-transform: rotate(15deg); }
428
+ 40% { -moz-transform: rotate(-10deg); }
429
+ 60% { -moz-transform: rotate(5deg); }
430
+ 80% { -moz-transform: rotate(-5deg); }
431
+ 100% { -moz-transform: rotate(0deg); }
432
+ }
433
+
434
+ @-o-keyframes swing {
435
+ 20% { -o-transform: rotate(15deg); }
436
+ 40% { -o-transform: rotate(-10deg); }
437
+ 60% { -o-transform: rotate(5deg); }
438
+ 80% { -o-transform: rotate(-5deg); }
439
+ 100% { -o-transform: rotate(0deg); }
440
+ }
441
+
442
+ @keyframes swing {
443
+ 20% { transform: rotate(15deg); }
444
+ 40% { transform: rotate(-10deg); }
445
+ 60% { transform: rotate(5deg); }
446
+ 80% { transform: rotate(-5deg); }
447
+ 100% { transform: rotate(0deg); }
448
+ }
449
+
450
+ .animated.swing {
451
+ -webkit-transform-origin: top center;
452
+ -moz-transform-origin: top center;
453
+ -o-transform-origin: top center;
454
+ transform-origin: top center;
455
+ -webkit-animation-name: swing;
456
+ -moz-animation-name: swing;
457
+ -o-animation-name: swing;
458
+ animation-name: swing;
459
+ }
460
+
461
+ @-webkit-keyframes rubberBand {
462
+ 0% {
463
+ -webkit-transform: scale3d(1, 1, 1);
464
+ transform: scale3d(1, 1, 1);
465
+ }
466
+
467
+ 30% {
468
+ -webkit-transform: scale3d(1.25, 0.75, 1);
469
+ transform: scale3d(1.25, 0.75, 1);
470
+ }
471
+
472
+ 40% {
473
+ -webkit-transform: scale3d(0.75, 1.25, 1);
474
+ transform: scale3d(0.75, 1.25, 1);
475
+ }
476
+
477
+ 50% {
478
+ -webkit-transform: scale3d(1.15, 0.85, 1);
479
+ transform: scale3d(1.15, 0.85, 1);
480
+ }
481
+
482
+ 65% {
483
+ -webkit-transform: scale3d(.95, 1.05, 1);
484
+ transform: scale3d(.95, 1.05, 1);
485
+ }
486
+
487
+ 75% {
488
+ -webkit-transform: scale3d(1.05, .95, 1);
489
+ transform: scale3d(1.05, .95, 1);
490
+ }
491
+
492
+ 100% {
493
+ -webkit-transform: scale3d(1, 1, 1);
494
+ transform: scale3d(1, 1, 1);
495
+ }
496
+ }
497
+
498
+ @keyframes rubberBand {
499
+ 0% {
500
+ -webkit-transform: scale3d(1, 1, 1);
501
+ transform: scale3d(1, 1, 1);
502
+ }
503
+
504
+ 30% {
505
+ -webkit-transform: scale3d(1.25, 0.75, 1);
506
+ transform: scale3d(1.25, 0.75, 1);
507
+ }
508
+
509
+ 40% {
510
+ -webkit-transform: scale3d(0.75, 1.25, 1);
511
+ transform: scale3d(0.75, 1.25, 1);
512
+ }
513
+
514
+ 50% {
515
+ -webkit-transform: scale3d(1.15, 0.85, 1);
516
+ transform: scale3d(1.15, 0.85, 1);
517
+ }
518
+
519
+ 65% {
520
+ -webkit-transform: scale3d(.95, 1.05, 1);
521
+ transform: scale3d(.95, 1.05, 1);
522
+ }
523
+
524
+ 75% {
525
+ -webkit-transform: scale3d(1.05, .95, 1);
526
+ transform: scale3d(1.05, .95, 1);
527
+ }
528
+
529
+ 100% {
530
+ -webkit-transform: scale3d(1, 1, 1);
531
+ transform: scale3d(1, 1, 1);
532
+ }
533
+ }
534
+
535
+ .animated.rubberBand {
536
+ -webkit-animation-name: rubberBand;
537
+ animation-name: rubberBand;
538
+ }
539
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
540
+
541
+ @-webkit-keyframes wobble {
542
+ 0% { -webkit-transform: translateX(0%); }
543
+ 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
544
+ 30% { -webkit-transform: translateX(20%) rotate(3deg); }
545
+ 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
546
+ 60% { -webkit-transform: translateX(10%) rotate(2deg); }
547
+ 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
548
+ 100% { -webkit-transform: translateX(0%); }
549
+ }
550
+
551
+ @-moz-keyframes wobble {
552
+ 0% { -moz-transform: translateX(0%); }
553
+ 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
554
+ 30% { -moz-transform: translateX(20%) rotate(3deg); }
555
+ 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
556
+ 60% { -moz-transform: translateX(10%) rotate(2deg); }
557
+ 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
558
+ 100% { -moz-transform: translateX(0%); }
559
+ }
560
+
561
+ @-o-keyframes wobble {
562
+ 0% { -o-transform: translateX(0%); }
563
+ 15% { -o-transform: translateX(-25%) rotate(-5deg); }
564
+ 30% { -o-transform: translateX(20%) rotate(3deg); }
565
+ 45% { -o-transform: translateX(-15%) rotate(-3deg); }
566
+ 60% { -o-transform: translateX(10%) rotate(2deg); }
567
+ 75% { -o-transform: translateX(-5%) rotate(-1deg); }
568
+ 100% { -o-transform: translateX(0%); }
569
+ }
570
+
571
+ @keyframes wobble {
572
+ 0% { transform: translateX(0%); }
573
+ 15% { transform: translateX(-25%) rotate(-5deg); }
574
+ 30% { transform: translateX(20%) rotate(3deg); }
575
+ 45% { transform: translateX(-15%) rotate(-3deg); }
576
+ 60% { transform: translateX(10%) rotate(2deg); }
577
+ 75% { transform: translateX(-5%) rotate(-1deg); }
578
+ 100% { transform: translateX(0%); }
579
+ }
580
+
581
+ .animated.wobble {
582
+ -webkit-animation-name: wobble;
583
+ -moz-animation-name: wobble;
584
+ -o-animation-name: wobble;
585
+ animation-name: wobble;
586
+ }
587
+
588
+ @-webkit-keyframes jello {
589
+ 0%, 11.1%, 100% {
590
+ -webkit-transform: none;
591
+ transform: none;
592
+ }
593
+
594
+ 22.2% {
595
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
596
+ transform: skewX(-12.5deg) skewY(-12.5deg);
597
+ }
598
+
599
+ 33.3% {
600
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
601
+ transform: skewX(6.25deg) skewY(6.25deg);
602
+ }
603
+
604
+ 44.4% {
605
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
606
+ transform: skewX(-3.125deg) skewY(-3.125deg);
607
+ }
608
+
609
+ 55.5% {
610
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
611
+ transform: skewX(1.5625deg) skewY(1.5625deg);
612
+ }
613
+
614
+ 66.6% {
615
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
616
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
617
+ }
618
+
619
+ 77.7% {
620
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
621
+ transform: skewX(0.390625deg) skewY(0.390625deg);
622
+ }
623
+
624
+ 88.8% {
625
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
626
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
627
+ }
628
+ }
629
+
630
+ @keyframes jello {
631
+ 0%, 11.1%, 100% {
632
+ -webkit-transform: none;
633
+ transform: none;
634
+ }
635
+
636
+ 22.2% {
637
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
638
+ transform: skewX(-12.5deg) skewY(-12.5deg);
639
+ }
640
+
641
+ 33.3% {
642
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
643
+ transform: skewX(6.25deg) skewY(6.25deg);
644
+ }
645
+
646
+ 44.4% {
647
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
648
+ transform: skewX(-3.125deg) skewY(-3.125deg);
649
+ }
650
+
651
+ 55.5% {
652
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
653
+ transform: skewX(1.5625deg) skewY(1.5625deg);
654
+ }
655
+
656
+ 66.6% {
657
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
658
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
659
+ }
660
+
661
+ 77.7% {
662
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
663
+ transform: skewX(0.390625deg) skewY(0.390625deg);
664
+ }
665
+
666
+ 88.8% {
667
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
668
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
669
+ }
670
+ }
671
+
672
+ .animated.jello {
673
+ -webkit-animation-name: jello;
674
+ animation-name: jello;
675
+ -webkit-transform-origin: center;
676
+ transform-origin: center;
677
+ }
678
+
679
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
680
+
681
+ @-webkit-keyframes pulse {
682
+ 0% { -webkit-transform: scale(1); }
683
+ 50% { -webkit-transform: scale(1.1); }
684
+ 100% { -webkit-transform: scale(1); }
685
+ }
686
+ @-moz-keyframes pulse {
687
+ 0% { -moz-transform: scale(1); }
688
+ 50% { -moz-transform: scale(1.1); }
689
+ 100% { -moz-transform: scale(1); }
690
+ }
691
+ @-o-keyframes pulse {
692
+ 0% { -o-transform: scale(1); }
693
+ 50% { -o-transform: scale(1.1); }
694
+ 100% { -o-transform: scale(1); }
695
+ }
696
+ @keyframes pulse {
697
+ 0% { transform: scale(1); }
698
+ 50% { transform: scale(1.1); }
699
+ 100% { transform: scale(1); }
700
+ }
701
+
702
+ .animated.pulse {
703
+ -webkit-animation-name: pulse;
704
+ -moz-animation-name: pulse;
705
+ -o-animation-name: pulse;
706
+ animation-name: pulse;
707
+ }
708
+ @-webkit-keyframes flip {
709
+ 0% {
710
+ -webkit-transform: perspective(400px) rotateY(0);
711
+ -webkit-animation-timing-function: ease-out;
712
+ }
713
+ 40% {
714
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
715
+ -webkit-animation-timing-function: ease-out;
716
+ }
717
+ 50% {
718
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
719
+ -webkit-animation-timing-function: ease-in;
720
+ }
721
+ 80% {
722
+ -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
723
+ -webkit-animation-timing-function: ease-in;
724
+ }
725
+ 100% {
726
+ -webkit-transform: perspective(400px) scale(1);
727
+ -webkit-animation-timing-function: ease-in;
728
+ }
729
+ }
730
+ @-moz-keyframes flip {
731
+ 0% {
732
+ -moz-transform: perspective(400px) rotateY(0);
733
+ -moz-animation-timing-function: ease-out;
734
+ }
735
+ 40% {
736
+ -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
737
+ -moz-animation-timing-function: ease-out;
738
+ }
739
+ 50% {
740
+ -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
741
+ -moz-animation-timing-function: ease-in;
742
+ }
743
+ 80% {
744
+ -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
745
+ -moz-animation-timing-function: ease-in;
746
+ }
747
+ 100% {
748
+ -moz-transform: perspective(400px) scale(1);
749
+ -moz-animation-timing-function: ease-in;
750
+ }
751
+ }
752
+ @-o-keyframes flip {
753
+ 0% {
754
+ -o-transform: perspective(400px) rotateY(0);
755
+ -o-animation-timing-function: ease-out;
756
+ }
757
+ 40% {
758
+ -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
759
+ -o-animation-timing-function: ease-out;
760
+ }
761
+ 50% {
762
+ -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
763
+ -o-animation-timing-function: ease-in;
764
+ }
765
+ 80% {
766
+ -o-transform: perspective(400px) rotateY(360deg) scale(.95);
767
+ -o-animation-timing-function: ease-in;
768
+ }
769
+ 100% {
770
+ -o-transform: perspective(400px) scale(1);
771
+ -o-animation-timing-function: ease-in;
772
+ }
773
+ }
774
+ @keyframes flip {
775
+ 0% {
776
+ transform: perspective(400px) rotateY(0);
777
+ animation-timing-function: ease-out;
778
+ }
779
+ 40% {
780
+ transform: perspective(400px) translateZ(150px) rotateY(170deg);
781
+ animation-timing-function: ease-out;
782
+ }
783
+ 50% {
784
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
785
+ animation-timing-function: ease-in;
786
+ }
787
+ 80% {
788
+ transform: perspective(400px) rotateY(360deg) scale(.95);
789
+ animation-timing-function: ease-in;
790
+ }
791
+ 100% {
792
+ transform: perspective(400px) scale(1);
793
+ animation-timing-function: ease-in;
794
+ }
795
+ }
796
+
797
+ .animated.flip {
798
+ -webkit-backface-visibility: visible !important;
799
+ -webkit-animation-name: flip;
800
+ -moz-backface-visibility: visible !important;
801
+ -moz-animation-name: flip;
802
+ -o-backface-visibility: visible !important;
803
+ -o-animation-name: flip;
804
+ backface-visibility: visible !important;
805
+ animation-name: flip;
806
+ }
807
+ @-webkit-keyframes flipInX {
808
+ 0% {
809
+ -webkit-transform: perspective(400px) rotateX(90deg);
810
+ opacity: 0;
811
+ }
812
+
813
+ 40% {
814
+ -webkit-transform: perspective(400px) rotateX(-10deg);
815
+ }
816
+
817
+ 70% {
818
+ -webkit-transform: perspective(400px) rotateX(10deg);
819
+ }
820
+
821
+ 100% {
822
+ -webkit-transform: perspective(400px) rotateX(0deg);
823
+ opacity: 1;
824
+ }
825
+ }
826
+ @-moz-keyframes flipInX {
827
+ 0% {
828
+ -moz-transform: perspective(400px) rotateX(90deg);
829
+ opacity: 0;
830
+ }
831
+
832
+ 40% {
833
+ -moz-transform: perspective(400px) rotateX(-10deg);
834
+ }
835
+
836
+ 70% {
837
+ -moz-transform: perspective(400px) rotateX(10deg);
838
+ }
839
+
840
+ 100% {
841
+ -moz-transform: perspective(400px) rotateX(0deg);
842
+ opacity: 1;
843
+ }
844
+ }
845
+ @-o-keyframes flipInX {
846
+ 0% {
847
+ -o-transform: perspective(400px) rotateX(90deg);
848
+ opacity: 0;
849
+ }
850
+
851
+ 40% {
852
+ -o-transform: perspective(400px) rotateX(-10deg);
853
+ }
854
+
855
+ 70% {
856
+ -o-transform: perspective(400px) rotateX(10deg);
857
+ }
858
+
859
+ 100% {
860
+ -o-transform: perspective(400px) rotateX(0deg);
861
+ opacity: 1;
862
+ }
863
+ }
864
+ @keyframes flipInX {
865
+ 0% {
866
+ transform: perspective(400px) rotateX(90deg);
867
+ opacity: 0;
868
+ }
869
+
870
+ 40% {
871
+ transform: perspective(400px) rotateX(-10deg);
872
+ }
873
+
874
+ 70% {
875
+ transform: perspective(400px) rotateX(10deg);
876
+ }
877
+
878
+ 100% {
879
+ transform: perspective(400px) rotateX(0deg);
880
+ opacity: 1;
881
+ }
882
+ }
883
+
884
+ .animated.flipInX {
885
+ -webkit-backface-visibility: visible !important;
886
+ -webkit-animation-name: flipInX;
887
+ -moz-backface-visibility: visible !important;
888
+ -moz-animation-name: flipInX;
889
+ -o-backface-visibility: visible !important;
890
+ -o-animation-name: flipInX;
891
+ backface-visibility: visible !important;
892
+ animation-name: flipInX;
893
+ }
894
+ @-webkit-keyframes flipOutX {
895
+ 0% {
896
+ -webkit-transform: perspective(400px) rotateX(0deg);
897
+ opacity: 1;
898
+ }
899
+ 100% {
900
+ -webkit-transform: perspective(400px) rotateX(90deg);
901
+ opacity: 0;
902
+ }
903
+ }
904
+
905
+ @-moz-keyframes flipOutX {
906
+ 0% {
907
+ -moz-transform: perspective(400px) rotateX(0deg);
908
+ opacity: 1;
909
+ }
910
+ 100% {
911
+ -moz-transform: perspective(400px) rotateX(90deg);
912
+ opacity: 0;
913
+ }
914
+ }
915
+
916
+ @-o-keyframes flipOutX {
917
+ 0% {
918
+ -o-transform: perspective(400px) rotateX(0deg);
919
+ opacity: 1;
920
+ }
921
+ 100% {
922
+ -o-transform: perspective(400px) rotateX(90deg);
923
+ opacity: 0;
924
+ }
925
+ }
926
+
927
+ @keyframes flipOutX {
928
+ 0% {
929
+ transform: perspective(400px) rotateX(0deg);
930
+ opacity: 1;
931
+ }
932
+ 100% {
933
+ transform: perspective(400px) rotateX(90deg);
934
+ opacity: 0;
935
+ }
936
+ }
937
+
938
+ .animated.flipOutX {
939
+ -webkit-animation-name: flipOutX;
940
+ -webkit-backface-visibility: visible !important;
941
+ -moz-animation-name: flipOutX;
942
+ -moz-backface-visibility: visible !important;
943
+ -o-animation-name: flipOutX;
944
+ -o-backface-visibility: visible !important;
945
+ animation-name: flipOutX;
946
+ backface-visibility: visible !important;
947
+ }
948
+ @-webkit-keyframes flipInY {
949
+ 0% {
950
+ -webkit-transform: perspective(400px) rotateY(90deg);
951
+ opacity: 0;
952
+ }
953
+
954
+ 40% {
955
+ -webkit-transform: perspective(400px) rotateY(-10deg);
956
+ }
957
+
958
+ 70% {
959
+ -webkit-transform: perspective(400px) rotateY(10deg);
960
+ }
961
+
962
+ 100% {
963
+ -webkit-transform: perspective(400px) rotateY(0deg);
964
+ opacity: 1;
965
+ }
966
+ }
967
+ @-moz-keyframes flipInY {
968
+ 0% {
969
+ -moz-transform: perspective(400px) rotateY(90deg);
970
+ opacity: 0;
971
+ }
972
+
973
+ 40% {
974
+ -moz-transform: perspective(400px) rotateY(-10deg);
975
+ }
976
+
977
+ 70% {
978
+ -moz-transform: perspective(400px) rotateY(10deg);
979
+ }
980
+
981
+ 100% {
982
+ -moz-transform: perspective(400px) rotateY(0deg);
983
+ opacity: 1;
984
+ }
985
+ }
986
+ @-o-keyframes flipInY {
987
+ 0% {
988
+ -o-transform: perspective(400px) rotateY(90deg);
989
+ opacity: 0;
990
+ }
991
+
992
+ 40% {
993
+ -o-transform: perspective(400px) rotateY(-10deg);
994
+ }
995
+
996
+ 70% {
997
+ -o-transform: perspective(400px) rotateY(10deg);
998
+ }
999
+
1000
+ 100% {
1001
+ -o-transform: perspective(400px) rotateY(0deg);
1002
+ opacity: 1;
1003
+ }
1004
+ }
1005
+ @keyframes flipInY {
1006
+ 0% {
1007
+ transform: perspective(400px) rotateY(90deg);
1008
+ opacity: 0;
1009
+ }
1010
+
1011
+ 40% {
1012
+ transform: perspective(400px) rotateY(-10deg);
1013
+ }
1014
+
1015
+ 70% {
1016
+ transform: perspective(400px) rotateY(10deg);
1017
+ }
1018
+
1019
+ 100% {
1020
+ transform: perspective(400px) rotateY(0deg);
1021
+ opacity: 1;
1022
+ }
1023
+ }
1024
+
1025
+ .animated.flipInY {
1026
+ -webkit-backface-visibility: visible !important;
1027
+ -webkit-animation-name: flipInY;
1028
+ -moz-backface-visibility: visible !important;
1029
+ -moz-animation-name: flipInY;
1030
+ -o-backface-visibility: visible !important;
1031
+ -o-animation-name: flipInY;
1032
+ backface-visibility: visible !important;
1033
+ animation-name: flipInY;
1034
+ }
1035
+ @-webkit-keyframes flipOutY {
1036
+ 0% {
1037
+ -webkit-transform: perspective(400px) rotateY(0deg);
1038
+ opacity: 1;
1039
+ }
1040
+ 100% {
1041
+ -webkit-transform: perspective(400px) rotateY(90deg);
1042
+ opacity: 0;
1043
+ }
1044
+ }
1045
+ @-moz-keyframes flipOutY {
1046
+ 0% {
1047
+ -moz-transform: perspective(400px) rotateY(0deg);
1048
+ opacity: 1;
1049
+ }
1050
+ 100% {
1051
+ -moz-transform: perspective(400px) rotateY(90deg);
1052
+ opacity: 0;
1053
+ }
1054
+ }
1055
+ @-o-keyframes flipOutY {
1056
+ 0% {
1057
+ -o-transform: perspective(400px) rotateY(0deg);
1058
+ opacity: 1;
1059
+ }
1060
+ 100% {
1061
+ -o-transform: perspective(400px) rotateY(90deg);
1062
+ opacity: 0;
1063
+ }
1064
+ }
1065
+ @keyframes flipOutY {
1066
+ 0% {
1067
+ transform: perspective(400px) rotateY(0deg);
1068
+ opacity: 1;
1069
+ }
1070
+ 100% {
1071
+ transform: perspective(400px) rotateY(90deg);
1072
+ opacity: 0;
1073
+ }
1074
+ }
1075
+
1076
+ .animated.flipOutY {
1077
+ -webkit-backface-visibility: visible !important;
1078
+ -webkit-animation-name: flipOutY;
1079
+ -moz-backface-visibility: visible !important;
1080
+ -moz-animation-name: flipOutY;
1081
+ -o-backface-visibility: visible !important;
1082
+ -o-animation-name: flipOutY;
1083
+ backface-visibility: visible !important;
1084
+ animation-name: flipOutY;
1085
+ }
1086
+ @-webkit-keyframes fadeIn {
1087
+ 0% {opacity: 0;}
1088
+ 100% {opacity: 1;}
1089
+ }
1090
+
1091
+ @-moz-keyframes fadeIn {
1092
+ 0% {opacity: 0;}
1093
+ 100% {opacity: 1;}
1094
+ }
1095
+
1096
+ @-o-keyframes fadeIn {
1097
+ 0% {opacity: 0;}
1098
+ 100% {opacity: 1;}
1099
+ }
1100
+
1101
+ @keyframes fadeIn {
1102
+ 0% {opacity: 0;}
1103
+ 100% {opacity: 1;}
1104
+ }
1105
+
1106
+ .animated.fadeIn {
1107
+ -webkit-animation-name: fadeIn;
1108
+ -moz-animation-name: fadeIn;
1109
+ -o-animation-name: fadeIn;
1110
+ animation-name: fadeIn;
1111
+ }
1112
+ @-webkit-keyframes fadeInUp {
1113
+ 0% {
1114
+ opacity: 0;
1115
+ -webkit-transform: translateY(20px);
1116
+ }
1117
+
1118
+ 100% {
1119
+ opacity: 1;
1120
+ -webkit-transform: translateY(0);
1121
+ }
1122
+ }
1123
+
1124
+ @-moz-keyframes fadeInUp {
1125
+ 0% {
1126
+ opacity: 0;
1127
+ -moz-transform: translateY(20px);
1128
+ }
1129
+
1130
+ 100% {
1131
+ opacity: 1;
1132
+ -moz-transform: translateY(0);
1133
+ }
1134
+ }
1135
+
1136
+ @-o-keyframes fadeInUp {
1137
+ 0% {
1138
+ opacity: 0;
1139
+ -o-transform: translateY(20px);
1140
+ }
1141
+
1142
+ 100% {
1143
+ opacity: 1;
1144
+ -o-transform: translateY(0);
1145
+ }
1146
+ }
1147
+
1148
+ @keyframes fadeInUp {
1149
+ 0% {
1150
+ opacity: 0;
1151
+ transform: translateY(20px);
1152
+ }
1153
+
1154
+ 100% {
1155
+ opacity: 1;
1156
+ transform: translateY(0);
1157
+ }
1158
+ }
1159
+
1160
+ .animated.fadeInUp {
1161
+ -webkit-animation-name: fadeInUp;
1162
+ -moz-animation-name: fadeInUp;
1163
+ -o-animation-name: fadeInUp;
1164
+ animation-name: fadeInUp;
1165
+ }
1166
+ @-webkit-keyframes fadeInDown {
1167
+ 0% {
1168
+ opacity: 0;
1169
+ -webkit-transform: translateY(-20px);
1170
+ }
1171
+
1172
+ 100% {
1173
+ opacity: 1;
1174
+ -webkit-transform: translateY(0);
1175
+ }
1176
+ }
1177
+
1178
+ @-moz-keyframes fadeInDown {
1179
+ 0% {
1180
+ opacity: 0;
1181
+ -moz-transform: translateY(-20px);
1182
+ }
1183
+
1184
+ 100% {
1185
+ opacity: 1;
1186
+ -moz-transform: translateY(0);
1187
+ }
1188
+ }
1189
+
1190
+ @-o-keyframes fadeInDown {
1191
+ 0% {
1192
+ opacity: 0;
1193
+ -o-transform: translateY(-20px);
1194
+ }
1195
+
1196
+ 100% {
1197
+ opacity: 1;
1198
+ -o-transform: translateY(0);
1199
+ }
1200
+ }
1201
+
1202
+ @keyframes fadeInDown {
1203
+ 0% {
1204
+ opacity: 0;
1205
+ transform: translateY(-20px);
1206
+ }
1207
+
1208
+ 100% {
1209
+ opacity: 1;
1210
+ transform: translateY(0);
1211
+ }
1212
+ }
1213
+
1214
+ .animated.fadeInDown {
1215
+ -webkit-animation-name: fadeInDown;
1216
+ -moz-animation-name: fadeInDown;
1217
+ -o-animation-name: fadeInDown;
1218
+ animation-name: fadeInDown;
1219
+ }
1220
+ @-webkit-keyframes fadeInLeft {
1221
+ 0% {
1222
+ opacity: 0;
1223
+ -webkit-transform: translateX(-20px);
1224
+ }
1225
+
1226
+ 100% {
1227
+ opacity: 1;
1228
+ -webkit-transform: translateX(0);
1229
+ }
1230
+ }
1231
+
1232
+ @-moz-keyframes fadeInLeft {
1233
+ 0% {
1234
+ opacity: 0;
1235
+ -moz-transform: translateX(-20px);
1236
+ }
1237
+
1238
+ 100% {
1239
+ opacity: 1;
1240
+ -moz-transform: translateX(0);
1241
+ }
1242
+ }
1243
+
1244
+ @-o-keyframes fadeInLeft {
1245
+ 0% {
1246
+ opacity: 0;
1247
+ -o-transform: translateX(-20px);
1248
+ }
1249
+
1250
+ 100% {
1251
+ opacity: 1;
1252
+ -o-transform: translateX(0);
1253
+ }
1254
+ }
1255
+
1256
+ @keyframes fadeInLeft {
1257
+ 0% {
1258
+ opacity: 0;
1259
+ transform: translateX(-20px);
1260
+ }
1261
+
1262
+ 100% {
1263
+ opacity: 1;
1264
+ transform: translateX(0);
1265
+ }
1266
+ }
1267
+
1268
+ .animated.fadeInLeft {
1269
+ -webkit-animation-name: fadeInLeft;
1270
+ -moz-animation-name: fadeInLeft;
1271
+ -o-animation-name: fadeInLeft;
1272
+ animation-name: fadeInLeft;
1273
+ }
1274
+ @-webkit-keyframes fadeInRight {
1275
+ 0% {
1276
+ opacity: 0;
1277
+ -webkit-transform: translateX(20px);
1278
+ }
1279
+
1280
+ 100% {
1281
+ opacity: 1;
1282
+ -webkit-transform: translateX(0);
1283
+ }
1284
+ }
1285
+
1286
+ @-moz-keyframes fadeInRight {
1287
+ 0% {
1288
+ opacity: 0;
1289
+ -moz-transform: translateX(20px);
1290
+ }
1291
+
1292
+ 100% {
1293
+ opacity: 1;
1294
+ -moz-transform: translateX(0);
1295
+ }
1296
+ }
1297
+
1298
+ @-o-keyframes fadeInRight {
1299
+ 0% {
1300
+ opacity: 0;
1301
+ -o-transform: translateX(20px);
1302
+ }
1303
+
1304
+ 100% {
1305
+ opacity: 1;
1306
+ -o-transform: translateX(0);
1307
+ }
1308
+ }
1309
+
1310
+ @keyframes fadeInRight {
1311
+ 0% {
1312
+ opacity: 0;
1313
+ transform: translateX(20px);
1314
+ }
1315
+
1316
+ 100% {
1317
+ opacity: 1;
1318
+ transform: translateX(0);
1319
+ }
1320
+ }
1321
+
1322
+ .animated.fadeInRight {
1323
+ -webkit-animation-name: fadeInRight;
1324
+ -moz-animation-name: fadeInRight;
1325
+ -o-animation-name: fadeInRight;
1326
+ animation-name: fadeInRight;
1327
+ }
1328
+ @-webkit-keyframes fadeInUpBig {
1329
+ 0% {
1330
+ opacity: 0;
1331
+ -webkit-transform: translateY(1080px);
1332
+ }
1333
+
1334
+ 100% {
1335
+ opacity: 1;
1336
+ -webkit-transform: translateY(0);
1337
+ }
1338
+ }
1339
+
1340
+ @-moz-keyframes fadeInUpBig {
1341
+ 0% {
1342
+ opacity: 0;
1343
+ -moz-transform: translateY(1080px);
1344
+ }
1345
+
1346
+ 100% {
1347
+ opacity: 1;
1348
+ -moz-transform: translateY(0);
1349
+ }
1350
+ }
1351
+
1352
+ @-o-keyframes fadeInUpBig {
1353
+ 0% {
1354
+ opacity: 0;
1355
+ -o-transform: translateY(1080px);
1356
+ }
1357
+
1358
+ 100% {
1359
+ opacity: 1;
1360
+ -o-transform: translateY(0);
1361
+ }
1362
+ }
1363
+
1364
+ @keyframes fadeInUpBig {
1365
+ 0% {
1366
+ opacity: 0;
1367
+ transform: translateY(1080px);
1368
+ }
1369
+
1370
+ 100% {
1371
+ opacity: 1;
1372
+ transform: translateY(0);
1373
+ }
1374
+ }
1375
+
1376
+ .animated.fadeInUpBig {
1377
+ -webkit-animation-name: fadeInUpBig;
1378
+ -moz-animation-name: fadeInUpBig;
1379
+ -o-animation-name: fadeInUpBig;
1380
+ animation-name: fadeInUpBig;
1381
+ }
1382
+ @-webkit-keyframes fadeInDownBig {
1383
+ 0% {
1384
+ opacity: 0;
1385
+ -webkit-transform: translateY(-1080px);
1386
+ }
1387
+
1388
+ 100% {
1389
+ opacity: 1;
1390
+ -webkit-transform: translateY(0);
1391
+ }
1392
+ }
1393
+
1394
+ @-moz-keyframes fadeInDownBig {
1395
+ 0% {
1396
+ opacity: 0;
1397
+ -moz-transform: translateY(-1080px);
1398
+ }
1399
+
1400
+ 100% {
1401
+ opacity: 1;
1402
+ -moz-transform: translateY(0);
1403
+ }
1404
+ }
1405
+
1406
+ @-o-keyframes fadeInDownBig {
1407
+ 0% {
1408
+ opacity: 0;
1409
+ -o-transform: translateY(-1080px);
1410
+ }
1411
+
1412
+ 100% {
1413
+ opacity: 1;
1414
+ -o-transform: translateY(0);
1415
+ }
1416
+ }
1417
+
1418
+ @keyframes fadeInDownBig {
1419
+ 0% {
1420
+ opacity: 0;
1421
+ transform: translateY(-1080px);
1422
+ }
1423
+
1424
+ 100% {
1425
+ opacity: 1;
1426
+ transform: translateY(0);
1427
+ }
1428
+ }
1429
+
1430
+ .animated.fadeInDownBig {
1431
+ -webkit-animation-name: fadeInDownBig;
1432
+ -moz-animation-name: fadeInDownBig;
1433
+ -o-animation-name: fadeInDownBig;
1434
+ animation-name: fadeInDownBig;
1435
+ }
1436
+ @-webkit-keyframes fadeInLeftBig {
1437
+ 0% {
1438
+ opacity: 0;
1439
+ -webkit-transform: translateX(-2000px);
1440
+ }
1441
+
1442
+ 100% {
1443
+ opacity: 1;
1444
+ -webkit-transform: translateX(0);
1445
+ }
1446
+ }
1447
+ @-moz-keyframes fadeInLeftBig {
1448
+ 0% {
1449
+ opacity: 0;
1450
+ -moz-transform: translateX(-2000px);
1451
+ }
1452
+
1453
+ 100% {
1454
+ opacity: 1;
1455
+ -moz-transform: translateX(0);
1456
+ }
1457
+ }
1458
+ @-o-keyframes fadeInLeftBig {
1459
+ 0% {
1460
+ opacity: 0;
1461
+ -o-transform: translateX(-2000px);
1462
+ }
1463
+
1464
+ 100% {
1465
+ opacity: 1;
1466
+ -o-transform: translateX(0);
1467
+ }
1468
+ }
1469
+ @keyframes fadeInLeftBig {
1470
+ 0% {
1471
+ opacity: 0;
1472
+ transform: translateX(-2000px);
1473
+ }
1474
+
1475
+ 100% {
1476
+ opacity: 1;
1477
+ transform: translateX(0);
1478
+ }
1479
+ }
1480
+
1481
+ .animated.fadeInLeftBig {
1482
+ -webkit-animation-name: fadeInLeftBig;
1483
+ -moz-animation-name: fadeInLeftBig;
1484
+ -o-animation-name: fadeInLeftBig;
1485
+ animation-name: fadeInLeftBig;
1486
+ }
1487
+ @-webkit-keyframes fadeInRightBig {
1488
+ 0% {
1489
+ opacity: 0;
1490
+ -webkit-transform: translateX(2000px);
1491
+ }
1492
+
1493
+ 100% {
1494
+ opacity: 1;
1495
+ -webkit-transform: translateX(0);
1496
+ }
1497
+ }
1498
+
1499
+ @-moz-keyframes fadeInRightBig {
1500
+ 0% {
1501
+ opacity: 0;
1502
+ -moz-transform: translateX(2000px);
1503
+ }
1504
+
1505
+ 100% {
1506
+ opacity: 1;
1507
+ -moz-transform: translateX(0);
1508
+ }
1509
+ }
1510
+
1511
+ @-o-keyframes fadeInRightBig {
1512
+ 0% {
1513
+ opacity: 0;
1514
+ -o-transform: translateX(2000px);
1515
+ }
1516
+
1517
+ 100% {
1518
+ opacity: 1;
1519
+ -o-transform: translateX(0);
1520
+ }
1521
+ }
1522
+
1523
+ @keyframes fadeInRightBig {
1524
+ 0% {
1525
+ opacity: 0;
1526
+ transform: translateX(2000px);
1527
+ }
1528
+
1529
+ 100% {
1530
+ opacity: 1;
1531
+ transform: translateX(0);
1532
+ }
1533
+ }
1534
+
1535
+ .animated.fadeInRightBig {
1536
+ -webkit-animation-name: fadeInRightBig;
1537
+ -moz-animation-name: fadeInRightBig;
1538
+ -o-animation-name: fadeInRightBig;
1539
+ animation-name: fadeInRightBig;
1540
+ }
1541
+ @-webkit-keyframes fadeOut {
1542
+ 0% {opacity: 1;}
1543
+ 100% {opacity: 0;}
1544
+ }
1545
+
1546
+ @-moz-keyframes fadeOut {
1547
+ 0% {opacity: 1;}
1548
+ 100% {opacity: 0;}
1549
+ }
1550
+
1551
+ @-o-keyframes fadeOut {
1552
+ 0% {opacity: 1;}
1553
+ 100% {opacity: 0;}
1554
+ }
1555
+
1556
+ @keyframes fadeOut {
1557
+ 0% {opacity: 1;}
1558
+ 100% {opacity: 0;}
1559
+ }
1560
+
1561
+ .animated.fadeOut {
1562
+ -webkit-animation-name: fadeOut;
1563
+ -moz-animation-name: fadeOut;
1564
+ -o-animation-name: fadeOut;
1565
+ animation-name: fadeOut;
1566
+ }
1567
+ @-webkit-keyframes fadeOutUp {
1568
+ 0% {
1569
+ opacity: 1;
1570
+ -webkit-transform: translateY(0);
1571
+ }
1572
+
1573
+ 100% {
1574
+ opacity: 0;
1575
+ -webkit-transform: translateY(-20px);
1576
+ }
1577
+ }
1578
+ @-moz-keyframes fadeOutUp {
1579
+ 0% {
1580
+ opacity: 1;
1581
+ -moz-transform: translateY(0);
1582
+ }
1583
+
1584
+ 100% {
1585
+ opacity: 0;
1586
+ -moz-transform: translateY(-20px);
1587
+ }
1588
+ }
1589
+ @-o-keyframes fadeOutUp {
1590
+ 0% {
1591
+ opacity: 1;
1592
+ -o-transform: translateY(0);
1593
+ }
1594
+
1595
+ 100% {
1596
+ opacity: 0;
1597
+ -o-transform: translateY(-20px);
1598
+ }
1599
+ }
1600
+ @keyframes fadeOutUp {
1601
+ 0% {
1602
+ opacity: 1;
1603
+ transform: translateY(0);
1604
+ }
1605
+
1606
+ 100% {
1607
+ opacity: 0;
1608
+ transform: translateY(-20px);
1609
+ }
1610
+ }
1611
+
1612
+ .animated.fadeOutUp {
1613
+ -webkit-animation-name: fadeOutUp;
1614
+ -moz-animation-name: fadeOutUp;
1615
+ -o-animation-name: fadeOutUp;
1616
+ animation-name: fadeOutUp;
1617
+ }
1618
+ @-webkit-keyframes fadeOutDown {
1619
+ 0% {
1620
+ opacity: 1;
1621
+ -webkit-transform: translateY(0);
1622
+ }
1623
+
1624
+ 100% {
1625
+ opacity: 0;
1626
+ -webkit-transform: translateY(20px);
1627
+ }
1628
+ }
1629
+
1630
+ @-moz-keyframes fadeOutDown {
1631
+ 0% {
1632
+ opacity: 1;
1633
+ -moz-transform: translateY(0);
1634
+ }
1635
+
1636
+ 100% {
1637
+ opacity: 0;
1638
+ -moz-transform: translateY(20px);
1639
+ }
1640
+ }
1641
+
1642
+ @-o-keyframes fadeOutDown {
1643
+ 0% {
1644
+ opacity: 1;
1645
+ -o-transform: translateY(0);
1646
+ }
1647
+
1648
+ 100% {
1649
+ opacity: 0;
1650
+ -o-transform: translateY(20px);
1651
+ }
1652
+ }
1653
+
1654
+ @keyframes fadeOutDown {
1655
+ 0% {
1656
+ opacity: 1;
1657
+ transform: translateY(0);
1658
+ }
1659
+
1660
+ 100% {
1661
+ opacity: 0;
1662
+ transform: translateY(20px);
1663
+ }
1664
+ }
1665
+
1666
+ .animated.fadeOutDown {
1667
+ -webkit-animation-name: fadeOutDown;
1668
+ -moz-animation-name: fadeOutDown;
1669
+ -o-animation-name: fadeOutDown;
1670
+ animation-name: fadeOutDown;
1671
+ }
1672
+ @-webkit-keyframes fadeOutLeft {
1673
+ 0% {
1674
+ opacity: 1;
1675
+ -webkit-transform: translateX(0);
1676
+ }
1677
+
1678
+ 100% {
1679
+ opacity: 0;
1680
+ -webkit-transform: translateX(-20px);
1681
+ }
1682
+ }
1683
+
1684
+ @-moz-keyframes fadeOutLeft {
1685
+ 0% {
1686
+ opacity: 1;
1687
+ -moz-transform: translateX(0);
1688
+ }
1689
+
1690
+ 100% {
1691
+ opacity: 0;
1692
+ -moz-transform: translateX(-20px);
1693
+ }
1694
+ }
1695
+
1696
+ @-o-keyframes fadeOutLeft {
1697
+ 0% {
1698
+ opacity: 1;
1699
+ -o-transform: translateX(0);
1700
+ }
1701
+
1702
+ 100% {
1703
+ opacity: 0;
1704
+ -o-transform: translateX(-20px);
1705
+ }
1706
+ }
1707
+
1708
+ @keyframes fadeOutLeft {
1709
+ 0% {
1710
+ opacity: 1;
1711
+ transform: translateX(0);
1712
+ }
1713
+
1714
+ 100% {
1715
+ opacity: 0;
1716
+ transform: translateX(-20px);
1717
+ }
1718
+ }
1719
+
1720
+ .animated.fadeOutLeft {
1721
+ -webkit-animation-name: fadeOutLeft;
1722
+ -moz-animation-name: fadeOutLeft;
1723
+ -o-animation-name: fadeOutLeft;
1724
+ animation-name: fadeOutLeft;
1725
+ }
1726
+ @-webkit-keyframes fadeOutRight {
1727
+ 0% {
1728
+ opacity: 1;
1729
+ -webkit-transform: translateX(0);
1730
+ }
1731
+
1732
+ 100% {
1733
+ opacity: 0;
1734
+ -webkit-transform: translateX(20px);
1735
+ }
1736
+ }
1737
+
1738
+ @-moz-keyframes fadeOutRight {
1739
+ 0% {
1740
+ opacity: 1;
1741
+ -moz-transform: translateX(0);
1742
+ }
1743
+
1744
+ 100% {
1745
+ opacity: 0;
1746
+ -moz-transform: translateX(20px);
1747
+ }
1748
+ }
1749
+
1750
+ @-o-keyframes fadeOutRight {
1751
+ 0% {
1752
+ opacity: 1;
1753
+ -o-transform: translateX(0);
1754
+ }
1755
+
1756
+ 100% {
1757
+ opacity: 0;
1758
+ -o-transform: translateX(20px);
1759
+ }
1760
+ }
1761
+
1762
+ @keyframes fadeOutRight {
1763
+ 0% {
1764
+ opacity: 1;
1765
+ transform: translateX(0);
1766
+ }
1767
+
1768
+ 100% {
1769
+ opacity: 0;
1770
+ transform: translateX(20px);
1771
+ }
1772
+ }
1773
+
1774
+ .animated.fadeOutRight {
1775
+ -webkit-animation-name: fadeOutRight;
1776
+ -moz-animation-name: fadeOutRight;
1777
+ -o-animation-name: fadeOutRight;
1778
+ animation-name: fadeOutRight;
1779
+ }
1780
+ @-webkit-keyframes fadeOutUpBig {
1781
+ 0% {
1782
+ opacity: 1;
1783
+ -webkit-transform: translateY(0);
1784
+ }
1785
+
1786
+ 100% {
1787
+ opacity: 0;
1788
+ -webkit-transform: translateY(-1080px);
1789
+ }
1790
+ }
1791
+
1792
+ @-moz-keyframes fadeOutUpBig {
1793
+ 0% {
1794
+ opacity: 1;
1795
+ -moz-transform: translateY(0);
1796
+ }
1797
+
1798
+ 100% {
1799
+ opacity: 0;
1800
+ -moz-transform: translateY(-1080px);
1801
+ }
1802
+ }
1803
+
1804
+ @-o-keyframes fadeOutUpBig {
1805
+ 0% {
1806
+ opacity: 1;
1807
+ -o-transform: translateY(0);
1808
+ }
1809
+
1810
+ 100% {
1811
+ opacity: 0;
1812
+ -o-transform: translateY(-1080px);
1813
+ }
1814
+ }
1815
+
1816
+ @keyframes fadeOutUpBig {
1817
+ 0% {
1818
+ opacity: 1;
1819
+ transform: translateY(0);
1820
+ }
1821
+
1822
+ 100% {
1823
+ opacity: 0;
1824
+ transform: translateY(-1080px);
1825
+ }
1826
+ }
1827
+
1828
+ .animated.fadeOutUpBig {
1829
+ -webkit-animation-name: fadeOutUpBig;
1830
+ -moz-animation-name: fadeOutUpBig;
1831
+ -o-animation-name: fadeOutUpBig;
1832
+ animation-name: fadeOutUpBig;
1833
+ }
1834
+ @-webkit-keyframes fadeOutDownBig {
1835
+ 0% {
1836
+ opacity: 1;
1837
+ -webkit-transform: translateY(0);
1838
+ }
1839
+
1840
+ 100% {
1841
+ opacity: 0;
1842
+ -webkit-transform: translateY(1080px);
1843
+ }
1844
+ }
1845
+
1846
+ @-moz-keyframes fadeOutDownBig {
1847
+ 0% {
1848
+ opacity: 1;
1849
+ -moz-transform: translateY(0);
1850
+ }
1851
+
1852
+ 100% {
1853
+ opacity: 0;
1854
+ -moz-transform: translateY(1080px);
1855
+ }
1856
+ }
1857
+
1858
+ @-o-keyframes fadeOutDownBig {
1859
+ 0% {
1860
+ opacity: 1;
1861
+ -o-transform: translateY(0);
1862
+ }
1863
+
1864
+ 100% {
1865
+ opacity: 0;
1866
+ -o-transform: translateY(1080px);
1867
+ }
1868
+ }
1869
+
1870
+ @keyframes fadeOutDownBig {
1871
+ 0% {
1872
+ opacity: 1;
1873
+ transform: translateY(0);
1874
+ }
1875
+
1876
+ 100% {
1877
+ opacity: 0;
1878
+ transform: translateY(1080px);
1879
+ }
1880
+ }
1881
+
1882
+ .animated.fadeOutDownBig {
1883
+ -webkit-animation-name: fadeOutDownBig;
1884
+ -moz-animation-name: fadeOutDownBig;
1885
+ -o-animation-name: fadeOutDownBig;
1886
+ animation-name: fadeOutDownBig;
1887
+ }
1888
+ @-webkit-keyframes fadeOutLeftBig {
1889
+ 0% {
1890
+ opacity: 1;
1891
+ -webkit-transform: translateX(0);
1892
+ }
1893
+
1894
+ 100% {
1895
+ opacity: 0;
1896
+ -webkit-transform: translateX(-2000px);
1897
+ }
1898
+ }
1899
+
1900
+ @-moz-keyframes fadeOutLeftBig {
1901
+ 0% {
1902
+ opacity: 1;
1903
+ -moz-transform: translateX(0);
1904
+ }
1905
+
1906
+ 100% {
1907
+ opacity: 0;
1908
+ -moz-transform: translateX(-2000px);
1909
+ }
1910
+ }
1911
+
1912
+ @-o-keyframes fadeOutLeftBig {
1913
+ 0% {
1914
+ opacity: 1;
1915
+ -o-transform: translateX(0);
1916
+ }
1917
+
1918
+ 100% {
1919
+ opacity: 0;
1920
+ -o-transform: translateX(-2000px);
1921
+ }
1922
+ }
1923
+
1924
+ @keyframes fadeOutLeftBig {
1925
+ 0% {
1926
+ opacity: 1;
1927
+ transform: translateX(0);
1928
+ }
1929
+
1930
+ 100% {
1931
+ opacity: 0;
1932
+ transform: translateX(-2000px);
1933
+ }
1934
+ }
1935
+
1936
+ .animated.fadeOutLeftBig {
1937
+ -webkit-animation-name: fadeOutLeftBig;
1938
+ -moz-animation-name: fadeOutLeftBig;
1939
+ -o-animation-name: fadeOutLeftBig;
1940
+ animation-name: fadeOutLeftBig;
1941
+ }
1942
+ @-webkit-keyframes fadeOutRightBig {
1943
+ 0% {
1944
+ opacity: 1;
1945
+ -webkit-transform: translateX(0);
1946
+ }
1947
+
1948
+ 100% {
1949
+ opacity: 0;
1950
+ -webkit-transform: translateX(2000px);
1951
+ }
1952
+ }
1953
+ @-moz-keyframes fadeOutRightBig {
1954
+ 0% {
1955
+ opacity: 1;
1956
+ -moz-transform: translateX(0);
1957
+ }
1958
+
1959
+ 100% {
1960
+ opacity: 0;
1961
+ -moz-transform: translateX(2000px);
1962
+ }
1963
+ }
1964
+ @-o-keyframes fadeOutRightBig {
1965
+ 0% {
1966
+ opacity: 1;
1967
+ -o-transform: translateX(0);
1968
+ }
1969
+
1970
+ 100% {
1971
+ opacity: 0;
1972
+ -o-transform: translateX(2000px);
1973
+ }
1974
+ }
1975
+ @keyframes fadeOutRightBig {
1976
+ 0% {
1977
+ opacity: 1;
1978
+ transform: translateX(0);
1979
+ }
1980
+
1981
+ 100% {
1982
+ opacity: 0;
1983
+ transform: translateX(2000px);
1984
+ }
1985
+ }
1986
+
1987
+ .animated.fadeOutRightBig {
1988
+ -webkit-animation-name: fadeOutRightBig;
1989
+ -moz-animation-name: fadeOutRightBig;
1990
+ -o-animation-name: fadeOutRightBig;
1991
+ animation-name: fadeOutRightBig;
1992
+ }
1993
+ @-webkit-keyframes bounceIn {
1994
+ 0% {
1995
+ opacity: 0;
1996
+ -webkit-transform: scale(.3);
1997
+ }
1998
+
1999
+ 50% {
2000
+ opacity: 1;
2001
+ -webkit-transform: scale(1.05);
2002
+ }
2003
+
2004
+ 70% {
2005
+ -webkit-transform: scale(.9);
2006
+ }
2007
+
2008
+ 100% {
2009
+ -webkit-transform: scale(1);
2010
+ }
2011
+ }
2012
+
2013
+ @-moz-keyframes bounceIn {
2014
+ 0% {
2015
+ opacity: 0;
2016
+ -moz-transform: scale(.3);
2017
+ }
2018
+
2019
+ 50% {
2020
+ opacity: 1;
2021
+ -moz-transform: scale(1.05);
2022
+ }
2023
+
2024
+ 70% {
2025
+ -moz-transform: scale(.9);
2026
+ }
2027
+
2028
+ 100% {
2029
+ -moz-transform: scale(1);
2030
+ }
2031
+ }
2032
+
2033
+ @-o-keyframes bounceIn {
2034
+ 0% {
2035
+ opacity: 0;
2036
+ -o-transform: scale(.3);
2037
+ }
2038
+
2039
+ 50% {
2040
+ opacity: 1;
2041
+ -o-transform: scale(1.05);
2042
+ }
2043
+
2044
+ 70% {
2045
+ -o-transform: scale(.9);
2046
+ }
2047
+
2048
+ 100% {
2049
+ -o-transform: scale(1);
2050
+ }
2051
+ }
2052
+
2053
+ @keyframes bounceIn {
2054
+ 0% {
2055
+ opacity: 0;
2056
+ transform: scale(.3);
2057
+ }
2058
+
2059
+ 50% {
2060
+ opacity: 1;
2061
+ transform: scale(1.05);
2062
+ }
2063
+
2064
+ 70% {
2065
+ transform: scale(.9);
2066
+ }
2067
+
2068
+ 100% {
2069
+ transform: scale(1);
2070
+ }
2071
+ }
2072
+
2073
+ .animated.bounceIn {
2074
+ -webkit-animation-name: bounceIn;
2075
+ -moz-animation-name: bounceIn;
2076
+ -o-animation-name: bounceIn;
2077
+ animation-name: bounceIn;
2078
+ }
2079
+ @-webkit-keyframes bounceInUp {
2080
+ 0% {
2081
+ opacity: 0;
2082
+ -webkit-transform: translateY(1080px);
2083
+ }
2084
+
2085
+ 60% {
2086
+ opacity: 1;
2087
+ -webkit-transform: translateY(-30px);
2088
+ }
2089
+
2090
+ 80% {
2091
+ -webkit-transform: translateY(10px);
2092
+ }
2093
+
2094
+ 100% {
2095
+ -webkit-transform: translateY(0);
2096
+ }
2097
+ }
2098
+ @-moz-keyframes bounceInUp {
2099
+ 0% {
2100
+ opacity: 0;
2101
+ -moz-transform: translateY(1080px);
2102
+ }
2103
+
2104
+ 60% {
2105
+ opacity: 1;
2106
+ -moz-transform: translateY(-30px);
2107
+ }
2108
+
2109
+ 80% {
2110
+ -moz-transform: translateY(10px);
2111
+ }
2112
+
2113
+ 100% {
2114
+ -moz-transform: translateY(0);
2115
+ }
2116
+ }
2117
+
2118
+ @-o-keyframes bounceInUp {
2119
+ 0% {
2120
+ opacity: 0;
2121
+ -o-transform: translateY(1080px);
2122
+ }
2123
+
2124
+ 60% {
2125
+ opacity: 1;
2126
+ -o-transform: translateY(-30px);
2127
+ }
2128
+
2129
+ 80% {
2130
+ -o-transform: translateY(10px);
2131
+ }
2132
+
2133
+ 100% {
2134
+ -o-transform: translateY(0);
2135
+ }
2136
+ }
2137
+
2138
+ @keyframes bounceInUp {
2139
+ 0% {
2140
+ opacity: 0;
2141
+ transform: translateY(1080px);
2142
+ }
2143
+
2144
+ 60% {
2145
+ opacity: 1;
2146
+ transform: translateY(-30px);
2147
+ }
2148
+
2149
+ 80% {
2150
+ transform: translateY(10px);
2151
+ }
2152
+
2153
+ 100% {
2154
+ transform: translateY(0);
2155
+ }
2156
+ }
2157
+
2158
+ .animated.bounceInUp {
2159
+ -webkit-animation-name: bounceInUp;
2160
+ -moz-animation-name: bounceInUp;
2161
+ -o-animation-name: bounceInUp;
2162
+ animation-name: bounceInUp;
2163
+ }
2164
+ @-webkit-keyframes bounceInDown {
2165
+ 0% {
2166
+ opacity: 0;
2167
+ -webkit-transform: translateY(-1080px);
2168
+ }
2169
+
2170
+ 60% {
2171
+ opacity: 1;
2172
+ -webkit-transform: translateY(30px);
2173
+ }
2174
+
2175
+ 80% {
2176
+ -webkit-transform: translateY(-10px);
2177
+ }
2178
+
2179
+ 100% {
2180
+ -webkit-transform: translateY(0);
2181
+ }
2182
+ }
2183
+
2184
+ @-moz-keyframes bounceInDown {
2185
+ 0% {
2186
+ opacity: 0;
2187
+ -moz-transform: translateY(-1080px);
2188
+ }
2189
+
2190
+ 60% {
2191
+ opacity: 1;
2192
+ -moz-transform: translateY(30px);
2193
+ }
2194
+
2195
+ 80% {
2196
+ -moz-transform: translateY(-10px);
2197
+ }
2198
+
2199
+ 100% {
2200
+ -moz-transform: translateY(0);
2201
+ }
2202
+ }
2203
+
2204
+ @-o-keyframes bounceInDown {
2205
+ 0% {
2206
+ opacity: 0;
2207
+ -o-transform: translateY(-1080px);
2208
+ }
2209
+
2210
+ 60% {
2211
+ opacity: 1;
2212
+ -o-transform: translateY(30px);
2213
+ }
2214
+
2215
+ 80% {
2216
+ -o-transform: translateY(-10px);
2217
+ }
2218
+
2219
+ 100% {
2220
+ -o-transform: translateY(0);
2221
+ }
2222
+ }
2223
+
2224
+ @keyframes bounceInDown {
2225
+ 0% {
2226
+ opacity: 0;
2227
+ transform: translateY(-1080px);
2228
+ }
2229
+
2230
+ 60% {
2231
+ opacity: 1;
2232
+ transform: translateY(30px);
2233
+ }
2234
+
2235
+ 80% {
2236
+ transform: translateY(-10px);
2237
+ }
2238
+
2239
+ 100% {
2240
+ transform: translateY(0);
2241
+ }
2242
+ }
2243
+
2244
+ .animated.bounceInDown {
2245
+ -webkit-animation-name: bounceInDown;
2246
+ -moz-animation-name: bounceInDown;
2247
+ -o-animation-name: bounceInDown;
2248
+ animation-name: bounceInDown;
2249
+ }
2250
+ @-webkit-keyframes bounceInLeft {
2251
+ 0% {
2252
+ opacity: 0;
2253
+ -webkit-transform: translateX(-2000px);
2254
+ }
2255
+
2256
+ 60% {
2257
+ opacity: 1;
2258
+ -webkit-transform: translateX(30px);
2259
+ }
2260
+
2261
+ 80% {
2262
+ -webkit-transform: translateX(-10px);
2263
+ }
2264
+
2265
+ 100% {
2266
+ -webkit-transform: translateX(0);
2267
+ }
2268
+ }
2269
+
2270
+ @-moz-keyframes bounceInLeft {
2271
+ 0% {
2272
+ opacity: 0;
2273
+ -moz-transform: translateX(-2000px);
2274
+ }
2275
+
2276
+ 60% {
2277
+ opacity: 1;
2278
+ -moz-transform: translateX(30px);
2279
+ }
2280
+
2281
+ 80% {
2282
+ -moz-transform: translateX(-10px);
2283
+ }
2284
+
2285
+ 100% {
2286
+ -moz-transform: translateX(0);
2287
+ }
2288
+ }
2289
+
2290
+ @-o-keyframes bounceInLeft {
2291
+ 0% {
2292
+ opacity: 0;
2293
+ -o-transform: translateX(-2000px);
2294
+ }
2295
+
2296
+ 60% {
2297
+ opacity: 1;
2298
+ -o-transform: translateX(30px);
2299
+ }
2300
+
2301
+ 80% {
2302
+ -o-transform: translateX(-10px);
2303
+ }
2304
+
2305
+ 100% {
2306
+ -o-transform: translateX(0);
2307
+ }
2308
+ }
2309
+
2310
+ @keyframes bounceInLeft {
2311
+ 0% {
2312
+ opacity: 0;
2313
+ transform: translateX(-2000px);
2314
+ }
2315
+
2316
+ 60% {
2317
+ opacity: 1;
2318
+ transform: translateX(30px);
2319
+ }
2320
+
2321
+ 80% {
2322
+ transform: translateX(-10px);
2323
+ }
2324
+
2325
+ 100% {
2326
+ transform: translateX(0);
2327
+ }
2328
+ }
2329
+
2330
+ .animated.bounceInLeft {
2331
+ -webkit-animation-name: bounceInLeft;
2332
+ -moz-animation-name: bounceInLeft;
2333
+ -o-animation-name: bounceInLeft;
2334
+ animation-name: bounceInLeft;
2335
+ }
2336
+ @-webkit-keyframes bounceInRight {
2337
+ 0% {
2338
+ opacity: 0;
2339
+ -webkit-transform: translateX(2000px);
2340
+ }
2341
+
2342
+ 60% {
2343
+ opacity: 1;
2344
+ -webkit-transform: translateX(-30px);
2345
+ }
2346
+
2347
+ 80% {
2348
+ -webkit-transform: translateX(10px);
2349
+ }
2350
+
2351
+ 100% {
2352
+ -webkit-transform: translateX(0);
2353
+ }
2354
+ }
2355
+
2356
+ @-moz-keyframes bounceInRight {
2357
+ 0% {
2358
+ opacity: 0;
2359
+ -moz-transform: translateX(2000px);
2360
+ }
2361
+
2362
+ 60% {
2363
+ opacity: 1;
2364
+ -moz-transform: translateX(-30px);
2365
+ }
2366
+
2367
+ 80% {
2368
+ -moz-transform: translateX(10px);
2369
+ }
2370
+
2371
+ 100% {
2372
+ -moz-transform: translateX(0);
2373
+ }
2374
+ }
2375
+
2376
+ @-o-keyframes bounceInRight {
2377
+ 0% {
2378
+ opacity: 0;
2379
+ -o-transform: translateX(2000px);
2380
+ }
2381
+
2382
+ 60% {
2383
+ opacity: 1;
2384
+ -o-transform: translateX(-30px);
2385
+ }
2386
+
2387
+ 80% {
2388
+ -o-transform: translateX(10px);
2389
+ }
2390
+
2391
+ 100% {
2392
+ -o-transform: translateX(0);
2393
+ }
2394
+ }
2395
+
2396
+ @keyframes bounceInRight {
2397
+ 0% {
2398
+ opacity: 0;
2399
+ transform: translateX(2000px);
2400
+ }
2401
+
2402
+ 60% {
2403
+ opacity: 1;
2404
+ transform: translateX(-30px);
2405
+ }
2406
+
2407
+ 80% {
2408
+ transform: translateX(10px);
2409
+ }
2410
+
2411
+ 100% {
2412
+ transform: translateX(0);
2413
+ }
2414
+ }
2415
+
2416
+ .animated.bounceInRight {
2417
+ -webkit-animation-name: bounceInRight;
2418
+ -moz-animation-name: bounceInRight;
2419
+ -o-animation-name: bounceInRight;
2420
+ animation-name: bounceInRight;
2421
+ }
2422
+ @-webkit-keyframes bounceOut {
2423
+ 0% {
2424
+ -webkit-transform: scale(1);
2425
+ }
2426
+
2427
+ 25% {
2428
+ -webkit-transform: scale(.95);
2429
+ }
2430
+
2431
+ 50% {
2432
+ opacity: 1;
2433
+ -webkit-transform: scale(1.1);
2434
+ }
2435
+
2436
+ 100% {
2437
+ opacity: 0;
2438
+ -webkit-transform: scale(.3);
2439
+ }
2440
+ }
2441
+
2442
+ @-moz-keyframes bounceOut {
2443
+ 0% {
2444
+ -moz-transform: scale(1);
2445
+ }
2446
+
2447
+ 25% {
2448
+ -moz-transform: scale(.95);
2449
+ }
2450
+
2451
+ 50% {
2452
+ opacity: 1;
2453
+ -moz-transform: scale(1.1);
2454
+ }
2455
+
2456
+ 100% {
2457
+ opacity: 0;
2458
+ -moz-transform: scale(.3);
2459
+ }
2460
+ }
2461
+
2462
+ @-o-keyframes bounceOut {
2463
+ 0% {
2464
+ -o-transform: scale(1);
2465
+ }
2466
+
2467
+ 25% {
2468
+ -o-transform: scale(.95);
2469
+ }
2470
+
2471
+ 50% {
2472
+ opacity: 1;
2473
+ -o-transform: scale(1.1);
2474
+ }
2475
+
2476
+ 100% {
2477
+ opacity: 0;
2478
+ -o-transform: scale(.3);
2479
+ }
2480
+ }
2481
+
2482
+ @keyframes bounceOut {
2483
+ 0% {
2484
+ transform: scale(1);
2485
+ }
2486
+
2487
+ 25% {
2488
+ transform: scale(.95);
2489
+ }
2490
+
2491
+ 50% {
2492
+ opacity: 1;
2493
+ transform: scale(1.1);
2494
+ }
2495
+
2496
+ 100% {
2497
+ opacity: 0;
2498
+ transform: scale(.3);
2499
+ }
2500
+ }
2501
+
2502
+ .animated.bounceOut {
2503
+ -webkit-animation-name: bounceOut;
2504
+ -moz-animation-name: bounceOut;
2505
+ -o-animation-name: bounceOut;
2506
+ animation-name: bounceOut;
2507
+ }
2508
+ @-webkit-keyframes bounceOutUp {
2509
+ 0% {
2510
+ -webkit-transform: translateY(0);
2511
+ }
2512
+
2513
+ 20% {
2514
+ opacity: 1;
2515
+ -webkit-transform: translateY(20px);
2516
+ }
2517
+
2518
+ 100% {
2519
+ opacity: 0;
2520
+ -webkit-transform: translateY(-1080px);
2521
+ }
2522
+ }
2523
+
2524
+ @-moz-keyframes bounceOutUp {
2525
+ 0% {
2526
+ -moz-transform: translateY(0);
2527
+ }
2528
+
2529
+ 20% {
2530
+ opacity: 1;
2531
+ -moz-transform: translateY(20px);
2532
+ }
2533
+
2534
+ 100% {
2535
+ opacity: 0;
2536
+ -moz-transform: translateY(-1080px);
2537
+ }
2538
+ }
2539
+
2540
+ @-o-keyframes bounceOutUp {
2541
+ 0% {
2542
+ -o-transform: translateY(0);
2543
+ }
2544
+
2545
+ 20% {
2546
+ opacity: 1;
2547
+ -o-transform: translateY(20px);
2548
+ }
2549
+
2550
+ 100% {
2551
+ opacity: 0;
2552
+ -o-transform: translateY(-1080px);
2553
+ }
2554
+ }
2555
+
2556
+ @keyframes bounceOutUp {
2557
+ 0% {
2558
+ transform: translateY(0);
2559
+ }
2560
+
2561
+ 20% {
2562
+ opacity: 1;
2563
+ transform: translateY(20px);
2564
+ }
2565
+
2566
+ 100% {
2567
+ opacity: 0;
2568
+ transform: translateY(-1080px);
2569
+ }
2570
+ }
2571
+
2572
+ .animated.bounceOutUp {
2573
+ -webkit-animation-name: bounceOutUp;
2574
+ -moz-animation-name: bounceOutUp;
2575
+ -o-animation-name: bounceOutUp;
2576
+ animation-name: bounceOutUp;
2577
+ }
2578
+ @-webkit-keyframes bounceOutDown {
2579
+ 0% {
2580
+ -webkit-transform: translateY(0);
2581
+ }
2582
+
2583
+ 20% {
2584
+ opacity: 1;
2585
+ -webkit-transform: translateY(-20px);
2586
+ }
2587
+
2588
+ 100% {
2589
+ opacity: 0;
2590
+ -webkit-transform: translateY(1080px);
2591
+ }
2592
+ }
2593
+
2594
+ @-moz-keyframes bounceOutDown {
2595
+ 0% {
2596
+ -moz-transform: translateY(0);
2597
+ }
2598
+
2599
+ 20% {
2600
+ opacity: 1;
2601
+ -moz-transform: translateY(-20px);
2602
+ }
2603
+
2604
+ 100% {
2605
+ opacity: 0;
2606
+ -moz-transform: translateY(1080px);
2607
+ }
2608
+ }
2609
+
2610
+ @-o-keyframes bounceOutDown {
2611
+ 0% {
2612
+ -o-transform: translateY(0);
2613
+ }
2614
+
2615
+ 20% {
2616
+ opacity: 1;
2617
+ -o-transform: translateY(-20px);
2618
+ }
2619
+
2620
+ 100% {
2621
+ opacity: 0;
2622
+ -o-transform: translateY(1080px);
2623
+ }
2624
+ }
2625
+
2626
+ @keyframes bounceOutDown {
2627
+ 0% {
2628
+ transform: translateY(0);
2629
+ }
2630
+
2631
+ 20% {
2632
+ opacity: 1;
2633
+ transform: translateY(-20px);
2634
+ }
2635
+
2636
+ 100% {
2637
+ opacity: 0;
2638
+ transform: translateY(1080px);
2639
+ }
2640
+ }
2641
+
2642
+ .animated.bounceOutDown {
2643
+ -webkit-animation-name: bounceOutDown;
2644
+ -moz-animation-name: bounceOutDown;
2645
+ -o-animation-name: bounceOutDown;
2646
+ animation-name: bounceOutDown;
2647
+ }
2648
+ @-webkit-keyframes bounceOutLeft {
2649
+ 0% {
2650
+ -webkit-transform: translateX(0);
2651
+ }
2652
+
2653
+ 20% {
2654
+ opacity: 1;
2655
+ -webkit-transform: translateX(20px);
2656
+ }
2657
+
2658
+ 100% {
2659
+ opacity: 0;
2660
+ -webkit-transform: translateX(-2000px);
2661
+ }
2662
+ }
2663
+
2664
+ @-moz-keyframes bounceOutLeft {
2665
+ 0% {
2666
+ -moz-transform: translateX(0);
2667
+ }
2668
+
2669
+ 20% {
2670
+ opacity: 1;
2671
+ -moz-transform: translateX(20px);
2672
+ }
2673
+
2674
+ 100% {
2675
+ opacity: 0;
2676
+ -moz-transform: translateX(-2000px);
2677
+ }
2678
+ }
2679
+
2680
+ @-o-keyframes bounceOutLeft {
2681
+ 0% {
2682
+ -o-transform: translateX(0);
2683
+ }
2684
+
2685
+ 20% {
2686
+ opacity: 1;
2687
+ -o-transform: translateX(20px);
2688
+ }
2689
+
2690
+ 100% {
2691
+ opacity: 0;
2692
+ -o-transform: translateX(-2000px);
2693
+ }
2694
+ }
2695
+
2696
+ @keyframes bounceOutLeft {
2697
+ 0% {
2698
+ transform: translateX(0);
2699
+ }
2700
+
2701
+ 20% {
2702
+ opacity: 1;
2703
+ transform: translateX(20px);
2704
+ }
2705
+
2706
+ 100% {
2707
+ opacity: 0;
2708
+ transform: translateX(-2000px);
2709
+ }
2710
+ }
2711
+
2712
+ .animated.bounceOutLeft {
2713
+ -webkit-animation-name: bounceOutLeft;
2714
+ -moz-animation-name: bounceOutLeft;
2715
+ -o-animation-name: bounceOutLeft;
2716
+ animation-name: bounceOutLeft;
2717
+ }
2718
+ @-webkit-keyframes bounceOutRight {
2719
+ 0% {
2720
+ -webkit-transform: translateX(0);
2721
+ }
2722
+
2723
+ 20% {
2724
+ opacity: 1;
2725
+ -webkit-transform: translateX(-20px);
2726
+ }
2727
+
2728
+ 100% {
2729
+ opacity: 0;
2730
+ -webkit-transform: translateX(2000px);
2731
+ }
2732
+ }
2733
+
2734
+ @-moz-keyframes bounceOutRight {
2735
+ 0% {
2736
+ -moz-transform: translateX(0);
2737
+ }
2738
+
2739
+ 20% {
2740
+ opacity: 1;
2741
+ -moz-transform: translateX(-20px);
2742
+ }
2743
+
2744
+ 100% {
2745
+ opacity: 0;
2746
+ -moz-transform: translateX(2000px);
2747
+ }
2748
+ }
2749
+
2750
+ @-o-keyframes bounceOutRight {
2751
+ 0% {
2752
+ -o-transform: translateX(0);
2753
+ }
2754
+
2755
+ 20% {
2756
+ opacity: 1;
2757
+ -o-transform: translateX(-20px);
2758
+ }
2759
+
2760
+ 100% {
2761
+ opacity: 0;
2762
+ -o-transform: translateX(2000px);
2763
+ }
2764
+ }
2765
+
2766
+ @keyframes bounceOutRight {
2767
+ 0% {
2768
+ transform: translateX(0);
2769
+ }
2770
+
2771
+ 20% {
2772
+ opacity: 1;
2773
+ transform: translateX(-20px);
2774
+ }
2775
+
2776
+ 100% {
2777
+ opacity: 0;
2778
+ transform: translateX(2000px);
2779
+ }
2780
+ }
2781
+
2782
+ .animated.bounceOutRight {
2783
+ -webkit-animation-name: bounceOutRight;
2784
+ -moz-animation-name: bounceOutRight;
2785
+ -o-animation-name: bounceOutRight;
2786
+ animation-name: bounceOutRight;
2787
+ }
2788
+ @-webkit-keyframes rotateIn {
2789
+ 0% {
2790
+ -webkit-transform-origin: center center;
2791
+ -webkit-transform: rotate(-200deg);
2792
+ opacity: 0;
2793
+ }
2794
+
2795
+ 100% {
2796
+ -webkit-transform-origin: center center;
2797
+ -webkit-transform: rotate(0);
2798
+ opacity: 1;
2799
+ }
2800
+ }
2801
+ @-moz-keyframes rotateIn {
2802
+ 0% {
2803
+ -moz-transform-origin: center center;
2804
+ -moz-transform: rotate(-200deg);
2805
+ opacity: 0;
2806
+ }
2807
+
2808
+ 100% {
2809
+ -moz-transform-origin: center center;
2810
+ -moz-transform: rotate(0);
2811
+ opacity: 1;
2812
+ }
2813
+ }
2814
+ @-o-keyframes rotateIn {
2815
+ 0% {
2816
+ -o-transform-origin: center center;
2817
+ -o-transform: rotate(-200deg);
2818
+ opacity: 0;
2819
+ }
2820
+
2821
+ 100% {
2822
+ -o-transform-origin: center center;
2823
+ -o-transform: rotate(0);
2824
+ opacity: 1;
2825
+ }
2826
+ }
2827
+ @keyframes rotateIn {
2828
+ 0% {
2829
+ transform-origin: center center;
2830
+ transform: rotate(-200deg);
2831
+ opacity: 0;
2832
+ }
2833
+
2834
+ 100% {
2835
+ transform-origin: center center;
2836
+ transform: rotate(0);
2837
+ opacity: 1;
2838
+ }
2839
+ }
2840
+
2841
+ .animated.rotateIn {
2842
+ -webkit-animation-name: rotateIn;
2843
+ -moz-animation-name: rotateIn;
2844
+ -o-animation-name: rotateIn;
2845
+ animation-name: rotateIn;
2846
+ }
2847
+ @-webkit-keyframes rotateInUpLeft {
2848
+ 0% {
2849
+ -webkit-transform-origin: left bottom;
2850
+ -webkit-transform: rotate(90deg);
2851
+ opacity: 0;
2852
+ }
2853
+
2854
+ 100% {
2855
+ -webkit-transform-origin: left bottom;
2856
+ -webkit-transform: rotate(0);
2857
+ opacity: 1;
2858
+ }
2859
+ }
2860
+
2861
+ @-moz-keyframes rotateInUpLeft {
2862
+ 0% {
2863
+ -moz-transform-origin: left bottom;
2864
+ -moz-transform: rotate(90deg);
2865
+ opacity: 0;
2866
+ }
2867
+
2868
+ 100% {
2869
+ -moz-transform-origin: left bottom;
2870
+ -moz-transform: rotate(0);
2871
+ opacity: 1;
2872
+ }
2873
+ }
2874
+
2875
+ @-o-keyframes rotateInUpLeft {
2876
+ 0% {
2877
+ -o-transform-origin: left bottom;
2878
+ -o-transform: rotate(90deg);
2879
+ opacity: 0;
2880
+ }
2881
+
2882
+ 100% {
2883
+ -o-transform-origin: left bottom;
2884
+ -o-transform: rotate(0);
2885
+ opacity: 1;
2886
+ }
2887
+ }
2888
+
2889
+ @keyframes rotateInUpLeft {
2890
+ 0% {
2891
+ transform-origin: left bottom;
2892
+ transform: rotate(90deg);
2893
+ opacity: 0;
2894
+ }
2895
+
2896
+ 100% {
2897
+ transform-origin: left bottom;
2898
+ transform: rotate(0);
2899
+ opacity: 1;
2900
+ }
2901
+ }
2902
+
2903
+ .animated.rotateInUpLeft {
2904
+ -webkit-animation-name: rotateInUpLeft;
2905
+ -moz-animation-name: rotateInUpLeft;
2906
+ -o-animation-name: rotateInUpLeft;
2907
+ animation-name: rotateInUpLeft;
2908
+ }
2909
+ @-webkit-keyframes rotateInDownLeft {
2910
+ 0% {
2911
+ -webkit-transform-origin: left bottom;
2912
+ -webkit-transform: rotate(-90deg);
2913
+ opacity: 0;
2914
+ }
2915
+
2916
+ 100% {
2917
+ -webkit-transform-origin: left bottom;
2918
+ -webkit-transform: rotate(0);
2919
+ opacity: 1;
2920
+ }
2921
+ }
2922
+
2923
+ @-moz-keyframes rotateInDownLeft {
2924
+ 0% {
2925
+ -moz-transform-origin: left bottom;
2926
+ -moz-transform: rotate(-90deg);
2927
+ opacity: 0;
2928
+ }
2929
+
2930
+ 100% {
2931
+ -moz-transform-origin: left bottom;
2932
+ -moz-transform: rotate(0);
2933
+ opacity: 1;
2934
+ }
2935
+ }
2936
+
2937
+ @-o-keyframes rotateInDownLeft {
2938
+ 0% {
2939
+ -o-transform-origin: left bottom;
2940
+ -o-transform: rotate(-90deg);
2941
+ opacity: 0;
2942
+ }
2943
+
2944
+ 100% {
2945
+ -o-transform-origin: left bottom;
2946
+ -o-transform: rotate(0);
2947
+ opacity: 1;
2948
+ }
2949
+ }
2950
+
2951
+ @keyframes rotateInDownLeft {
2952
+ 0% {
2953
+ transform-origin: left bottom;
2954
+ transform: rotate(-90deg);
2955
+ opacity: 0;
2956
+ }
2957
+
2958
+ 100% {
2959
+ transform-origin: left bottom;
2960
+ transform: rotate(0);
2961
+ opacity: 1;
2962
+ }
2963
+ }
2964
+
2965
+ .animated.rotateInDownLeft {
2966
+ -webkit-animation-name: rotateInDownLeft;
2967
+ -moz-animation-name: rotateInDownLeft;
2968
+ -o-animation-name: rotateInDownLeft;
2969
+ animation-name: rotateInDownLeft;
2970
+ }
2971
+ @-webkit-keyframes rotateInUpRight {
2972
+ 0% {
2973
+ -webkit-transform-origin: right bottom;
2974
+ -webkit-transform: rotate(-90deg);
2975
+ opacity: 0;
2976
+ }
2977
+
2978
+ 100% {
2979
+ -webkit-transform-origin: right bottom;
2980
+ -webkit-transform: rotate(0);
2981
+ opacity: 1;
2982
+ }
2983
+ }
2984
+
2985
+ @-moz-keyframes rotateInUpRight {
2986
+ 0% {
2987
+ -moz-transform-origin: right bottom;
2988
+ -moz-transform: rotate(-90deg);
2989
+ opacity: 0;
2990
+ }
2991
+
2992
+ 100% {
2993
+ -moz-transform-origin: right bottom;
2994
+ -moz-transform: rotate(0);
2995
+ opacity: 1;
2996
+ }
2997
+ }
2998
+
2999
+ @-o-keyframes rotateInUpRight {
3000
+ 0% {
3001
+ -o-transform-origin: right bottom;
3002
+ -o-transform: rotate(-90deg);
3003
+ opacity: 0;
3004
+ }
3005
+
3006
+ 100% {
3007
+ -o-transform-origin: right bottom;
3008
+ -o-transform: rotate(0);
3009
+ opacity: 1;
3010
+ }
3011
+ }
3012
+
3013
+ @keyframes rotateInUpRight {
3014
+ 0% {
3015
+ transform-origin: right bottom;
3016
+ transform: rotate(-90deg);
3017
+ opacity: 0;
3018
+ }
3019
+
3020
+ 100% {
3021
+ transform-origin: right bottom;
3022
+ transform: rotate(0);
3023
+ opacity: 1;
3024
+ }
3025
+ }
3026
+
3027
+ .animated.rotateInUpRight {
3028
+ -webkit-animation-name: rotateInUpRight;
3029
+ -moz-animation-name: rotateInUpRight;
3030
+ -o-animation-name: rotateInUpRight;
3031
+ animation-name: rotateInUpRight;
3032
+ }
3033
+ @-webkit-keyframes rotateInDownRight {
3034
+ 0% {
3035
+ -webkit-transform-origin: right bottom;
3036
+ -webkit-transform: rotate(90deg);
3037
+ opacity: 0;
3038
+ }
3039
+
3040
+ 100% {
3041
+ -webkit-transform-origin: right bottom;
3042
+ -webkit-transform: rotate(0);
3043
+ opacity: 1;
3044
+ }
3045
+ }
3046
+
3047
+ @-moz-keyframes rotateInDownRight {
3048
+ 0% {
3049
+ -moz-transform-origin: right bottom;
3050
+ -moz-transform: rotate(90deg);
3051
+ opacity: 0;
3052
+ }
3053
+
3054
+ 100% {
3055
+ -moz-transform-origin: right bottom;
3056
+ -moz-transform: rotate(0);
3057
+ opacity: 1;
3058
+ }
3059
+ }
3060
+
3061
+ @-o-keyframes rotateInDownRight {
3062
+ 0% {
3063
+ -o-transform-origin: right bottom;
3064
+ -o-transform: rotate(90deg);
3065
+ opacity: 0;
3066
+ }
3067
+
3068
+ 100% {
3069
+ -o-transform-origin: right bottom;
3070
+ -o-transform: rotate(0);
3071
+ opacity: 1;
3072
+ }
3073
+ }
3074
+
3075
+ @keyframes rotateInDownRight {
3076
+ 0% {
3077
+ transform-origin: right bottom;
3078
+ transform: rotate(90deg);
3079
+ opacity: 0;
3080
+ }
3081
+
3082
+ 100% {
3083
+ transform-origin: right bottom;
3084
+ transform: rotate(0);
3085
+ opacity: 1;
3086
+ }
3087
+ }
3088
+
3089
+ .animated.rotateInDownRight {
3090
+ -webkit-animation-name: rotateInDownRight;
3091
+ -moz-animation-name: rotateInDownRight;
3092
+ -o-animation-name: rotateInDownRight;
3093
+ animation-name: rotateInDownRight;
3094
+ }
3095
+ @-webkit-keyframes rotateOut {
3096
+ 0% {
3097
+ -webkit-transform-origin: center center;
3098
+ -webkit-transform: rotate(0);
3099
+ opacity: 1;
3100
+ }
3101
+
3102
+ 100% {
3103
+ -webkit-transform-origin: center center;
3104
+ -webkit-transform: rotate(200deg);
3105
+ opacity: 0;
3106
+ }
3107
+ }
3108
+
3109
+ @-moz-keyframes rotateOut {
3110
+ 0% {
3111
+ -moz-transform-origin: center center;
3112
+ -moz-transform: rotate(0);
3113
+ opacity: 1;
3114
+ }
3115
+
3116
+ 100% {
3117
+ -moz-transform-origin: center center;
3118
+ -moz-transform: rotate(200deg);
3119
+ opacity: 0;
3120
+ }
3121
+ }
3122
+
3123
+ @-o-keyframes rotateOut {
3124
+ 0% {
3125
+ -o-transform-origin: center center;
3126
+ -o-transform: rotate(0);
3127
+ opacity: 1;
3128
+ }
3129
+
3130
+ 100% {
3131
+ -o-transform-origin: center center;
3132
+ -o-transform: rotate(200deg);
3133
+ opacity: 0;
3134
+ }
3135
+ }
3136
+
3137
+ @keyframes rotateOut {
3138
+ 0% {
3139
+ transform-origin: center center;
3140
+ transform: rotate(0);
3141
+ opacity: 1;
3142
+ }
3143
+
3144
+ 100% {
3145
+ transform-origin: center center;
3146
+ transform: rotate(200deg);
3147
+ opacity: 0;
3148
+ }
3149
+ }
3150
+
3151
+ .animated.rotateOut {
3152
+ -webkit-animation-name: rotateOut;
3153
+ -moz-animation-name: rotateOut;
3154
+ -o-animation-name: rotateOut;
3155
+ animation-name: rotateOut;
3156
+ }
3157
+ @-webkit-keyframes rotateOutUpLeft {
3158
+ 0% {
3159
+ -webkit-transform-origin: left bottom;
3160
+ -webkit-transform: rotate(0);
3161
+ opacity: 1;
3162
+ }
3163
+
3164
+ 100% {
3165
+ -webkit-transform-origin: left bottom;
3166
+ -webkit-transform: rotate(-90deg);
3167
+ opacity: 0;
3168
+ }
3169
+ }
3170
+
3171
+ @-moz-keyframes rotateOutUpLeft {
3172
+ 0% {
3173
+ -moz-transform-origin: left bottom;
3174
+ -moz-transform: rotate(0);
3175
+ opacity: 1;
3176
+ }
3177
+
3178
+ 100% {
3179
+ -moz-transform-origin: left bottom;
3180
+ -moz-transform: rotate(-90deg);
3181
+ opacity: 0;
3182
+ }
3183
+ }
3184
+
3185
+ @-o-keyframes rotateOutUpLeft {
3186
+ 0% {
3187
+ -o-transform-origin: left bottom;
3188
+ -o-transform: rotate(0);
3189
+ opacity: 1;
3190
+ }
3191
+
3192
+ 100% {
3193
+ -o-transform-origin: left bottom;
3194
+ -o-transform: rotate(-90deg);
3195
+ opacity: 0;
3196
+ }
3197
+ }
3198
+
3199
+ @keyframes rotateOutUpLeft {
3200
+ 0% {
3201
+ transform-origin: left bottom;
3202
+ transform: rotate(0);
3203
+ opacity: 1;
3204
+ }
3205
+
3206
+ 100% {
3207
+ transform-origin: left bottom;
3208
+ transform: rotate(-90deg);
3209
+ opacity: 0;
3210
+ }
3211
+ }
3212
+
3213
+ .animated.rotateOutUpLeft {
3214
+ -webkit-animation-name: rotateOutUpLeft;
3215
+ -moz-animation-name: rotateOutUpLeft;
3216
+ -o-animation-name: rotateOutUpLeft;
3217
+ animation-name: rotateOutUpLeft;
3218
+ }
3219
+ @-webkit-keyframes rotateOutDownLeft {
3220
+ 0% {
3221
+ -webkit-transform-origin: left bottom;
3222
+ -webkit-transform: rotate(0);
3223
+ opacity: 1;
3224
+ }
3225
+
3226
+ 100% {
3227
+ -webkit-transform-origin: left bottom;
3228
+ -webkit-transform: rotate(90deg);
3229
+ opacity: 0;
3230
+ }
3231
+ }
3232
+
3233
+ @-moz-keyframes rotateOutDownLeft {
3234
+ 0% {
3235
+ -moz-transform-origin: left bottom;
3236
+ -moz-transform: rotate(0);
3237
+ opacity: 1;
3238
+ }
3239
+
3240
+ 100% {
3241
+ -moz-transform-origin: left bottom;
3242
+ -moz-transform: rotate(90deg);
3243
+ opacity: 0;
3244
+ }
3245
+ }
3246
+
3247
+ @-o-keyframes rotateOutDownLeft {
3248
+ 0% {
3249
+ -o-transform-origin: left bottom;
3250
+ -o-transform: rotate(0);
3251
+ opacity: 1;
3252
+ }
3253
+
3254
+ 100% {
3255
+ -o-transform-origin: left bottom;
3256
+ -o-transform: rotate(90deg);
3257
+ opacity: 0;
3258
+ }
3259
+ }
3260
+
3261
+ @keyframes rotateOutDownLeft {
3262
+ 0% {
3263
+ transform-origin: left bottom;
3264
+ transform: rotate(0);
3265
+ opacity: 1;
3266
+ }
3267
+
3268
+ 100% {
3269
+ transform-origin: left bottom;
3270
+ transform: rotate(90deg);
3271
+ opacity: 0;
3272
+ }
3273
+ }
3274
+
3275
+ .animated.rotateOutDownLeft {
3276
+ -webkit-animation-name: rotateOutDownLeft;
3277
+ -moz-animation-name: rotateOutDownLeft;
3278
+ -o-animation-name: rotateOutDownLeft;
3279
+ animation-name: rotateOutDownLeft;
3280
+ }
3281
+ @-webkit-keyframes rotateOutUpRight {
3282
+ 0% {
3283
+ -webkit-transform-origin: right bottom;
3284
+ -webkit-transform: rotate(0);
3285
+ opacity: 1;
3286
+ }
3287
+
3288
+ 100% {
3289
+ -webkit-transform-origin: right bottom;
3290
+ -webkit-transform: rotate(90deg);
3291
+ opacity: 0;
3292
+ }
3293
+ }
3294
+
3295
+ @-moz-keyframes rotateOutUpRight {
3296
+ 0% {
3297
+ -moz-transform-origin: right bottom;
3298
+ -moz-transform: rotate(0);
3299
+ opacity: 1;
3300
+ }
3301
+
3302
+ 100% {
3303
+ -moz-transform-origin: right bottom;
3304
+ -moz-transform: rotate(90deg);
3305
+ opacity: 0;
3306
+ }
3307
+ }
3308
+
3309
+ @-o-keyframes rotateOutUpRight {
3310
+ 0% {
3311
+ -o-transform-origin: right bottom;
3312
+ -o-transform: rotate(0);
3313
+ opacity: 1;
3314
+ }
3315
+
3316
+ 100% {
3317
+ -o-transform-origin: right bottom;
3318
+ -o-transform: rotate(90deg);
3319
+ opacity: 0;
3320
+ }
3321
+ }
3322
+
3323
+ @keyframes rotateOutUpRight {
3324
+ 0% {
3325
+ transform-origin: right bottom;
3326
+ transform: rotate(0);
3327
+ opacity: 1;
3328
+ }
3329
+
3330
+ 100% {
3331
+ transform-origin: right bottom;
3332
+ transform: rotate(90deg);
3333
+ opacity: 0;
3334
+ }
3335
+ }
3336
+
3337
+ .animated.rotateOutUpRight {
3338
+ -webkit-animation-name: rotateOutUpRight;
3339
+ -moz-animation-name: rotateOutUpRight;
3340
+ -o-animation-name: rotateOutUpRight;
3341
+ animation-name: rotateOutUpRight;
3342
+ }
3343
+ @-webkit-keyframes rotateOutDownRight {
3344
+ 0% {
3345
+ -webkit-transform-origin: right bottom;
3346
+ -webkit-transform: rotate(0);
3347
+ opacity: 1;
3348
+ }
3349
+
3350
+ 100% {
3351
+ -webkit-transform-origin: right bottom;
3352
+ -webkit-transform: rotate(-90deg);
3353
+ opacity: 0;
3354
+ }
3355
+ }
3356
+
3357
+ @-moz-keyframes rotateOutDownRight {
3358
+ 0% {
3359
+ -moz-transform-origin: right bottom;
3360
+ -moz-transform: rotate(0);
3361
+ opacity: 1;
3362
+ }
3363
+
3364
+ 100% {
3365
+ -moz-transform-origin: right bottom;
3366
+ -moz-transform: rotate(-90deg);
3367
+ opacity: 0;
3368
+ }
3369
+ }
3370
+
3371
+ @-o-keyframes rotateOutDownRight {
3372
+ 0% {
3373
+ -o-transform-origin: right bottom;
3374
+ -o-transform: rotate(0);
3375
+ opacity: 1;
3376
+ }
3377
+
3378
+ 100% {
3379
+ -o-transform-origin: right bottom;
3380
+ -o-transform: rotate(-90deg);
3381
+ opacity: 0;
3382
+ }
3383
+ }
3384
+
3385
+ @keyframes rotateOutDownRight {
3386
+ 0% {
3387
+ transform-origin: right bottom;
3388
+ transform: rotate(0);
3389
+ opacity: 1;
3390
+ }
3391
+
3392
+ 100% {
3393
+ transform-origin: right bottom;
3394
+ transform: rotate(-90deg);
3395
+ opacity: 0;
3396
+ }
3397
+ }
3398
+
3399
+ .animated.rotateOutDownRight {
3400
+ -webkit-animation-name: rotateOutDownRight;
3401
+ -moz-animation-name: rotateOutDownRight;
3402
+ -o-animation-name: rotateOutDownRight;
3403
+ animation-name: rotateOutDownRight;
3404
+ }
3405
+
3406
+ @-webkit-keyframes zoomIn {
3407
+ 0% {
3408
+ opacity: 0;
3409
+ -webkit-transform: scale3d(.3, .3, .3);
3410
+ transform: scale3d(.3, .3, .3);
3411
+ }
3412
+
3413
+ 50% {
3414
+ opacity: 1;
3415
+ }
3416
+ }
3417
+
3418
+ @keyframes zoomIn {
3419
+ 0% {
3420
+ opacity: 0;
3421
+ -webkit-transform: scale3d(.3, .3, .3);
3422
+ transform: scale3d(.3, .3, .3);
3423
+ }
3424
+
3425
+ 50% {
3426
+ opacity: 1;
3427
+ }
3428
+ }
3429
+
3430
+ .animated.zoomIn {
3431
+ -webkit-animation-name: zoomIn;
3432
+ animation-name: zoomIn;
3433
+ }
3434
+
3435
+ @-webkit-keyframes zoomInDown {
3436
+ 0% {
3437
+ opacity: 0;
3438
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3439
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3440
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3441
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3442
+ }
3443
+
3444
+ 60% {
3445
+ opacity: 1;
3446
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3447
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3448
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3449
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3450
+ }
3451
+ }
3452
+
3453
+ @keyframes zoomInDown {
3454
+ 0% {
3455
+ opacity: 0;
3456
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3457
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
3458
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3459
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3460
+ }
3461
+
3462
+ 60% {
3463
+ opacity: 1;
3464
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3465
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3466
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3467
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3468
+ }
3469
+ }
3470
+
3471
+ .animated.zoomInDown {
3472
+ -webkit-animation-name: zoomInDown;
3473
+ animation-name: zoomInDown;
3474
+ }
3475
+
3476
+ @-webkit-keyframes zoomInLeft {
3477
+ 0% {
3478
+ opacity: 0;
3479
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3480
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3481
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3482
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3483
+ }
3484
+
3485
+ 60% {
3486
+ opacity: 1;
3487
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3488
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3489
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3490
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3491
+ }
3492
+ }
3493
+
3494
+ @keyframes zoomInLeft {
3495
+ 0% {
3496
+ opacity: 0;
3497
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3498
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
3499
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3500
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3501
+ }
3502
+
3503
+ 60% {
3504
+ opacity: 1;
3505
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3506
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
3507
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3508
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3509
+ }
3510
+ }
3511
+
3512
+ .animated.zoomInLeft {
3513
+ -webkit-animation-name: zoomInLeft;
3514
+ animation-name: zoomInLeft;
3515
+ }
3516
+
3517
+ @-webkit-keyframes zoomInRight {
3518
+ 0% {
3519
+ opacity: 0;
3520
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3521
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3522
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3523
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3524
+ }
3525
+
3526
+ 60% {
3527
+ opacity: 1;
3528
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3529
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3530
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3531
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3532
+ }
3533
+ }
3534
+
3535
+ @keyframes zoomInRight {
3536
+ 0% {
3537
+ opacity: 0;
3538
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3539
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
3540
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3541
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3542
+ }
3543
+
3544
+ 60% {
3545
+ opacity: 1;
3546
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3547
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
3548
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3549
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3550
+ }
3551
+ }
3552
+
3553
+ .animated.zoomInRight {
3554
+ -webkit-animation-name: zoomInRight;
3555
+ animation-name: zoomInRight;
3556
+ }
3557
+
3558
+ @-webkit-keyframes zoomInUp {
3559
+ 0% {
3560
+ opacity: 0;
3561
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3562
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3563
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3564
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3565
+ }
3566
+
3567
+ 60% {
3568
+ opacity: 1;
3569
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3570
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3571
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3572
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3573
+ }
3574
+ }
3575
+
3576
+ @keyframes zoomInUp {
3577
+ 0% {
3578
+ opacity: 0;
3579
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3580
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
3581
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3582
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3583
+ }
3584
+
3585
+ 60% {
3586
+ opacity: 1;
3587
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3588
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3589
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3590
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3591
+ }
3592
+ }
3593
+
3594
+ .animated.zoomInUp {
3595
+ -webkit-animation-name: zoomInUp;
3596
+ animation-name: zoomInUp;
3597
+ }
3598
+
3599
+ @-webkit-keyframes zoomOut {
3600
+ 0% {
3601
+ opacity: 1;
3602
+ }
3603
+
3604
+ 50% {
3605
+ opacity: 0;
3606
+ -webkit-transform: scale3d(.3, .3, .3);
3607
+ transform: scale3d(.3, .3, .3);
3608
+ }
3609
+
3610
+ 100% {
3611
+ opacity: 0;
3612
+ }
3613
+ }
3614
+
3615
+ @keyframes zoomOut {
3616
+ 0% {
3617
+ opacity: 1;
3618
+ }
3619
+
3620
+ 50% {
3621
+ opacity: 0;
3622
+ -webkit-transform: scale3d(.3, .3, .3);
3623
+ transform: scale3d(.3, .3, .3);
3624
+ }
3625
+
3626
+ 100% {
3627
+ opacity: 0;
3628
+ }
3629
+ }
3630
+
3631
+ .animated.zoomOut {
3632
+ -webkit-animation-name: zoomOut;
3633
+ animation-name: zoomOut;
3634
+ }
3635
+
3636
+ @-webkit-keyframes zoomOutDown {
3637
+ 40% {
3638
+ opacity: 1;
3639
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3640
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3641
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3642
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3643
+ }
3644
+
3645
+ 100% {
3646
+ opacity: 0;
3647
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3648
+ transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3649
+ -webkit-transform-origin: center bottom;
3650
+ transform-origin: center bottom;
3651
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3652
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3653
+ }
3654
+ }
3655
+
3656
+ @keyframes zoomOutDown {
3657
+ 40% {
3658
+ opacity: 1;
3659
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3660
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
3661
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3662
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3663
+ }
3664
+
3665
+ 100% {
3666
+ opacity: 0;
3667
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3668
+ transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
3669
+ -webkit-transform-origin: center bottom;
3670
+ transform-origin: center bottom;
3671
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3672
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3673
+ }
3674
+ }
3675
+
3676
+ .animated.zoomOutDown {
3677
+ -webkit-animation-name: zoomOutDown;
3678
+ animation-name: zoomOutDown;
3679
+ }
3680
+
3681
+ @-webkit-keyframes zoomOutLeft {
3682
+ 40% {
3683
+ opacity: 1;
3684
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3685
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3686
+ }
3687
+
3688
+ 100% {
3689
+ opacity: 0;
3690
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3691
+ transform: scale(.1) translate3d(-2000px, 0, 0);
3692
+ -webkit-transform-origin: left center;
3693
+ transform-origin: left center;
3694
+ }
3695
+ }
3696
+
3697
+ @keyframes zoomOutLeft {
3698
+ 40% {
3699
+ opacity: 1;
3700
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3701
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
3702
+ }
3703
+
3704
+ 100% {
3705
+ opacity: 0;
3706
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3707
+ transform: scale(.1) translate3d(-2000px, 0, 0);
3708
+ -webkit-transform-origin: left center;
3709
+ transform-origin: left center;
3710
+ }
3711
+ }
3712
+
3713
+ .animated.zoomOutLeft {
3714
+ -webkit-animation-name: zoomOutLeft;
3715
+ animation-name: zoomOutLeft;
3716
+ }
3717
+
3718
+ @-webkit-keyframes zoomOutRight {
3719
+ 40% {
3720
+ opacity: 1;
3721
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3722
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3723
+ }
3724
+
3725
+ 100% {
3726
+ opacity: 0;
3727
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3728
+ transform: scale(.1) translate3d(2000px, 0, 0);
3729
+ -webkit-transform-origin: right center;
3730
+ transform-origin: right center;
3731
+ }
3732
+ }
3733
+
3734
+ @keyframes zoomOutRight {
3735
+ 40% {
3736
+ opacity: 1;
3737
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3738
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3739
+ }
3740
+
3741
+ 100% {
3742
+ opacity: 0;
3743
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3744
+ transform: scale(.1) translate3d(2000px, 0, 0);
3745
+ -webkit-transform-origin: right center;
3746
+ transform-origin: right center;
3747
+ }
3748
+ }
3749
+
3750
+ .animated.zoomOutRight {
3751
+ -webkit-animation-name: zoomOutRight;
3752
+ animation-name: zoomOutRight;
3753
+ }
3754
+
3755
+ @-webkit-keyframes zoomOutUp {
3756
+ 40% {
3757
+ opacity: 1;
3758
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3759
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3760
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3761
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3762
+ }
3763
+
3764
+ 100% {
3765
+ opacity: 0;
3766
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3767
+ transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3768
+ -webkit-transform-origin: center bottom;
3769
+ transform-origin: center bottom;
3770
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3771
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3772
+ }
3773
+ }
3774
+
3775
+ @keyframes zoomOutUp {
3776
+ 40% {
3777
+ opacity: 1;
3778
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3779
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3780
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3781
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3782
+ }
3783
+
3784
+ 100% {
3785
+ opacity: 0;
3786
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3787
+ transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
3788
+ -webkit-transform-origin: center bottom;
3789
+ transform-origin: center bottom;
3790
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3791
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3792
+ }
3793
+ }
3794
+
3795
+ .animated.zoomOutUp {
3796
+ -webkit-animation-name: zoomOutUp;
3797
+ animation-name: zoomOutUp;
3798
+ }
3799
+
3800
+ @-webkit-keyframes slideInDown {
3801
+ 0% {
3802
+ -webkit-transform: translate3d(0, -1080px, 0);
3803
+ transform: translate3d(0, -1080px, 0);
3804
+ opacity: 1;
3805
+ }
3806
+
3807
+ 100% {
3808
+ -webkit-transform: translate3d(0, 0, 0);
3809
+ transform: translate3d(0, 0, 0);
3810
+ }
3811
+ }
3812
+
3813
+ @keyframes slideInDown {
3814
+ 0% {
3815
+ -webkit-transform: translate3d(0, -1080px, 0);
3816
+ transform: translate3d(0, -1080px, 0);
3817
+ opacity: 1;
3818
+ }
3819
+
3820
+ 100% {
3821
+ -webkit-transform: translate3d(0, 0, 0);
3822
+ transform: translate3d(0, 0, 0);
3823
+ }
3824
+ }
3825
+
3826
+ .animated.slideInDown {
3827
+ -webkit-animation-name: slideInDown;
3828
+ animation-name: slideInDown;
3829
+ }
3830
+
3831
+ @-webkit-keyframes slideInLeft {
3832
+ 0% {
3833
+ -webkit-transform: translate3d(-3000px, 0, 0);
3834
+ transform: translate3d(-3000px, 0, 0);
3835
+ opacity: 1;
3836
+ }
3837
+
3838
+ 100% {
3839
+ -webkit-transform: translate3d(0, 0, 0);
3840
+ transform: translate3d(0, 0, 0);
3841
+ }
3842
+ }
3843
+
3844
+ @keyframes slideInLeft {
3845
+ 0% {
3846
+ -webkit-transform: translate3d(-3000px, 0, 0);
3847
+ transform: translate3d(-3000px, 0, 0);
3848
+ opacity: 1;
3849
+ }
3850
+
3851
+ 100% {
3852
+ -webkit-transform: translate3d(0, 0, 0);
3853
+ transform: translate3d(0, 0, 0);
3854
+ }
3855
+ }
3856
+
3857
+ .animated.slideInLeft {
3858
+ -webkit-animation-name: slideInLeft;
3859
+ animation-name: slideInLeft;
3860
+ }
3861
+
3862
+ @-webkit-keyframes slideInRight {
3863
+ 0% {
3864
+ -webkit-transform: translate3d(3000px, 0, 0);
3865
+ transform: translate3d(3000px, 0, 0);
3866
+ opacity: 1;
3867
+ }
3868
+
3869
+ 100% {
3870
+ -webkit-transform: translate3d(0, 0, 0);
3871
+ transform: translate3d(0, 0, 0);
3872
+ }
3873
+ }
3874
+
3875
+ @keyframes slideInRight {
3876
+ 0% {
3877
+ -webkit-transform: translate3d(3000px, 0, 0);
3878
+ transform: translate3d(3000px, 0, 0);
3879
+ opacity: 1;
3880
+ }
3881
+
3882
+ 100% {
3883
+ -webkit-transform: translate3d(0, 0, 0);
3884
+ transform: translate3d(0, 0, 0);
3885
+ }
3886
+ }
3887
+
3888
+ .animated.slideInRight {
3889
+ -webkit-animation-name: slideInRight;
3890
+ animation-name: slideInRight;
3891
+ }
3892
+
3893
+ @-webkit-keyframes slideInUp {
3894
+ 0% {
3895
+ -webkit-transform: translate3d(0, 1080px, 0);
3896
+ transform: translate3d(0, 1080px, 0);
3897
+ opacity: 1;
3898
+ }
3899
+
3900
+ 100% {
3901
+ -webkit-transform: translate3d(0, 0, 0);
3902
+ transform: translate3d(0, 0, 0);
3903
+ }
3904
+ }
3905
+
3906
+ @keyframes slideInUp {
3907
+ 0% {
3908
+ -webkit-transform: translate3d(0, 1080px, 0);
3909
+ transform: translate3d(0, 1080px, 0);
3910
+ opacity: 1;
3911
+ }
3912
+
3913
+ 100% {
3914
+ -webkit-transform: translate3d(0, 0, 0);
3915
+ transform: translate3d(0, 0, 0);
3916
+ }
3917
+ }
3918
+
3919
+ .animated.slideInUp {
3920
+ -webkit-animation-name: slideInUp;
3921
+ animation-name: slideInUp;
3922
+ }
3923
+
3924
+ @-webkit-keyframes slideOutDown {
3925
+ 0% {
3926
+ -webkit-transform: translate3d(0, 0, 0);
3927
+ transform: translate3d(0, 0, 0);
3928
+ }
3929
+
3930
+ 100% {
3931
+ opacity: 0;
3932
+ -webkit-transform: translate3d(0, 1080px, 0);
3933
+ transform: translate3d(0, 1080px, 0);
3934
+ }
3935
+ }
3936
+
3937
+ @keyframes slideOutDown {
3938
+ 0% {
3939
+ -webkit-transform: translate3d(0, 0, 0);
3940
+ transform: translate3d(0, 0, 0);
3941
+ }
3942
+
3943
+ 100% {
3944
+ opacity: 0;
3945
+ -webkit-transform: translate3d(0, 1080px, 0);
3946
+ transform: translate3d(0, 1080px, 0);
3947
+ }
3948
+ }
3949
+
3950
+ .animated.slideOutDown {
3951
+ -webkit-animation-name: slideOutDown;
3952
+ animation-name: slideOutDown;
3953
+ }
3954
+
3955
+ @-webkit-keyframes slideOutLeft {
3956
+ 0% {
3957
+ -webkit-transform: translate3d(0, 0, 0);
3958
+ transform: translate3d(0, 0, 0);
3959
+ }
3960
+
3961
+ 100% {
3962
+ opacity: 0;
3963
+ -webkit-transform: translate3d(-3000px, 0, 0);
3964
+ transform: translate3d(-3000px, 0, 0);
3965
+ }
3966
+ }
3967
+
3968
+ @keyframes slideOutLeft {
3969
+ 0% {
3970
+ -webkit-transform: translate3d(0, 0, 0);
3971
+ transform: translate3d(0, 0, 0);
3972
+ }
3973
+
3974
+ 100% {
3975
+ opacity: 0;
3976
+ -webkit-transform: translate3d(-3000px, 0, 0);
3977
+ transform: translate3d(-3000px, 0, 0);
3978
+ }
3979
+ }
3980
+
3981
+ .animated.slideOutLeft {
3982
+ -webkit-animation-name: slideOutLeft;
3983
+ animation-name: slideOutLeft;
3984
+ }
3985
+
3986
+ @-webkit-keyframes slideOutRight {
3987
+ 0% {
3988
+ -webkit-transform: translate3d(0, 0, 0);
3989
+ transform: translate3d(0, 0, 0);
3990
+ }
3991
+
3992
+ 100% {
3993
+ opacity: 0;
3994
+ -webkit-transform: translate3d(3000px, 0, 0);
3995
+ transform: translate3d(3000px, 0, 0);
3996
+ }
3997
+ }
3998
+
3999
+ @keyframes slideOutRight {
4000
+ 0% {
4001
+ -webkit-transform: translate3d(0, 0, 0);
4002
+ transform: translate3d(0, 0, 0);
4003
+ }
4004
+
4005
+ 100% {
4006
+ opacity: 0;
4007
+ -webkit-transform: translate3d(3000px, 0, 0);
4008
+ transform: translate3d(3000px, 0, 0);
4009
+ }
4010
+ }
4011
+
4012
+ .animated.slideOutRight {
4013
+ -webkit-animation-name: slideOutRight;
4014
+ animation-name: slideOutRight;
4015
+ }
4016
+
4017
+ @-webkit-keyframes slideOutUp {
4018
+ 0% {
4019
+ -webkit-transform: translate3d(0, 0, 0);
4020
+ transform: translate3d(0, 0, 0);
4021
+ }
4022
+
4023
+ 100% {
4024
+ opacity: 0;
4025
+ -webkit-transform: translate3d(0, -1080px, 0);
4026
+ transform: translate3d(0, -1080px, 0);
4027
+ }
4028
+ }
4029
+
4030
+ @keyframes slideOutUp {
4031
+ 0% {
4032
+ -webkit-transform: translate3d(0, 0, 0);
4033
+ transform: translate3d(0, 0, 0);
4034
+ }
4035
+
4036
+ 100% {
4037
+ opacity: 0;
4038
+ -webkit-transform: translate3d(0, -1080px, 0);
4039
+ transform: translate3d(0, -1080px, 0);
4040
+ }
4041
+ }
4042
+
4043
+ .animated.slideOutUp {
4044
+ -webkit-animation-name: slideOutUp;
4045
+ animation-name: slideOutUp;
4046
+ }
4047
+
4048
+ @-webkit-keyframes hinge {
4049
+ 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4050
+ 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4051
+ 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4052
+ 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
4053
+ 100% { -webkit-transform: translateY(700px); opacity: 0; }
4054
+ }
4055
+
4056
+ @-moz-keyframes hinge {
4057
+ 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4058
+ 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4059
+ 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4060
+ 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
4061
+ 100% { -moz-transform: translateY(700px); opacity: 0; }
4062
+ }
4063
+
4064
+ @-o-keyframes hinge {
4065
+ 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4066
+ 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4067
+ 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4068
+ 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
4069
+ 100% { -o-transform: translateY(700px); opacity: 0; }
4070
+ }
4071
+
4072
+ @keyframes hinge {
4073
+ 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
4074
+ 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
4075
+ 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
4076
+ 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
4077
+ 100% { transform: translateY(700px); opacity: 0; }
4078
+ }
4079
+
4080
+ .animated.hinge {
4081
+ -webkit-animation-name: hinge;
4082
+ -moz-animation-name: hinge;
4083
+ -o-animation-name: hinge;
4084
+ animation-name: hinge;
4085
+ }
4086
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
4087
+
4088
+ @-webkit-keyframes rollIn {
4089
+ 0% { opacity: 0; -webkit-transform: translateX(-3000px) rotate(-120deg); }
4090
+ 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
4091
+ }
4092
+
4093
+ @-moz-keyframes rollIn {
4094
+ 0% { opacity: 0; -moz-transform: translateX(-3000px) rotate(-120deg); }
4095
+ 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
4096
+ }
4097
+
4098
+ @-o-keyframes rollIn {
4099
+ 0% { opacity: 0; -o-transform: translateX(-3000px) rotate(-120deg); }
4100
+ 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
4101
+ }
4102
+
4103
+ @keyframes rollIn {
4104
+ 0% { opacity: 0; transform: translateX(-3000px) rotate(-120deg); }
4105
+ 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
4106
+ }
4107
+
4108
+ .animated.rollIn {
4109
+ -webkit-animation-name: rollIn;
4110
+ -moz-animation-name: rollIn;
4111
+ -o-animation-name: rollIn;
4112
+ animation-name: rollIn;
4113
+ }
4114
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
4115
+
4116
+ @-webkit-keyframes rollOut {
4117
+ 0% {
4118
+ opacity: 1;
4119
+ -webkit-transform: translateX(0px) rotate(0deg);
4120
+ }
4121
+
4122
+ 100% {
4123
+ opacity: 0;
4124
+ -webkit-transform: translateX(3000px) rotate(120deg);
4125
+ }
4126
+ }
4127
+
4128
+ @-moz-keyframes rollOut {
4129
+ 0% {
4130
+ opacity: 1;
4131
+ -moz-transform: translateX(0px) rotate(0deg);
4132
+ }
4133
+
4134
+ 100% {
4135
+ opacity: 0;
4136
+ -moz-transform: translateX(3000px) rotate(120deg);
4137
+ }
4138
+ }
4139
+
4140
+ @-o-keyframes rollOut {
4141
+ 0% {
4142
+ opacity: 1;
4143
+ -o-transform: translateX(0px) rotate(0deg);
4144
+ }
4145
+
4146
+ 100% {
4147
+ opacity: 0;
4148
+ -o-transform: translateX(3000px) rotate(120deg);
4149
+ }
4150
+ }
4151
+
4152
+ @keyframes rollOut {
4153
+ 0% {
4154
+ opacity: 1;
4155
+ transform: translateX(0px) rotate(0deg);
4156
+ }
4157
+
4158
+ 100% {
4159
+ opacity: 0;
4160
+ transform: translateX(3000px) rotate(120deg);
4161
+ }
4162
+ }
4163
+
4164
+ .animated.rollOut {
4165
+ -webkit-animation-name: rollOut;
4166
+ -moz-animation-name: rollOut;
4167
+ -o-animation-name: rollOut;
4168
+ animation-name: rollOut;
4169
+ }
4170
+
4171
+ /* originally authored by Angelo Rohit - https://github.com/angelorohit */
4172
+
4173
+ @-webkit-keyframes lightSpeedIn {
4174
+ 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4175
+ 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
4176
+ 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
4177
+ 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
4178
+ }
4179
+
4180
+ @-moz-keyframes lightSpeedIn {
4181
+ 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4182
+ 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
4183
+ 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
4184
+ 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
4185
+ }
4186
+
4187
+ @-o-keyframes lightSpeedIn {
4188
+ 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4189
+ 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
4190
+ 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
4191
+ 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
4192
+ }
4193
+
4194
+ @keyframes lightSpeedIn {
4195
+ 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
4196
+ 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
4197
+ 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
4198
+ 100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
4199
+ }
4200
+
4201
+ .animated.lightSpeedIn {
4202
+ -webkit-animation-name: lightSpeedIn;
4203
+ -moz-animation-name: lightSpeedIn;
4204
+ -o-animation-name: lightSpeedIn;
4205
+ animation-name: lightSpeedIn;
4206
+
4207
+ -webkit-animation-timing-function: ease-out;
4208
+ -moz-animation-timing-function: ease-out;
4209
+ -o-animation-timing-function: ease-out;
4210
+ animation-timing-function: ease-out;
4211
+ }
4212
+
4213
+ .animated.lightSpeedIn {
4214
+ -webkit-animation-duration: 0.5s;
4215
+ -moz-animation-duration: 0.5s;
4216
+ -o-animation-duration: 0.5s;
4217
+ animation-duration: 0.5s;
4218
+ }
4219
+
4220
+ /* originally authored by Angelo Rohit - https://github.com/angelorohit */
4221
+
4222
+ @-webkit-keyframes lightSpeedOut {
4223
+ 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
4224
+ 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4225
+ }
4226
+
4227
+ @-moz-keyframes lightSpeedOut {
4228
+ 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
4229
+ 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4230
+ }
4231
+
4232
+ @-o-keyframes lightSpeedOut {
4233
+ 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
4234
+ 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
4235
+ }
4236
+
4237
+ @keyframes lightSpeedOut {
4238
+ 0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
4239
+ 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
4240
+ }
4241
+
4242
+ .animated.lightSpeedOut {
4243
+ -webkit-animation-name: lightSpeedOut;
4244
+ -moz-animation-name: lightSpeedOut;
4245
+ -o-animation-name: lightSpeedOut;
4246
+ animation-name: lightSpeedOut;
4247
+
4248
+ -webkit-animation-timing-function: ease-in;
4249
+ -moz-animation-timing-function: ease-in;
4250
+ -o-animation-timing-function: ease-in;
4251
+ animation-timing-function: ease-in;
4252
+ }
4253
+
4254
+ .animated.lightSpeedOut {
4255
+ -webkit-animation-duration: 0.25s;
4256
+ -moz-animation-duration: 0.25s;
4257
+ -o-animation-duration: 0.25s;
4258
+ animation-duration: 0.25s;
4259
+ }
4260
+
4261
+ /* originally authored by Angelo Rohit - https://github.com/angelorohit */
4262
+
4263
+ @-webkit-keyframes wiggle {
4264
+ 0% { -webkit-transform: skewX(9deg); }
4265
+ 10% { -webkit-transform: skewX(-8deg); }
4266
+ 20% { -webkit-transform: skewX(7deg); }
4267
+ 30% { -webkit-transform: skewX(-6deg); }
4268
+ 40% { -webkit-transform: skewX(5deg); }
4269
+ 50% { -webkit-transform: skewX(-4deg); }
4270
+ 60% { -webkit-transform: skewX(3deg); }
4271
+ 70% { -webkit-transform: skewX(-2deg); }
4272
+ 80% { -webkit-transform: skewX(1deg); }
4273
+ 90% { -webkit-transform: skewX(0deg); }
4274
+ 100% { -webkit-transform: skewX(0deg); }
4275
+ }
4276
+
4277
+ @-moz-keyframes wiggle {
4278
+ 0% { -moz-transform: skewX(9deg); }
4279
+ 10% { -moz-transform: skewX(-8deg); }
4280
+ 20% { -moz-transform: skewX(7deg); }
4281
+ 30% { -moz-transform: skewX(-6deg); }
4282
+ 40% { -moz-transform: skewX(5deg); }
4283
+ 50% { -moz-transform: skewX(-4deg); }
4284
+ 60% { -moz-transform: skewX(3deg); }
4285
+ 70% { -moz-transform: skewX(-2deg); }
4286
+ 80% { -moz-transform: skewX(1deg); }
4287
+ 90% { -moz-transform: skewX(0deg); }
4288
+ 100% { -moz-transform: skewX(0deg); }
4289
+ }
4290
+
4291
+ @-o-keyframes wiggle {
4292
+ 0% { -o-transform: skewX(9deg); }
4293
+ 10% { -o-transform: skewX(-8deg); }
4294
+ 20% { -o-transform: skewX(7deg); }
4295
+ 30% { -o-transform: skewX(-6deg); }
4296
+ 40% { -o-transform: skewX(5deg); }
4297
+ 50% { -o-transform: skewX(-4deg); }
4298
+ 60% { -o-transform: skewX(3deg); }
4299
+ 70% { -o-transform: skewX(-2deg); }
4300
+ 80% { -o-transform: skewX(1deg); }
4301
+ 90% { -o-transform: skewX(0deg); }
4302
+ 100% { -o-transform: skewX(0deg); }
4303
+ }
4304
+
4305
+ @keyframes wiggle {
4306
+ 0% { transform: skewX(9deg); }
4307
+ 10% { transform: skewX(-8deg); }
4308
+ 20% { transform: skewX(7deg); }
4309
+ 30% { transform: skewX(-6deg); }
4310
+ 40% { transform: skewX(5deg); }
4311
+ 50% { transform: skewX(-4deg); }
4312
+ 60% { transform: skewX(3deg); }
4313
+ 70% { transform: skewX(-2deg); }
4314
+ 80% { transform: skewX(1deg); }
4315
+ 90% { transform: skewX(0deg); }
4316
+ 100% { transform: skewX(0deg); }
4317
+ }
4318
+
4319
+ .animated.wiggle {
4320
+ -webkit-animation-name: wiggle;
4321
+ -moz-animation-name: wiggle;
4322
+ -o-animation-name: wiggle;
4323
+ animation-name: wiggle;
4324
+
4325
+ -webkit-animation-timing-function: ease-in;
4326
+ -moz-animation-timing-function: ease-in;
4327
+ -o-animation-timing-function: ease-in;
4328
+ animation-timing-function: ease-in;
4329
+ }
4330
+
4331
+ .animated.wiggle {
4332
+ -webkit-animation-duration: 0.75s;
4333
+ -moz-animation-duration: 0.75s;
4334
+ -o-animation-duration: 0.75s;
4335
+ animation-duration: 0.75s;
4336
+ }
4337
+
4338
+
4339
+
4340
+ /*
4341
+
4342
+ A couple of additions for the animo.js library
4343
+
4344
+ Daniel Raftery <@ThirvingKings>
4345
+
4346
+ */
4347
+
4348
+ .animated.fade {
4349
+ -webkit-animation-name: fade;
4350
+ -moz-animation-name: fade;
4351
+ -o-animation-name: fade;
4352
+ animation-name: fade;
4353
+ }
4354
+
4355
+ @-webkit-keyframes fade {
4356
+ 0% { opacity: 1; }
4357
+ 100% { opacity: 0; }
4358
+ }
4359
+
4360
+ @-moz-keyframes fade {
4361
+ 0% { opacity: 1; }
4362
+ 100% { opacity: 0; }
4363
+ }
4364
+
4365
+ @-o-keyframes fade {
4366
+ 0% { opacity: 1; }
4367
+ 100% { opacity: 0; }
4368
+ }
4369
+
4370
+ @keyframes fade {
4371
+ 0% { opacity: 1; }
4372
+ 100% { opacity: 0; }
4373
+ }
4374
+
4375
+ .animated.appear {
4376
+ -webkit-animation-name: appear;
4377
+ -moz-animation-name: appear;
4378
+ -o-animation-name: appear;
4379
+ animation-name: appear;
4380
+ }
4381
+
4382
+ @-webkit-keyframes appear {
4383
+ 0% { opacity: 0; }
4384
+ 100% { opacity: 1; }
4385
+ }
4386
+
4387
+ @-moz-keyframes appear {
4388
+ 0% { opacity: 0; }
4389
+ 100% { opacity: 1; }
4390
+ }
4391
+
4392
+ @-o-keyframes appear {
4393
+ 0% { opacity: 0; }
4394
+ 100% { opacity: 1; }
4395
+ }
4396
+
4397
+ @keyframes appear {
4398
+ 0% { opacity: 0; }
4399
+ 100% { opacity: 1; }
4400
+ }
4401
+
4402
+ .animated.spinner {
4403
+ -webkit-animation-name: spinner;
4404
+ -moz-animation-name: spinner;
4405
+ -o-animation-name: spinner;
4406
+ animation-name: spinner;
4407
+ }
4408
+
4409
+ @-webkit-keyframes spinner {
4410
+ 0% { -webkit-transform: rotate(0deg); }
4411
+ 100% { -webkit-transform: rotate(360deg); }
4412
+ }
4413
+
4414
+ @-moz-keyframes spinner {
4415
+ 0% { -moz-transform: rotate(0deg); }
4416
+ 100% { -moz-transform: rotate(360deg); }
4417
+ }
4418
+
4419
+ @-o-keyframes spinner {
4420
+ 0% { -o-transform: rotate(0deg); }
4421
+ 100% { -o-transform: rotate(360deg); }
4422
+ }
4423
+
4424
+ @keyframes spinner {
4425
+ 0% { transform: rotate(0deg); }
4426
+ 100% { transform: rotate(360deg); }
4427
+ }
4428
+
4429
+ .animated.twirlIn {
4430
+ -webkit-animation-name: twirlIn;
4431
+ -moz-animation-name: twirlIn;
4432
+ -o-animation-name: twirlIn;
4433
+ animation-name: twirlIn;
4434
+ }
4435
+
4436
+ @-webkit-keyframes twirlIn {
4437
+ 0% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
4438
+ 100% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
4439
+ }
4440
+
4441
+ @-moz-keyframes twirlIn {
4442
+ 0% { -moz-transform: rotate3d( 80,70,10,180deg ); }
4443
+ 100% { -moz-transform: rotate3d( 0,0,0,0deg ); }
4444
+ }
4445
+
4446
+ @-o-keyframes twirlIn {
4447
+ 0% { -o-transform: rotate3d( 80,70,10,180deg ); }
4448
+ 100% { -o-transform: rotate3d( 0,0,0,0deg ); }
4449
+ }
4450
+
4451
+ @keyframes twirlIn {
4452
+ 0% { transform: rotate3d( 0,0,0,0deg ); }
4453
+ 100% { transform: rotate3d( 80,70,10,180deg ); }
4454
+ }
4455
+
4456
+ .animated.twirlOut {
4457
+ -webkit-animation-name: twirlOut;
4458
+ -moz-animation-name: twirlOut;
4459
+ -o-animation-name: twirlOut;
4460
+ animation-name: twirlOut;
4461
+ }
4462
+
4463
+ @-webkit-keyframes twirlOut {
4464
+ 0% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
4465
+ 100% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
4466
+ }
4467
+
4468
+ @-moz-keyframes twirlOut {
4469
+ 0% { -moz-transform: rotate3d( 0,0,0,0deg ); }
4470
+ 100% { -moz-transform: rotate3d( 80,70,10,180deg ); }
4471
+ }
4472
+
4473
+ @-o-keyframes twirlOut {
4474
+ 0% { -o-transform: rotate3d( 0,0,0,0deg ); }
4475
+ 100% { -o-transform: rotate3d( 80,70,10,180deg ); }
4476
+ }
4477
+
4478
+ @keyframes twirlOut {
4479
+ 0% { transform: rotate3d( 0,0,0,0deg ); }
4480
+ 100% { transform: rotate3d( 80,70,10,180deg ); }
4481
+ }
4482
+
4483
+ .eds-animation-paused {
4484
+ -webkit-animation-play-state: paused;
4485
+ animation-play-state: paused;
4486
+ }
4487
+
assets/js/edsanimate.site.js CHANGED
@@ -1,152 +1,152 @@
1
- ( function( $, document, window){
2
-
3
- var edsWObj = $(window);
4
- $.fn.initEDSAnimateBlock = function() {
5
-
6
- var obj = this.length > 1 ? this.eq(0) : this;
7
-
8
- this.edsTotalRepeatCount = 1;
9
- this.edsAnimateInfinite = false;
10
- this.edsAnimations = [];
11
- this.edsKeepValue = false;
12
- this.edsScrollOffset = 0;
13
- this.edsElemAnimating = false;
14
-
15
- this.checkPosition = function() {
16
-
17
- windowHeight = edsWObj.height();
18
- var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') != -1) ? 'body' : 'html'),
19
- viewportTop = $(scrollElem).scrollTop(),
20
- viewportBottom = (viewportTop + windowHeight),
21
- elemTop = '';
22
-
23
- if( obj.edsScrollOffset != null && obj.edsScrollOffset != ''){
24
- elemTop = Math.round( obj.offset().top ) + Math.round(Number(obj.edsScrollOffset) * obj.height() * 0.01),
25
- elemBottom = elemTop + (obj.height());
26
- }else{
27
- elemTop = Math.round( obj.offset().top ) + Math.round(options.offset * obj.height() * 0.01),
28
- elemBottom = elemTop + (obj.height());
29
- }
30
-
31
- // Add class if in viewport
32
- if ((elemTop < viewportBottom) && (elemBottom > viewportTop)){
33
- obj.edsInit();
34
- }
35
- }
36
-
37
- this.edsAnimate = function(counter, iteration) {
38
- obj.removeClass('edsanimate-sis-hidden' );
39
- obj.animo( obj.edsAnimations[ counter ].animoSettings, function() {
40
- counter++
41
- if( counter < obj.edsAnimations.length ) {
42
- setTimeout( function(){obj.edsAnimate( counter, iteration )}, Number(obj.edsAnimations[counter].delay) * 1000);
43
- } else {
44
- iteration++;
45
- if( true == obj.edsAnimateInfinite || iteration < obj.edsTotalRepeatCount) {
46
- if(obj.edsAnimations.length == 1) {
47
- obj.animo("cleanse");
48
- }
49
- setTimeout( function(){obj.edsAnimate( 0, iteration )}, Number(obj.edsAnimations[0].delay) * 1000);
50
- }else{
51
- obj.edsElemAnimating = false;
52
- }
53
- }
54
-
55
- });
56
- };
57
-
58
- this.edsInit = function() {
59
- if( obj.edsAnimations.length >= 1 ) {
60
- setTimeout( function(){obj.edsAnimate( 0, 0 )}, Number( obj.edsAnimations[0].delay ) * 1000);
61
- }
62
- }
63
-
64
- if("yes" == this.data('edsKeep') ) {
65
- this.edsKeepValue = true;
66
- }
67
-
68
- if( '' != this.data('edsEntryAnimation') ) {
69
-
70
- this.edsAnimations.push({
71
- animoSettings: {
72
- animation: this.data('edsEntryAnimation'),
73
- duration: this.data('edsEntryDuration'),
74
- iterate: 1,
75
- timing: this.data('edsEntryTiming'),
76
- keep: this.edsKeepValue
77
- },
78
- delay: this.data('edsEntryDelay')
79
-
80
- });
81
-
82
- }
83
-
84
- if( '' != this.data('edsExitAnimation') ) {
85
-
86
- this.edsAnimations.push({
87
- animoSettings: {
88
- animation: this.data('edsExitAnimation'),
89
- duration: this.data('edsExitDuration'),
90
- iterate: 1,
91
- timing: this.data('edsExitTiming'),
92
- keep: this.edsKeepValue
93
- },
94
- delay: this.data('edsExitDelay'),
95
-
96
- });
97
-
98
- }
99
-
100
- if( "infinite" == this.data('edsRepeatCount') ) {
101
- this.edsAnimateInfinite = true;
102
- } else {
103
- this.edsAnimateInfinite = false;
104
- this.edsTotalRepeatCount = this.data('edsRepeatCount');
105
- }
106
-
107
- if( "load" == this.data('edsAnimateOn') ) {
108
- this.edsInit();
109
- } else if( "scroll" == this.data('edsAnimateOn') ) {
110
- this.edsScrollOffset = this.data('edsScrollOffset');
111
- edsWObj.on("scroll", $.throttle( 250, this.checkPosition ) );
112
- this.checkPosition();
113
-
114
- } else if( "hover" == this.data('edsAnimateOn') ) {
115
- this.on("mouseenter", function (){
116
- if( !obj.edsElemAnimating ){
117
- obj.animo("cleanse");
118
- obj.edsElemAnimating = true;
119
- obj.edsInit();
120
- }
121
- } );
122
-
123
- } else if( "click" == this.data('edsAnimateOn') ) {
124
- this.on("click", function () {
125
- if( !obj.edsElemAnimating ){
126
- obj.animo("cleanse");
127
- obj.edsElemAnimating = true;
128
- obj.edsInit();
129
- }
130
- } );
131
- }
132
-
133
- };
134
-
135
- $(document).ready( function() {
136
-
137
- if( typeof edsanimate_options !== 'undefined' ) {
138
- if( $('.eds-animate').length >= 1 ){
139
- ( '1' == edsanimate_options.hide_hz_scrollbar ) ? $('body').css('overflow-x', 'hidden'): '';
140
- ( '1' == edsanimate_options.hide_vl_scrollbar ) ? $('body').css('overflow-y', 'hidden'): '';
141
- }
142
- }
143
-
144
- $('.eds-animation-paused').removeClass('eds-animation-paused');
145
-
146
- $('.eds-animate').each( function(){
147
- $(this).initEDSAnimateBlock();
148
- });
149
-
150
- } );
151
-
152
  } )(jQuery, document, window );
1
+ ( function( $, document, window){
2
+
3
+ var edsWObj = $(window);
4
+ $.fn.initEDSAnimateBlock = function() {
5
+
6
+ var obj = this.length > 1 ? this.eq(0) : this;
7
+
8
+ this.edsTotalRepeatCount = 1;
9
+ this.edsAnimateInfinite = false;
10
+ this.edsAnimations = [];
11
+ this.edsKeepValue = false;
12
+ this.edsScrollOffset = 0;
13
+ this.edsElemAnimating = false;
14
+
15
+ this.checkPosition = function() {
16
+
17
+ windowHeight = edsWObj.height();
18
+ var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') != -1) ? 'html,body' : 'html'),
19
+ viewportTop = $(scrollElem).scrollTop(),
20
+ viewportBottom = (viewportTop + windowHeight),
21
+ elemTop = '';
22
+
23
+ if( obj.edsScrollOffset != null && obj.edsScrollOffset != ''){
24
+ elemTop = Math.round( obj.offset().top ) + Math.round(Number(obj.edsScrollOffset) * obj.height() * 0.01),
25
+ elemBottom = elemTop + (obj.height());
26
+ }else{
27
+ elemTop = Math.round( obj.offset().top ) + Math.round(options.offset * obj.height() * 0.01),
28
+ elemBottom = elemTop + (obj.height());
29
+ }
30
+
31
+ // Add class if in viewport
32
+ if ((elemTop < viewportBottom) && (elemBottom > viewportTop)){
33
+ obj.edsInit();
34
+ }
35
+ }
36
+
37
+ this.edsAnimate = function(counter, iteration) {
38
+ obj.removeClass('edsanimate-sis-hidden' );
39
+ obj.animo( obj.edsAnimations[ counter ].animoSettings, function() {
40
+ counter++
41
+ if( counter < obj.edsAnimations.length ) {
42
+ setTimeout( function(){obj.edsAnimate( counter, iteration )}, Number(obj.edsAnimations[counter].delay) * 1000);
43
+ } else {
44
+ iteration++;
45
+ if( true == obj.edsAnimateInfinite || iteration < obj.edsTotalRepeatCount) {
46
+ if(obj.edsAnimations.length == 1) {
47
+ obj.animo("cleanse");
48
+ }
49
+ setTimeout( function(){obj.edsAnimate( 0, iteration )}, Number(obj.edsAnimations[0].delay) * 1000);
50
+ }else{
51
+ obj.edsElemAnimating = false;
52
+ }
53
+ }
54
+
55
+ });
56
+ };
57
+
58
+ this.edsInit = function() {
59
+ if( obj.edsAnimations.length >= 1 ) {
60
+ setTimeout( function(){obj.edsAnimate( 0, 0 )}, Number( obj.edsAnimations[0].delay ) * 1000);
61
+ }
62
+ }
63
+
64
+ if("yes" == this.data('edsKeep') ) {
65
+ this.edsKeepValue = true;
66
+ }
67
+
68
+ if( '' != this.data('edsEntryAnimation') ) {
69
+
70
+ this.edsAnimations.push({
71
+ animoSettings: {
72
+ animation: this.data('edsEntryAnimation'),
73
+ duration: this.data('edsEntryDuration'),
74
+ iterate: 1,
75
+ timing: this.data('edsEntryTiming'),
76
+ keep: this.edsKeepValue
77
+ },
78
+ delay: this.data('edsEntryDelay')
79
+
80
+ });
81
+
82
+ }
83
+
84
+ if( '' != this.data('edsExitAnimation') ) {
85
+
86
+ this.edsAnimations.push({
87
+ animoSettings: {
88
+ animation: this.data('edsExitAnimation'),
89
+ duration: this.data('edsExitDuration'),
90
+ iterate: 1,
91
+ timing: this.data('edsExitTiming'),
92
+ keep: this.edsKeepValue
93
+ },
94
+ delay: this.data('edsExitDelay'),
95
+
96
+ });
97
+
98
+ }
99
+
100
+ if( "infinite" == this.data('edsRepeatCount') ) {
101
+ this.edsAnimateInfinite = true;
102
+ } else {
103
+ this.edsAnimateInfinite = false;
104
+ this.edsTotalRepeatCount = this.data('edsRepeatCount');
105
+ }
106
+
107
+ if( "load" == this.data('edsAnimateOn') ) {
108
+ this.edsInit();
109
+ } else if( "scroll" == this.data('edsAnimateOn') ) {
110
+ this.edsScrollOffset = this.data('edsScrollOffset');
111
+ edsWObj.on("scroll", $.throttle( 250, this.checkPosition ) );
112
+ this.checkPosition();
113
+
114
+ } else if( "hover" == this.data('edsAnimateOn') ) {
115
+ this.on("mouseenter", function (){
116
+ if( !obj.edsElemAnimating ){
117
+ obj.animo("cleanse");
118
+ obj.edsElemAnimating = true;
119
+ obj.edsInit();
120
+ }
121
+ } );
122
+
123
+ } else if( "click" == this.data('edsAnimateOn') ) {
124
+ this.on("click", function () {
125
+ if( !obj.edsElemAnimating ){
126
+ obj.animo("cleanse");
127
+ obj.edsElemAnimating = true;
128
+ obj.edsInit();
129
+ }
130
+ } );
131
+ }
132
+
133
+ };
134
+
135
+ $(document).ready( function() {
136
+
137
+ if( typeof edsanimate_options !== 'undefined' ) {
138
+ if( $('.eds-animate').length >= 1 ){
139
+ ( '1' == edsanimate_options.hide_hz_scrollbar ) ? $('body').css('overflow-x', 'hidden'): '';
140
+ ( '1' == edsanimate_options.hide_vl_scrollbar ) ? $('body').css('overflow-y', 'hidden'): '';
141
+ }
142
+ }
143
+
144
+ $('.eds-animation-paused').removeClass('eds-animation-paused');
145
+
146
+ $('.eds-animate').each( function(){
147
+ $(this).initEDSAnimateBlock();
148
+ });
149
+
150
+ } );
151
+
152
  } )(jQuery, document, window );
assets/js/viewportchecker.js CHANGED
@@ -1,50 +1,55 @@
1
- (function($){
2
- $.fn.edsViewportChecker = function(useroptions){
3
-
4
- var options = {
5
- classToAdd: 'eds-scroll-visible',
6
- offset: 75,
7
- callbackFunction: function(elem){}
8
- };
9
- $.extend(options, useroptions);
10
-
11
- var $elem = this;
12
-
13
- this.checkElements = function(){
14
-
15
- var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') != -1) ? 'body' : 'html'),
16
- windowHeight = $(window).height(),
17
- viewportTop = $(scrollElem).scrollTop(),
18
- viewportBottom = (viewportTop + windowHeight);
19
-
20
- $elem.each(function(){
21
- var $obj = $(this);
22
- var scroll_offset = $obj.attr('eds_scroll_offset');
23
-
24
- if ($obj.hasClass(options.classToAdd)){
25
- return;
26
- }
27
-
28
- var elemTop = '';
29
- if(scroll_offset != null && scroll_offset != ''){
30
- elemTop = Math.round( $obj.offset().top ) + Math.round(Number(scroll_offset) * $obj.height() * 0.01),
31
- elemBottom = elemTop + ($obj.height());
32
- }else{
33
- elemTop = Math.round( $obj.offset().top ) + Math.round(options.offset * $obj.height() * 0.01),
34
- elemBottom = elemTop + ($obj.height());
35
- }
36
-
37
- // Add class if in viewport
38
- if ((elemTop < viewportBottom) && (elemBottom > viewportTop)){
39
- $obj.addClass(options.classToAdd);
40
- options.callbackFunction($obj);
41
- }
42
- });
43
- };
44
-
45
- $( window ).on( "scroll", $.throttle( 250, this.checkElements ) );
46
- //For applying the onscroll part only after the user scroll atleast ones event after the item is in view port, just comment this out
47
- this.checkElements();
48
-
49
- };
50
- })(jQuery);
 
 
 
 
 
1
+ (function($){
2
+ $.fn.edsViewportChecker = function(useroptions){
3
+
4
+ var options = {
5
+ classToRemove: 'eds-scroll-hidden',
6
+ classToAdd: 'eds-scroll-visible',
7
+ offset: 75,
8
+ callbackFunction: function(elem){}
9
+ };
10
+ $.extend(options, useroptions);
11
+
12
+ var $elem = this;
13
+
14
+ this.checkElements = function(){
15
+
16
+ var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') != -1) ? 'html,body' : 'html'),
17
+ windowHeight = $(window).height(),
18
+ viewportTop = $(scrollElem).scrollTop(),
19
+ viewportBottom = (viewportTop + windowHeight);
20
+
21
+ $elem.each(function(){
22
+ var $obj = $(this);
23
+ var scroll_offset = $obj.attr('eds_scroll_offset');
24
+
25
+ if ($obj.hasClass(options.classToAdd)){
26
+ return;
27
+ }
28
+
29
+ var elemTop = '';
30
+ if(scroll_offset != null && scroll_offset != ''){
31
+ elemTop = Math.round( $obj.offset().top ) + Math.round(Number(scroll_offset) * $obj.height() * 0.01),
32
+ elemBottom = elemTop + ($obj.height());
33
+ }else{
34
+ elemTop = Math.round( $obj.offset().top ) + Math.round(options.offset * $obj.height() * 0.01),
35
+ elemBottom = elemTop + ($obj.height());
36
+ }
37
+
38
+ // Add class if in viewport
39
+ if ((elemTop < viewportBottom) && (elemBottom > viewportTop)){
40
+ $obj.addClass(options.classToAdd);
41
+ $obj.removeClass(options.classToRemove);
42
+ setTimeout(function(){
43
+ $obj.css('overflow', 'hidden');
44
+ }, 250);
45
+ options.callbackFunction($obj);
46
+ }
47
+ });
48
+ };
49
+
50
+ $( window ).on( "scroll", $.throttle( 250, this.checkElements ) );
51
+ //For applying the onscroll part only after the user scroll atleast ones event after the item is in view port, just comment this out
52
+ this.checkElements();
53
+
54
+ };
55
+ })(jQuery);
edsanimate.php CHANGED
@@ -1,523 +1,523 @@
1
- <?php
2
- /**
3
- * Plugin Name: Animate It!
4
- * Text Domain: eds-animate
5
- * Domain Path: /lang
6
- * Plugin URI: http://www.eleopard.in
7
- * Description: Add cool CSS3 animations to your content.
8
- * Version: 2.1.8
9
- * Author: eLEOPARD Design Studios
10
- * Author URI: http://www.eleopard.in
11
- * License: GNU General Public License version 2 or later; see LICENSE.txt
12
- * http://www.gnu.org/copyleft/gpl.html GNU/GPL
13
- (C) 2014 eLEOPARD Design Studios Pvt Ltd. All rights reserved
14
-
15
- This program is free software; you can redistribute it and/or modify
16
- it under the terms of the GNU General Public License, version 2, as
17
- published by the Free Software Foundation.
18
-
19
- This program is distributed in the hope that it will be useful,
20
- but WITHOUT ANY WARRANTY; without even the implied warranty of
21
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
22
- GNU General Public License for more details.
23
-
24
- You should have received a copy of the GNU General Public License
25
- along with this program; if not, write to the Free Software
26
- Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
27
-
28
- or see <http://www.gnu.org/licenses/>.
29
- * For any other query please contact us at contact[at]eleopard[dot]in
30
- */
31
-
32
- include_once dirname( __FILE__ ) .'/assets/helper/class-eds-mobile-detect.php';
33
- include_once dirname( __FILE__ ) .'/assets/helper/class-eds-tinymce.php';
34
-
35
- class EDS_Animate {
36
-
37
- public static $abs_file = null;
38
-
39
- var $in_animations = array("bounceIn","bounceInDown","bounceInLeft","bounceInRight",
40
- "bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft",
41
- "fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig",
42
- "rotateIn","rotateInDownLeft","rotateInDownRight","rotateInUpLeft",
43
- "rotateInUpRight","slideInUp","slideInDown","slideInLeft","slideInRight",
44
- "zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","flipInX",
45
- "flipInY","lightSpeedIn","rollIn");
46
-
47
- public function __construct( $file_loc ) {
48
-
49
- self::$abs_file = $file_loc;
50
-
51
- add_filter('widget_text', 'do_shortcode');
52
-
53
- register_activation_hook( self::$abs_file, array( $this, 'set_edsanimate_options' ) );
54
-
55
- /*Load Text Domain for translation */
56
- add_action('plugins_loaded', array($this, 'plugin_textdomain'));
57
-
58
- /*checking for version updates*/
59
- add_action( 'plugins_loaded', array( $this, 'update_plugin' ) );
60
-
61
- /* Adding Settings Menu */
62
- add_action('admin_menu', array( $this, 'modify_menu' ) );
63
-
64
- /* Enqueuing Scrips and CSS */
65
- add_action('wp_enqueue_scripts', array( $this, 'add_eds_script_and_css' ) );
66
-
67
- /* adding shortcodes */
68
- add_shortcode('edsanimate_start', array( $this, 'edsanimate_start_handler' ) );
69
- add_shortcode('edsanimate_end', array( $this, 'edsanimate_end_handler' ) );
70
- add_shortcode('edsanimate', array( $this, 'edsanimate_handler' ) );
71
-
72
- /*widget related actions*/
73
- add_filter('widget_text', 'do_shortcode' );
74
- add_action('in_widget_form', array( $this, 'eds_add_custom_class_field' ), 5, 3 );
75
- add_filter('widget_update_callback', array( $this, 'eds_update_widget_animation_class' ), 5, 3 );
76
- add_filter('dynamic_sidebar_params', array( $this, 'eds_add_widget_animation_class' ) );
77
-
78
-
79
- /* TinyMCE Related Handlers */
80
- $tinymce_handler = new EDS_TinyMCE();
81
-
82
- add_action('init', array( $tinymce_handler, 'add_edsanimate_button') );
83
-
84
- add_filter( 'tiny_mce_version', array( $tinymce_handler, 'refresh_mce' ) );
85
-
86
- //Registering Ajax action to get the popup on click of animate it buton in editor
87
- add_action( 'wp_ajax_edsanimate_get_popup', array( $tinymce_handler, 'get_popup' ) );
88
-
89
- add_filter('mce_external_languages', array( $tinymce_handler, 'add_locale') );
90
-
91
-
92
- }
93
-
94
- function plugin_textdomain() {
95
- load_plugin_textdomain('eds-animate', false, dirname( plugin_basename( self::$abs_file ) ) . '/lang');
96
- }
97
-
98
- function modify_menu(){
99
-
100
- add_options_page( __( 'Animate It! Options', 'eds-animate' )
101
- , __( 'Animate It!', 'eds-animate' )
102
- , 'manage_options'
103
- , self::$abs_file
104
- , array( $this, 'admin_edsanimate_options' ) );
105
- }
106
-
107
-
108
- function set_edsanimate_options(){
109
-
110
- add_option( 'eds_scroll_offset', '75' );
111
- add_option( 'eds_enable_on_phone', '0' );
112
- add_option( 'eds_enable_on_tab', '1' );
113
- add_option( 'eds_hide_overflow_x', '1' );
114
- add_option( 'eds_hide_overflow_y', '0' );
115
- add_option( 'eds_custom_css', '' );
116
-
117
- }
118
-
119
- function update_plugin() {
120
-
121
- global $eds_animate_it_version;
122
-
123
- $installed_version = get_option( 'eds_animate_it_version' );
124
-
125
- if( $installed_version == FALSE ) {
126
-
127
- add_option( 'eds_animate_it_version', '1.4.4' );
128
-
129
- if( $eds_animate_it_version != '1.4.4') {
130
-
131
- $scroll_offset = get_option( 'scroll_offset', '75' );
132
- $enable_on_phone = get_option( 'enable_on_phone', '0' );
133
- $enable_on_tab = get_option( 'enable_on_tab', '1' );
134
- $hide_overflow_x = get_option( 'hide_overflow_x', '1' );
135
- $hide_overflow_y = get_option( 'hide_overflow_y', '0' );
136
- $custom_css = get_option( 'custom_css', '' );
137
-
138
- delete_option('scroll_offset');
139
- delete_option('enable_on_phone');
140
- delete_option('enable_on_tab');
141
- delete_option('hide_overflow_x');
142
- delete_option('hide_overflow_y');
143
- delete_option('custom_css');
144
-
145
- add_option( 'eds_scroll_offset', $scroll_offset );
146
- add_option( 'eds_enable_on_phone', $enable_on_phone );
147
- add_option( 'eds_enable_on_tab', $enable_on_tab );
148
- add_option( 'eds_hide_overflow_x', $hide_overflow_x );
149
- add_option( 'eds_hide_overflow_y', $hide_overflow_y );
150
- add_option( 'eds_custom_css', $custom_css );
151
-
152
- update_option( 'eds_animate_it_version', $eds_animate_it_version );
153
-
154
- }
155
-
156
- } else {
157
-
158
- if( $installed_version != $eds_animate_it_version ) {
159
- /* Code Block to be used for next plugin upgrade */
160
- }
161
- }
162
-
163
- }
164
-
165
- function admin_edsanimate_options(){
166
- ?>
167
- <div class="wrap"><h2><?php _e( 'Animate It! Options', 'eds-animate' ); ?></h2>
168
- <?php
169
- if(isset($_REQUEST['submit'])){
170
- $this->update_edsanimate_options();
171
- }
172
-
173
- $this->print_edsanimate_form();
174
- ?></div><?php
175
- }
176
-
177
- function update_edsanimate_options(){
178
- $ok= false;
179
- if(isset($_REQUEST['eds_scroll_offset'])
180
- && isset($_REQUEST['eds_enable_on_phone'])
181
- && isset($_REQUEST['eds_enable_on_tab'])){
182
- update_option('eds_scroll_offset', $_REQUEST['eds_scroll_offset']);
183
- update_option('eds_enable_on_phone', $_REQUEST['eds_enable_on_phone']);
184
- update_option('eds_hide_overflow_x', $_REQUEST['eds_hide_overflow_x']);
185
- update_option('eds_hide_overflow_y', $_REQUEST['eds_hide_overflow_y']);
186
- update_option('eds_enable_on_tab', $_REQUEST['eds_enable_on_tab']);
187
- $ok=true;
188
- }
189
- update_option('eds_custom_css', esc_textarea(isset($_REQUEST['eds_custom_css'])?$_REQUEST['eds_custom_css']:''));
190
-
191
-
192
- if($ok){?>
193
- <div id="message" class="updated fade">
194
- <p><?php _e( 'Options saved.', 'eds-animate' ); ?></p>
195
- </div>
196
- <?php
197
-
198
- }else{?>
199
- <div id="message" class="error fade">
200
- <p><?php _e( 'Failed to save options.', 'eds-animate' ); ?></p>
201
- </div>
202
- <?php
203
- }
204
- }
205
-
206
- function print_edsanimate_form(){
207
- ?>
208
- <a href="https://wordpress.org/support/view/plugin-reviews/animate-it" target="_blank"
209
- style="display: inline-block; margin-top: 10px; padding-top: 4px;">
210
- <img src="<?php echo plugins_url( '/assets/images/banner.jpg', self::$abs_file )?>" />
211
- </a>
212
- <form method="post">
213
- <table cellspacing="10" cellpadding="10">
214
- <tr>
215
- <td style="vertical-align: top;">
216
- <label for="eds_scroll_offset"><?php _e( 'Scroll Offset (in percentage)', 'eds-animate' ); ?>:</label>
217
- </td>
218
- <td colspan="2">
219
- <input type="text" name="eds_scroll_offset" value="<?php echo get_option('eds_scroll_offset', '75'); ?>" />
220
- </td>
221
-
222
- </tr>
223
- <tr>
224
- <td style="vertical-align: top;">
225
- <label for="eds_enable_on_phone"><?php _e( 'Enable on Smartphones', 'eds-animate' ); ?>:</label>
226
- </td>
227
- <td>
228
- <select name="eds_enable_on_phone">
229
- <option value="1" <?php echo (get_option('eds_enable_on_phone')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
230
- <option value="0" <?php echo (get_option('eds_enable_on_phone')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
231
- </select>
232
- </td>
233
- </tr>
234
- <tr>
235
- <td style="vertical-align: top;">
236
- <label for="eds_enable_on_tab"><?php _e( 'Enable on Tablets', 'eds-animate' ); ?>:</label>
237
- </td>
238
- <td>
239
- <select name="eds_enable_on_tab">
240
- <option value="1" <?php echo (get_option('eds_enable_on_tab')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
241
- <option value="0" <?php echo (get_option('eds_enable_on_tab')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
242
- </select>
243
- </td>
244
- </tr>
245
- <tr>
246
- <td style="vertical-align: top;">
247
- <label for="eds_hide_overflow_x"><?php _e( 'Hide Horizontal Scrollbar', 'eds-animate' ); ?>:</label>
248
- </td>
249
- <td>
250
- <select name="eds_hide_overflow_x">
251
- <option value="1" <?php echo (get_option('eds_hide_overflow_x')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
252
- <option value="0" <?php echo (get_option('eds_hide_overflow_x')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
253
- </select>
254
- </td>
255
- </tr>
256
- <tr>
257
- <td style="vertical-align: top;">
258
- <label for="eds_hide_overflow_y"><?php _e( 'Hide Vertical Scrollbar', 'eds-animate' ); ?>:</label>
259
- </td>
260
- <td>
261
- <select name="eds_hide_overflow_y">
262
- <option value="1" <?php echo (get_option('eds_hide_overflow_y')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
263
- <option value="0" <?php echo (get_option('eds_hide_overflow_y')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
264
- </select>
265
- </td>
266
- </tr>
267
- <tr>
268
- <td style="vertical-align: top;">
269
- <label for="eds_custom_css"><?php _e( 'Custom CSS', 'eds-animate' ); ?>:</label>
270
- </td>
271
- <td>
272
- <textarea name="eds_custom_css" id="eds_custom_css" cols="25" rows="10"><?php echo get_option('eds_custom_css'); ?></textarea>
273
- </td>
274
- </tr>
275
- <tr>
276
- <td colspan="2">
277
- <input class="button button-primary" type="submit" name="submit" value="<?php _e( 'Submit', 'eds-animate' ); ?>" />
278
- </td>
279
- </tr>
280
- </table>
281
- </form>
282
- <?php
283
- }
284
-
285
- function detect_device()
286
- {
287
- static $device_type = null;
288
-
289
- if(!$device_type)
290
- {
291
- $detect = new EDS_Mobile_Detect();
292
- $device_type = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');
293
- }
294
- return $device_type;
295
-
296
- }
297
-
298
- function add_eds_script_and_css() {
299
-
300
- $device_type = $this->detect_device();
301
-
302
- $enable_smart_phone = get_option('eds_enable_on_phone');
303
- $enable_tablet = get_option('eds_enable_on_tab');
304
-
305
-
306
- $enable= ($device_type=='phone' && intval($enable_smart_phone))
307
- || ($device_type =='tablet' && intval($enable_tablet))
308
- || ($device_type =='computer');
309
-
310
- if($enable):
311
-
312
- wp_register_style( 'edsanimate-animo-css',plugins_url( '/assets/css/animate-animo.css', self::$abs_file ));
313
-
314
- //Custom CSS//
315
- $custom_css = get_option('eds_custom_css');
316
-
317
- wp_register_script( 'edsanimate-animo-script',plugins_url( '/assets/js/animo.min.js', self::$abs_file ), array('jquery'), '1.0.3', true);
318
-
319
- wp_register_script( 'edsanimate-throttle-debounce-script',plugins_url( '/assets/js/jquery.ba-throttle-debounce.min.js', self::$abs_file ), array('jquery'), '1.1', true);
320
-
321
- //START: Scripts to Support Older Version
322
- wp_register_script( 'viewportcheck-script',plugins_url( '/assets/js/viewportchecker.js', self::$abs_file), array('jquery', 'edsanimate-throttle-debounce-script' ), '1.4.4', true);
323
-
324
- wp_register_script( 'edsanimate-script', plugins_url( '/assets/js/edsanimate.js', self::$abs_file ), array('viewportcheck-script'), '1.4.4', true );
325
- //END: : Scripts to Support Older Version
326
-
327
- wp_register_script( 'edsanimate-site-script', plugins_url( '/assets/js/edsanimate.site.js', self::$abs_file ), array('edsanimate-animo-script', 'edsanimate-throttle-debounce-script' ), '1.4.5', true );
328
-
329
- $edsanimate_options = array( 'offset' => get_option('eds_scroll_offset', '75'),
330
- 'hide_hz_scrollbar' => get_option('eds_hide_overflow_x', '1'),
331
- 'hide_vl_scrollbar' => get_option('eds_hide_overflow_y', '0'));
332
-
333
- wp_localize_script( 'edsanimate-site-script', 'edsanimate_options', $edsanimate_options);
334
-
335
- //Enqueuing style sheets
336
- wp_enqueue_style( 'edsanimate-animo-css' );
337
- wp_add_inline_style( 'edsanimate-animo-css', $custom_css );
338
-
339
- //Enqueuing javascripts
340
- wp_enqueue_script( 'edsanimate-animo-script');
341
- wp_enqueue_script( 'edsanimate-throttle-debounce-script' );
342
- wp_enqueue_script( 'viewportcheck-script');
343
- wp_enqueue_script( 'edsanimate-script');
344
- wp_enqueue_script( 'edsanimate-site-script');
345
-
346
- endif;
347
- }
348
-
349
- function edsanimate_handler( $attributes, $content = null ) {
350
-
351
- $device_type = $this->detect_device();
352
-
353
- $enable_smart_phone = get_option('eds_enable_on_phone');
354
- $enable_tablet = get_option('eds_enable_on_tab');
355
-
356
-
357
- $enable= ($device_type=='phone' && intval($enable_smart_phone))
358
- || ($device_type =='tablet' && intval($enable_tablet))
359
- || ($device_type =='computer');
360
-
361
- if($enable):
362
-
363
- extract( shortcode_atts( array(
364
- 'animation' => '',
365
- 'delay' => '',
366
- 'duration' => '',
367
- 'infinite_animation' =>'',
368
- 'animate_on' => '',
369
- 'scroll_offset' => ''
370
- ), $attributes ) );
371
-
372
-
373
- $classString = "animated";
374
-
375
- if($animation == '')
376
- {
377
- return do_shortcode($content);
378
- }
379
-
380
- $classString .= " " . $animation;
381
-
382
- if(strcasecmp($infinite_animation, 'yes')==0) {
383
- $classString .= " infinite";
384
- }
385
-
386
- if($delay!= '' && is_int((int)$delay) && $delay>=0) {
387
- $classString .= " delay" . $delay;
388
- }
389
-
390
- if($duration!= '' && is_int((int)$duration) && $duration>=0) {
391
- $classString .= " duration" . $duration;
392
- } else {
393
- $classString .= " duration2";
394
- }
395
-
396
- if(strcasecmp($animate_on, 'scroll')==0) {
397
- $classString .= " eds-on-scroll";
398
- } else if(strcasecmp($animate_on, 'click')==0) {
399
- $classString .= " eds-on-click";
400
- } else if(strcasecmp($animate_on, 'hover')==0) {
401
- $classString .= " eds-on-hover";
402
- }
403
-
404
-
405
- if(isset($scroll_offset) && $scroll_offset!=''){
406
- return '<div class="'.$classString.'" eds_scroll_offset="'.$scroll_offset.'">'.do_shortcode($content).'</div>';
407
- }else {
408
- return '<div class="'.$classString.'">'.do_shortcode($content).'</div>';
409
- }
410
-
411
- else:
412
- return do_shortcode($content);
413
- endif;
414
-
415
- }
416
-
417
-
418
-
419
- function edsanimate_start_handler( $attributes, $content = null ) {
420
-
421
- $device_type = $this->detect_device();
422
-
423
- $enable_smart_phone = get_option('eds_enable_on_phone');
424
- $enable_tablet = get_option('eds_enable_on_tab');
425
-
426
-
427
- $enable= ($device_type=='phone' && intval($enable_smart_phone))
428
- || ($device_type =='tablet' && intval($enable_tablet))
429
- || ($device_type =='computer');
430
-
431
- if( !$enable ) {
432
- return '';
433
- }
434
-
435
- $hide_on_load_css_class = '';
436
- $entry_animation = isset( $attributes['entry_animation_type'] ) ? $attributes['entry_animation_type']: '';
437
-
438
- if( 'scroll' == $attributes['animate_on'] || 'load' == $attributes['animate_on'] ) {
439
- $hide_on_load_css_class = ( in_array( $entry_animation, $this->in_animations ) ) ? 'edsanimate-sis-hidden' : '';
440
- }
441
- $content = array(
442
- '<div class="eds-animate ', $hide_on_load_css_class, ' ', isset( $attributes['custom_css_class'] ) ? $attributes['custom_css_class'] : '', '"',
443
- ' data-eds-entry-animation="', $entry_animation, '"',
444
- ' data-eds-entry-delay="', isset( $attributes['entry_delay'] ) ? $attributes['entry_delay'] : '', '"',
445
- ' data-eds-entry-duration="', isset( $attributes['entry_duration'] ) ? $attributes['entry_duration'] : '', '"',
446
- ' data-eds-entry-timing="', isset( $attributes['entry_timing'] ) ? $attributes['entry_timing'] : '', '"',
447
- ' data-eds-exit-animation="', isset( $attributes['exit_animation_type'] ) ? $attributes['exit_animation_type'] : '', '"',
448
- ' data-eds-exit-delay="', isset( $attributes['exit_delay'] ) ? $attributes['exit_delay'] : '', '"',
449
- ' data-eds-exit-duration="', isset( $attributes['exit_duration'] ) ? $attributes['exit_duration'] : '', '"',
450
- ' data-eds-exit-timing="', isset( $attributes['exit_timing'] ) ? $attributes['exit_timing'] : '', '"',
451
- ' data-eds-repeat-count="', isset( $attributes['animation_repeat'] ) ? $attributes['animation_repeat'] : '', '"',
452
- ' data-eds-keep="', isset( $attributes['keep'] ) ? $attributes['keep'] : '', '"',
453
- ' data-eds-animate-on="', isset( $attributes['animate_on'] ) ? $attributes['animate_on'] : '', '"',
454
- ' data-eds-scroll-offset="', isset( $attributes['scroll_offset'] ) ? $attributes['scroll_offset'] :'', '">' );
455
-
456
- return implode( "", $content );
457
- }
458
-
459
- function edsanimate_end_handler( $attributes, $content = null ) {
460
-
461
- $device_type = $this->detect_device();
462
-
463
- $enable_smart_phone = get_option('eds_enable_on_phone');
464
- $enable_tablet = get_option('eds_enable_on_tab');
465
-
466
-
467
- $enable= ($device_type=='phone' && intval($enable_smart_phone))
468
- || ($device_type =='tablet' && intval($enable_tablet))
469
- || ($device_type =='computer');
470
-
471
- if( !$enable ) {
472
- return '';
473
- }
474
-
475
- return '</div>';
476
-
477
- }
478
-
479
- //Widget settings related functions
480
- function eds_add_custom_class_field( $t, $return, $instance ){
481
- $instance = wp_parse_args( (array) $instance, array( 'eds_animation_class' => '') );
482
- if ( !isset( $instance['eds_animation_class'] ) )
483
- $instance['eds_animation_class'] = null;
484
- ?>
485
- <p>
486
- <label for="<?php echo $t->get_field_id('eds_animation_class'); ?>"><?php _e( 'Animate It Classes', 'eds-animate' ); ?></label>
487
- <input type="text" name="<?php echo $t->get_field_name('eds_animation_class'); ?>" id="<?php echo $t->get_field_id('eds_animation_class'); ?>" value="<?php echo $instance['eds_animation_class'];?>" />
488
- </p>
489
- <?php
490
- $retrun = null;
491
- return array( $t, $return, $instance );
492
-
493
- }
494
-
495
-
496
- function eds_update_widget_animation_class( $instance, $new_instance, $old_instance ){
497
- $instance['eds_animation_class'] = $new_instance['eds_animation_class'];
498
- return $instance;
499
- }
500
-
501
- function eds_add_widget_animation_class( $params ){
502
- global $wp_registered_widgets;
503
- $widget_id = $params[0]['widget_id'];
504
- $widget_obj = $wp_registered_widgets[$widget_id];
505
- $widget_opt = get_option($widget_obj['callback'][0]->option_name);
506
- $widget_num = $widget_obj['params'][0]['number'];
507
- if( isset($widget_opt[$widget_num]['eds_animation_class'] ) ){
508
- $eds_animation_class = $widget_opt[$widget_num]['eds_animation_class'];
509
- $params[0]['before_widget'] = preg_replace('/class="/', 'class=" '.$eds_animation_class.' ', $params[0]['before_widget'], 1);
510
- }
511
- return $params;
512
- }
513
- }
514
-
515
- if( !defined( 'WPINC' ) ) {
516
- die;
517
- }
518
-
519
- global $eds_animate_it_version;
520
-
521
- $eds_animate_it_version = '2.1.0';
522
-
523
  new EDS_Animate( __FILE__ );
1
+ <?php
2
+ /**
3
+ * Plugin Name: Animate It!
4
+ * Text Domain: eds-animate
5
+ * Domain Path: /lang
6
+ * Plugin URI: http://www.eleopard.in
7
+ * Description: Add cool CSS3 animations to your content.
8
+ * Version: 2.1.9
9
+ * Author: eLEOPARD Design Studios
10
+ * Author URI: http://www.eleopard.in
11
+ * License: GNU General Public License version 2 or later; see LICENSE.txt
12
+ * http://www.gnu.org/copyleft/gpl.html GNU/GPL
13
+ (C) 2014 eLEOPARD Design Studios Pvt Ltd. All rights reserved
14
+
15
+ This program is free software; you can redistribute it and/or modify
16
+ it under the terms of the GNU General Public License, version 2, as
17
+ published by the Free Software Foundation.
18
+
19
+ This program is distributed in the hope that it will be useful,
20
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
21
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
22
+ GNU General Public License for more details.
23
+
24
+ You should have received a copy of the GNU General Public License
25
+ along with this program; if not, write to the Free Software
26
+ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
27
+
28
+ or see <http://www.gnu.org/licenses/>.
29
+ * For any other query please contact us at contact[at]eleopard[dot]in
30
+ */
31
+
32
+ include_once dirname( __FILE__ ) .'/assets/helper/class-eds-mobile-detect.php';
33
+ include_once dirname( __FILE__ ) .'/assets/helper/class-eds-tinymce.php';
34
+
35
+ class EDS_Animate {
36
+
37
+ public static $abs_file = null;
38
+
39
+ var $in_animations = array("bounceIn","bounceInDown","bounceInLeft","bounceInRight",
40
+ "bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft",
41
+ "fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig",
42
+ "rotateIn","rotateInDownLeft","rotateInDownRight","rotateInUpLeft",
43
+ "rotateInUpRight","slideInUp","slideInDown","slideInLeft","slideInRight",
44
+ "zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","flipInX",
45
+ "flipInY","lightSpeedIn","rollIn");
46
+
47
+ public function __construct( $file_loc ) {
48
+
49
+ self::$abs_file = $file_loc;
50
+
51
+ add_filter('widget_text', 'do_shortcode');
52
+
53
+ register_activation_hook( self::$abs_file, array( $this, 'set_edsanimate_options' ) );
54
+
55
+ /*Load Text Domain for translation */
56
+ add_action('plugins_loaded', array($this, 'plugin_textdomain'));
57
+
58
+ /*checking for version updates*/
59
+ add_action( 'plugins_loaded', array( $this, 'update_plugin' ) );
60
+
61
+ /* Adding Settings Menu */
62
+ add_action('admin_menu', array( $this, 'modify_menu' ) );
63
+
64
+ /* Enqueuing Scrips and CSS */
65
+ add_action('wp_enqueue_scripts', array( $this, 'add_eds_script_and_css' ) );
66
+
67
+ /* adding shortcodes */
68
+ add_shortcode('edsanimate_start', array( $this, 'edsanimate_start_handler' ) );
69
+ add_shortcode('edsanimate_end', array( $this, 'edsanimate_end_handler' ) );
70
+ add_shortcode('edsanimate', array( $this, 'edsanimate_handler' ) );
71
+
72
+ /*widget related actions*/
73
+ add_filter('widget_text', 'do_shortcode' );
74
+ add_action('in_widget_form', array( $this, 'eds_add_custom_class_field' ), 5, 3 );
75
+ add_filter('widget_update_callback', array( $this, 'eds_update_widget_animation_class' ), 5, 3 );
76
+ add_filter('dynamic_sidebar_params', array( $this, 'eds_add_widget_animation_class' ) );
77
+
78
+
79
+ /* TinyMCE Related Handlers */
80
+ $tinymce_handler = new EDS_TinyMCE();
81
+
82
+ add_action('init', array( $tinymce_handler, 'add_edsanimate_button') );
83
+
84
+ add_filter( 'tiny_mce_version', array( $tinymce_handler, 'refresh_mce' ) );
85
+
86
+ //Registering Ajax action to get the popup on click of animate it buton in editor
87
+ add_action( 'wp_ajax_edsanimate_get_popup', array( $tinymce_handler, 'get_popup' ) );
88
+
89
+ add_filter('mce_external_languages', array( $tinymce_handler, 'add_locale') );
90
+
91
+
92
+ }
93
+
94
+ function plugin_textdomain() {
95
+ load_plugin_textdomain('eds-animate', false, dirname( plugin_basename( self::$abs_file ) ) . '/lang');
96
+ }
97
+
98
+ function modify_menu(){
99
+
100
+ add_options_page( __( 'Animate It! Options', 'eds-animate' )
101
+ , __( 'Animate It!', 'eds-animate' )
102
+ , 'manage_options'
103
+ , self::$abs_file
104
+ , array( $this, 'admin_edsanimate_options' ) );
105
+ }
106
+
107
+
108
+ function set_edsanimate_options(){
109
+
110
+ add_option( 'eds_scroll_offset', '75' );
111
+ add_option( 'eds_enable_on_phone', '0' );
112
+ add_option( 'eds_enable_on_tab', '1' );
113
+ add_option( 'eds_hide_overflow_x', '1' );
114
+ add_option( 'eds_hide_overflow_y', '0' );
115
+ add_option( 'eds_custom_css', '' );
116
+
117
+ }
118
+
119
+ function update_plugin() {
120
+
121
+ global $eds_animate_it_version;
122
+
123
+ $installed_version = get_option( 'eds_animate_it_version' );
124
+
125
+ if( $installed_version == FALSE ) {
126
+
127
+ add_option( 'eds_animate_it_version', '1.4.4' );
128
+
129
+ if( $eds_animate_it_version != '1.4.4') {
130
+
131
+ $scroll_offset = get_option( 'scroll_offset', '75' );
132
+ $enable_on_phone = get_option( 'enable_on_phone', '0' );
133
+ $enable_on_tab = get_option( 'enable_on_tab', '1' );
134
+ $hide_overflow_x = get_option( 'hide_overflow_x', '1' );
135
+ $hide_overflow_y = get_option( 'hide_overflow_y', '0' );
136
+ $custom_css = get_option( 'custom_css', '' );
137
+
138
+ delete_option('scroll_offset');
139
+ delete_option('enable_on_phone');
140
+ delete_option('enable_on_tab');
141
+ delete_option('hide_overflow_x');
142
+ delete_option('hide_overflow_y');
143
+ delete_option('custom_css');
144
+
145
+ add_option( 'eds_scroll_offset', $scroll_offset );
146
+ add_option( 'eds_enable_on_phone', $enable_on_phone );
147
+ add_option( 'eds_enable_on_tab', $enable_on_tab );
148
+ add_option( 'eds_hide_overflow_x', $hide_overflow_x );
149
+ add_option( 'eds_hide_overflow_y', $hide_overflow_y );
150
+ add_option( 'eds_custom_css', $custom_css );
151
+
152
+ update_option( 'eds_animate_it_version', $eds_animate_it_version );
153
+
154
+ }
155
+
156
+ } else {
157
+
158
+ if( $installed_version != $eds_animate_it_version ) {
159
+ /* Code Block to be used for next plugin upgrade */
160
+ }
161
+ }
162
+
163
+ }
164
+
165
+ function admin_edsanimate_options(){
166
+ ?>
167
+ <div class="wrap"><h2><?php _e( 'Animate It! Options', 'eds-animate' ); ?></h2>
168
+ <?php
169
+ if(isset($_REQUEST['submit'])){
170
+ $this->update_edsanimate_options();
171
+ }
172
+
173
+ $this->print_edsanimate_form();
174
+ ?></div><?php
175
+ }
176
+
177
+ function update_edsanimate_options(){
178
+ $ok= false;
179
+ if(isset($_REQUEST['eds_scroll_offset'])
180
+ && isset($_REQUEST['eds_enable_on_phone'])
181
+ && isset($_REQUEST['eds_enable_on_tab'])){
182
+ update_option('eds_scroll_offset', $_REQUEST['eds_scroll_offset']);
183
+ update_option('eds_enable_on_phone', $_REQUEST['eds_enable_on_phone']);
184
+ update_option('eds_hide_overflow_x', $_REQUEST['eds_hide_overflow_x']);
185
+ update_option('eds_hide_overflow_y', $_REQUEST['eds_hide_overflow_y']);
186
+ update_option('eds_enable_on_tab', $_REQUEST['eds_enable_on_tab']);
187
+ $ok=true;
188
+ }
189
+ update_option('eds_custom_css', esc_textarea(isset($_REQUEST['eds_custom_css'])?$_REQUEST['eds_custom_css']:''));
190
+
191
+
192
+ if($ok){?>
193
+ <div id="message" class="updated fade">
194
+ <p><?php _e( 'Options saved.', 'eds-animate' ); ?></p>
195
+ </div>
196
+ <?php
197
+
198
+ }else{?>
199
+ <div id="message" class="error fade">
200
+ <p><?php _e( 'Failed to save options.', 'eds-animate' ); ?></p>
201
+ </div>
202
+ <?php
203
+ }
204
+ }
205
+
206
+ function print_edsanimate_form(){
207
+ ?>
208
+ <a href="https://wordpress.org/support/view/plugin-reviews/animate-it" target="_blank"
209
+ style="display: inline-block; margin-top: 10px; padding-top: 4px;">
210
+ <img src="<?php echo plugins_url( '/assets/images/banner.jpg', self::$abs_file )?>" />
211
+ </a>
212
+ <form method="post">
213
+ <table cellspacing="10" cellpadding="10">
214
+ <tr>
215
+ <td style="vertical-align: top;">
216
+ <label for="eds_scroll_offset"><?php _e( 'Scroll Offset (in percentage)', 'eds-animate' ); ?>:</label>
217
+ </td>
218
+ <td colspan="2">
219
+ <input type="text" name="eds_scroll_offset" value="<?php echo get_option('eds_scroll_offset', '75'); ?>" />
220
+ </td>
221
+
222
+ </tr>
223
+ <tr>
224
+ <td style="vertical-align: top;">
225
+ <label for="eds_enable_on_phone"><?php _e( 'Enable on Smartphones', 'eds-animate' ); ?>:</label>
226
+ </td>
227
+ <td>
228
+ <select name="eds_enable_on_phone">
229
+ <option value="1" <?php echo (get_option('eds_enable_on_phone')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
230
+ <option value="0" <?php echo (get_option('eds_enable_on_phone')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
231
+ </select>
232
+ </td>
233
+ </tr>
234
+ <tr>
235
+ <td style="vertical-align: top;">
236
+ <label for="eds_enable_on_tab"><?php _e( 'Enable on Tablets', 'eds-animate' ); ?>:</label>
237
+ </td>
238
+ <td>
239
+ <select name="eds_enable_on_tab">
240
+ <option value="1" <?php echo (get_option('eds_enable_on_tab')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
241
+ <option value="0" <?php echo (get_option('eds_enable_on_tab')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
242
+ </select>
243
+ </td>
244
+ </tr>
245
+ <tr>
246
+ <td style="vertical-align: top;">
247
+ <label for="eds_hide_overflow_x"><?php _e( 'Hide Horizontal Scrollbar', 'eds-animate' ); ?>:</label>
248
+ </td>
249
+ <td>
250
+ <select name="eds_hide_overflow_x">
251
+ <option value="1" <?php echo (get_option('eds_hide_overflow_x')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
252
+ <option value="0" <?php echo (get_option('eds_hide_overflow_x')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
253
+ </select>
254
+ </td>
255
+ </tr>
256
+ <tr>
257
+ <td style="vertical-align: top;">
258
+ <label for="eds_hide_overflow_y"><?php _e( 'Hide Vertical Scrollbar', 'eds-animate' ); ?>:</label>
259
+ </td>
260
+ <td>
261
+ <select name="eds_hide_overflow_y">
262
+ <option value="1" <?php echo (get_option('eds_hide_overflow_y')=='1')?'selected="selected"':'';?>><?php _e( 'Yes', 'eds-animate' ); ?></option>
263
+ <option value="0" <?php echo (get_option('eds_hide_overflow_y')=='0')?'selected="selected"':'';?>><?php _e( 'No', 'eds-animate' ); ?></option>
264
+ </select>
265
+ </td>
266
+ </tr>
267
+ <tr>
268
+ <td style="vertical-align: top;">
269
+ <label for="eds_custom_css"><?php _e( 'Custom CSS', 'eds-animate' ); ?>:</label>
270
+ </td>
271
+ <td>
272
+ <textarea name="eds_custom_css" id="eds_custom_css" cols="25" rows="10"><?php echo get_option('eds_custom_css'); ?></textarea>
273
+ </td>
274
+ </tr>
275
+ <tr>
276
+ <td colspan="2">
277
+ <input class="button button-primary" type="submit" name="submit" value="<?php _e( 'Submit', 'eds-animate' ); ?>" />
278
+ </td>
279
+ </tr>
280
+ </table>
281
+ </form>
282
+ <?php
283
+ }
284
+
285
+ function detect_device()
286
+ {
287
+ static $device_type = null;
288
+
289
+ if(!$device_type)
290
+ {
291
+ $detect = new EDS_Mobile_Detect();
292
+ $device_type = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');
293
+ }
294
+ return $device_type;
295
+
296
+ }
297
+
298
+ function add_eds_script_and_css() {
299
+
300
+ $device_type = $this->detect_device();
301
+
302
+ $enable_smart_phone = get_option('eds_enable_on_phone');
303
+ $enable_tablet = get_option('eds_enable_on_tab');
304
+
305
+
306
+ $enable= ($device_type=='phone' && intval($enable_smart_phone))
307
+ || ($device_type =='tablet' && intval($enable_tablet))
308
+ || ($device_type =='computer');
309
+
310
+ if($enable):
311
+
312
+ wp_register_style( 'edsanimate-animo-css',plugins_url( '/assets/css/animate-animo.css', self::$abs_file ));
313
+
314
+ //Custom CSS//
315
+ $custom_css = get_option('eds_custom_css');
316
+
317
+ wp_register_script( 'edsanimate-animo-script',plugins_url( '/assets/js/animo.min.js', self::$abs_file ), array('jquery'), '1.0.3', true);
318
+
319
+ wp_register_script( 'edsanimate-throttle-debounce-script',plugins_url( '/assets/js/jquery.ba-throttle-debounce.min.js', self::$abs_file ), array('jquery'), '1.1', true);
320
+
321
+ //START: Scripts to Support Older Version
322
+ wp_register_script( 'viewportcheck-script',plugins_url( '/assets/js/viewportchecker.js', self::$abs_file), array('jquery', 'edsanimate-throttle-debounce-script' ), '1.4.4', true);
323
+
324
+ wp_register_script( 'edsanimate-script', plugins_url( '/assets/js/edsanimate.js', self::$abs_file ), array('viewportcheck-script'), '1.4.4', true );
325
+ //END: : Scripts to Support Older Version
326
+
327
+ wp_register_script( 'edsanimate-site-script', plugins_url( '/assets/js/edsanimate.site.js', self::$abs_file ), array('edsanimate-animo-script', 'edsanimate-throttle-debounce-script' ), '1.4.5', true );
328
+
329
+ $edsanimate_options = array( 'offset' => get_option('eds_scroll_offset', '75'),
330
+ 'hide_hz_scrollbar' => get_option('eds_hide_overflow_x', '1'),
331
+ 'hide_vl_scrollbar' => get_option('eds_hide_overflow_y', '0'));
332
+
333
+ wp_localize_script( 'edsanimate-site-script', 'edsanimate_options', $edsanimate_options);
334
+
335
+ //Enqueuing style sheets
336
+ wp_enqueue_style( 'edsanimate-animo-css' );
337
+ wp_add_inline_style( 'edsanimate-animo-css', $custom_css );
338
+
339
+ //Enqueuing javascripts
340
+ wp_enqueue_script( 'edsanimate-animo-script');
341
+ wp_enqueue_script( 'edsanimate-throttle-debounce-script' );
342
+ wp_enqueue_script( 'viewportcheck-script');
343
+ wp_enqueue_script( 'edsanimate-script');
344
+ wp_enqueue_script( 'edsanimate-site-script');
345
+
346
+ endif;
347
+ }
348
+
349
+ function edsanimate_handler( $attributes, $content = null ) {
350
+
351
+ $device_type = $this->detect_device();
352
+
353
+ $enable_smart_phone = get_option('eds_enable_on_phone');
354
+ $enable_tablet = get_option('eds_enable_on_tab');
355
+
356
+
357
+ $enable= ($device_type=='phone' && intval($enable_smart_phone))
358
+ || ($device_type =='tablet' && intval($enable_tablet))
359
+ || ($device_type =='computer');
360
+
361
+ if($enable):
362
+
363
+ extract( shortcode_atts( array(
364
+ 'animation' => '',
365
+ 'delay' => '',
366
+ 'duration' => '',
367
+ 'infinite_animation' =>'',
368
+ 'animate_on' => '',
369
+ 'scroll_offset' => ''
370
+ ), $attributes ) );
371
+
372
+
373
+ $classString = "animated";
374
+
375
+ if($animation == '')
376
+ {
377
+ return do_shortcode($content);
378
+ }
379
+
380
+ $classString .= " " . $animation;
381
+
382
+ if(strcasecmp($infinite_animation, 'yes')==0) {
383
+ $classString .= " infinite";
384
+ }
385
+
386
+ if($delay!= '' && is_int((int)$delay) && $delay>=0) {
387
+ $classString .= " delay" . $delay;
388
+ }
389
+
390
+ if($duration!= '' && is_int((int)$duration) && $duration>=0) {
391
+ $classString .= " duration" . $duration;
392
+ } else {
393
+ $classString .= " duration2";
394
+ }
395
+
396
+ if(strcasecmp($animate_on, 'scroll')==0) {
397
+ $classString .= " eds-on-scroll";
398
+ } else if(strcasecmp($animate_on, 'click')==0) {
399
+ $classString .= " eds-on-click";
400
+ } else if(strcasecmp($animate_on, 'hover')==0) {
401
+ $classString .= " eds-on-hover";
402
+ }
403
+
404
+
405
+ if(isset($scroll_offset) && $scroll_offset!=''){
406
+ return '<div class="'.$classString.'" eds_scroll_offset="'.$scroll_offset.'">'.do_shortcode($content).'</div>';
407
+ }else {
408
+ return '<div class="'.$classString.'">'.do_shortcode($content).'</div>';
409
+ }
410
+
411
+ else:
412
+ return do_shortcode($content);
413
+ endif;
414
+
415
+ }
416
+
417
+
418
+
419
+ function edsanimate_start_handler( $attributes, $content = null ) {
420
+
421
+ $device_type = $this->detect_device();
422
+
423
+ $enable_smart_phone = get_option('eds_enable_on_phone');
424
+ $enable_tablet = get_option('eds_enable_on_tab');
425
+
426
+
427
+ $enable= ($device_type=='phone' && intval($enable_smart_phone))
428
+ || ($device_type =='tablet' && intval($enable_tablet))
429
+ || ($device_type =='computer');
430
+
431
+ if( !$enable ) {
432
+ return '';
433
+ }
434
+
435
+ $hide_on_load_css_class = '';
436
+ $entry_animation = isset( $attributes['entry_animation_type'] ) ? $attributes['entry_animation_type']: '';
437
+
438
+ if( 'scroll' == $attributes['animate_on'] || 'load' == $attributes['animate_on'] ) {
439
+ $hide_on_load_css_class = ( in_array( $entry_animation, $this->in_animations ) ) ? 'edsanimate-sis-hidden' : '';
440
+ }
441
+ $content = array(
442
+ '<div class="eds-animate ', $hide_on_load_css_class, ' ', isset( $attributes['custom_css_class'] ) ? $attributes['custom_css_class'] : '', '"',
443
+ ' data-eds-entry-animation="', $entry_animation, '"',
444
+ ' data-eds-entry-delay="', isset( $attributes['entry_delay'] ) ? $attributes['entry_delay'] : '', '"',
445
+ ' data-eds-entry-duration="', isset( $attributes['entry_duration'] ) ? $attributes['entry_duration'] : '', '"',
446
+ ' data-eds-entry-timing="', isset( $attributes['entry_timing'] ) ? $attributes['entry_timing'] : '', '"',
447
+ ' data-eds-exit-animation="', isset( $attributes['exit_animation_type'] ) ? $attributes['exit_animation_type'] : '', '"',
448
+ ' data-eds-exit-delay="', isset( $attributes['exit_delay'] ) ? $attributes['exit_delay'] : '', '"',
449
+ ' data-eds-exit-duration="', isset( $attributes['exit_duration'] ) ? $attributes['exit_duration'] : '', '"',
450
+ ' data-eds-exit-timing="', isset( $attributes['exit_timing'] ) ? $attributes['exit_timing'] : '', '"',
451
+ ' data-eds-repeat-count="', isset( $attributes['animation_repeat'] ) ? $attributes['animation_repeat'] : '', '"',
452
+ ' data-eds-keep="', isset( $attributes['keep'] ) ? $attributes['keep'] : '', '"',
453
+ ' data-eds-animate-on="', isset( $attributes['animate_on'] ) ? $attributes['animate_on'] : '', '"',
454
+ ' data-eds-scroll-offset="', isset( $attributes['scroll_offset'] ) ? $attributes['scroll_offset'] :'', '">' );
455
+
456
+ return implode( "", $content );
457
+ }
458
+
459
+ function edsanimate_end_handler( $attributes, $content = null ) {
460
+
461
+ $device_type = $this->detect_device();
462
+
463
+ $enable_smart_phone = get_option('eds_enable_on_phone');
464
+ $enable_tablet = get_option('eds_enable_on_tab');
465
+
466
+
467
+ $enable= ($device_type=='phone' && intval($enable_smart_phone))
468
+ || ($device_type =='tablet' && intval($enable_tablet))
469
+ || ($device_type =='computer');
470
+
471
+ if( !$enable ) {
472
+ return '';
473
+ }
474
+
475
+ return '</div>';
476
+
477
+ }
478
+
479
+ //Widget settings related functions
480
+ function eds_add_custom_class_field( $t, $return, $instance ){
481
+ $instance = wp_parse_args( (array) $instance, array( 'eds_animation_class' => '') );
482
+ if ( !isset( $instance['eds_animation_class'] ) )
483
+ $instance['eds_animation_class'] = null;
484
+ ?>
485
+ <p>
486
+ <label for="<?php echo $t->get_field_id('eds_animation_class'); ?>"><?php _e( 'Animate It Classes', 'eds-animate' ); ?></label>
487
+ <input type="text" name="<?php echo $t->get_field_name('eds_animation_class'); ?>" id="<?php echo $t->get_field_id('eds_animation_class'); ?>" value="<?php echo $instance['eds_animation_class'];?>" />
488
+ </p>
489
+ <?php
490
+ $retrun = null;
491
+ return array( $t, $return, $instance );
492
+
493
+ }
494
+
495
+
496
+ function eds_update_widget_animation_class( $instance, $new_instance, $old_instance ){
497
+ $instance['eds_animation_class'] = $new_instance['eds_animation_class'];
498
+ return $instance;
499
+ }
500
+
501
+ function eds_add_widget_animation_class( $params ){
502
+ global $wp_registered_widgets;
503
+ $widget_id = $params[0]['widget_id'];
504
+ $widget_obj = $wp_registered_widgets[$widget_id];
505
+ $widget_opt = get_option($widget_obj['callback'][0]->option_name);
506
+ $widget_num = $widget_obj['params'][0]['number'];
507
+ if( isset($widget_opt[$widget_num]['eds_animation_class'] ) ){
508
+ $eds_animation_class = $widget_opt[$widget_num]['eds_animation_class'];
509
+ $params[0]['before_widget'] = preg_replace('/class="/', 'class=" '.$eds_animation_class.' ', $params[0]['before_widget'], 1);
510
+ }
511
+ return $params;
512
+ }
513
+ }
514
+
515
+ if( !defined( 'WPINC' ) ) {
516
+ die;
517
+ }
518
+
519
+ global $eds_animate_it_version;
520
+
521
+ $eds_animate_it_version = '2.1.0';
522
+
523
  new EDS_Animate( __FILE__ );
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: eleopard
3
  Tags: css3 animation, animate.css, jquery, on scroll animation, delay, infinite, entry exit, iteration
4
  Requires at least: 3.9
5
  Tested up to: 4.8.1
6
- Stable tag: 2.1.8
7
  License: GNU General Public License version 2 or later
8
  License URI: http://www.gnu.org/copyleft/gpl.html
9
 
@@ -82,6 +82,9 @@ Add duration class ( duration1 to duration20 ) along with the other classes. or
82
 
83
  == Changelog ==
84
 
 
 
 
85
  = Version 2.1.8 =
86
  * Mobile_Detect class updated
87
 
3
  Tags: css3 animation, animate.css, jquery, on scroll animation, delay, infinite, entry exit, iteration
4
  Requires at least: 3.9
5
  Tested up to: 4.8.1
6
+ Stable tag: 2.1.9
7
  License: GNU General Public License version 2 or later
8
  License URI: http://www.gnu.org/copyleft/gpl.html
9
 
82
 
83
  == Changelog ==
84
 
85
+ = Version 2.1.9 =
86
+ * Bug fixes for chrome 61+ version
87
+
88
  = Version 2.1.8 =
89
  * Mobile_Detect class updated
90