animatecss 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b9b514fcc92477f04473fc4f6174e3f15bcdfd3b
4
- data.tar.gz: 985d5dd57ba741f37f05a92e709a8ff0227ed61a
3
+ metadata.gz: 3139f1d9dedc7878d7b5e186a1c7301b7f26ce17
4
+ data.tar.gz: bb5fec48d744e2bee719c91e02956dc29a86c710
5
5
  SHA512:
6
- metadata.gz: f22ecf410be673ff0d3a6a31dd5ec5233404d5adae95fe22641085527303577dc955cbd5a999673efd7a2ec4c975f577cf10c903874bd3bef288c5a4627becd7
7
- data.tar.gz: c2336366f3702c7092c9f40df0026a5c662d93fe9d7ea2975c7cb0e7854713cbe9bd60670d5edd49e87f388a81456801a4a3815ee912af6711cb48e4e9685b17
6
+ metadata.gz: fdfd3f14750af8ee4b564e3a1ac3fd38f8a28323b695267bbf553be92d0a949d8d19c8a8694b40300e9f0983844f3d86e288a5ed3f733bffcc1d2ff8022775a3
7
+ data.tar.gz: 3bc0bd599c0ed4707a7a4dc0ef5ee27fa69f0af24f895d67c796c76d436a1ced73a5fdab7aeb649c42d13cfeadcb96ed3be9f752385a3e74668a094d15bdc241
data/README.md CHANGED
@@ -26,7 +26,7 @@ Add it to the application.css.scss (Ruby on Rails):
26
26
 
27
27
  ## Usage
28
28
 
29
- To use animate.css in your website, simply drop the stylesheet into your document's `<head>`, and add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!
29
+ To use animate.css in your app, add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!
30
30
 
31
31
  You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:
32
32
 
@@ -1,3 +1,3 @@
1
1
  module Animatecss
2
- VERSION = "0.0.3"
2
+ VERSION = "0.0.4"
3
3
  end
@@ -33,22 +33,22 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
33
33
  }
34
34
 
35
35
  @-webkit-keyframes flash {
36
- 0%, 50%, 100% {opacity: 1;}
36
+ 0%, 50%, 100% {opacity: 1;}
37
37
  25%, 75% {opacity: 0;}
38
38
  }
39
39
 
40
40
  @-moz-keyframes flash {
41
- 0%, 50%, 100% {opacity: 1;}
41
+ 0%, 50%, 100% {opacity: 1;}
42
42
  25%, 75% {opacity: 0;}
43
43
  }
44
44
 
45
45
  @-o-keyframes flash {
46
- 0%, 50%, 100% {opacity: 1;}
46
+ 0%, 50%, 100% {opacity: 1;}
47
47
  25%, 75% {opacity: 0;}
48
48
  }
49
49
 
50
50
  @keyframes flash {
51
- 0%, 50%, 100% {opacity: 1;}
51
+ 0%, 50%, 100% {opacity: 1;}
52
52
  25%, 75% {opacity: 0;}
53
53
  }
54
54
 
@@ -118,7 +118,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
118
118
  animation-name: bounce;
119
119
  }
120
120
  @-webkit-keyframes tada {
121
- 0% {-webkit-transform: scale(1);}
121
+ 0% {-webkit-transform: scale(1);}
122
122
  10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
123
123
  30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
124
124
  40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
@@ -126,7 +126,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
126
126
  }
127
127
 
128
128
  @-moz-keyframes tada {
129
- 0% {-moz-transform: scale(1);}
129
+ 0% {-moz-transform: scale(1);}
130
130
  10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
131
131
  30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
132
132
  40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
@@ -134,7 +134,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
134
134
  }
135
135
 
136
136
  @-o-keyframes tada {
137
- 0% {-o-transform: scale(1);}
137
+ 0% {-o-transform: scale(1);}
138
138
  10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
139
139
  30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
140
140
  40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
@@ -142,7 +142,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
142
142
  }
143
143
 
144
144
  @keyframes tada {
145
- 0% {transform: scale(1);}
145
+ 0% {transform: scale(1);}
146
146
  10%, 20% {transform: scale(0.9) rotate(-3deg);}
147
147
  30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
148
148
  40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
@@ -157,34 +157,34 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
157
157
  }
158
158
  @-webkit-keyframes swing {
159
159
  20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
160
- 20% { -webkit-transform: rotate(15deg); }
160
+ 20% { -webkit-transform: rotate(15deg); }
161
161
  40% { -webkit-transform: rotate(-10deg); }
162
- 60% { -webkit-transform: rotate(5deg); }
163
- 80% { -webkit-transform: rotate(-5deg); }
162
+ 60% { -webkit-transform: rotate(5deg); }
163
+ 80% { -webkit-transform: rotate(-5deg); }
164
164
  100% { -webkit-transform: rotate(0deg); }
165
165
  }
166
166
 
167
167
  @-moz-keyframes swing {
168
- 20% { -moz-transform: rotate(15deg); }
168
+ 20% { -moz-transform: rotate(15deg); }
169
169
  40% { -moz-transform: rotate(-10deg); }
170
- 60% { -moz-transform: rotate(5deg); }
171
- 80% { -moz-transform: rotate(-5deg); }
170
+ 60% { -moz-transform: rotate(5deg); }
171
+ 80% { -moz-transform: rotate(-5deg); }
172
172
  100% { -moz-transform: rotate(0deg); }
173
173
  }
174
174
 
175
175
  @-o-keyframes swing {
176
- 20% { -o-transform: rotate(15deg); }
176
+ 20% { -o-transform: rotate(15deg); }
177
177
  40% { -o-transform: rotate(-10deg); }
178
- 60% { -o-transform: rotate(5deg); }
179
- 80% { -o-transform: rotate(-5deg); }
178
+ 60% { -o-transform: rotate(5deg); }
179
+ 80% { -o-transform: rotate(-5deg); }
180
180
  100% { -o-transform: rotate(0deg); }
181
181
  }
182
182
 
183
183
  @keyframes swing {
184
- 20% { transform: rotate(15deg); }
184
+ 20% { transform: rotate(15deg); }
185
185
  40% { transform: rotate(-10deg); }
186
- 60% { transform: rotate(5deg); }
187
- 80% { transform: rotate(-5deg); }
186
+ 60% { transform: rotate(5deg); }
187
+ 80% { transform: rotate(-5deg); }
188
188
  100% { transform: rotate(0deg); }
189
189
  }
190
190
 
@@ -249,22 +249,22 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
249
249
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
250
250
 
251
251
  @-webkit-keyframes pulse {
252
- 0% { -webkit-transform: scale(1); }
252
+ 0% { -webkit-transform: scale(1); }
253
253
  50% { -webkit-transform: scale(1.1); }
254
254
  100% { -webkit-transform: scale(1); }
255
255
  }
256
256
  @-moz-keyframes pulse {
257
- 0% { -moz-transform: scale(1); }
257
+ 0% { -moz-transform: scale(1); }
258
258
  50% { -moz-transform: scale(1.1); }
259
259
  100% { -moz-transform: scale(1); }
260
260
  }
261
261
  @-o-keyframes pulse {
262
- 0% { -o-transform: scale(1); }
262
+ 0% { -o-transform: scale(1); }
263
263
  50% { -o-transform: scale(1.1); }
264
264
  100% { -o-transform: scale(1); }
265
265
  }
266
266
  @keyframes pulse {
267
- 0% { transform: scale(1); }
267
+ 0% { transform: scale(1); }
268
268
  50% { transform: scale(1.1); }
269
269
  100% { transform: scale(1); }
270
270
  }
@@ -277,11 +277,11 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
277
277
  }
278
278
  @-webkit-keyframes flip {
279
279
  0% {
280
- -webkit-transform: perspective(400px) rotateY(0);
280
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
281
281
  -webkit-animation-timing-function: ease-out;
282
282
  }
283
283
  40% {
284
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
284
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
285
285
  -webkit-animation-timing-function: ease-out;
286
286
  }
287
287
  50% {
@@ -289,21 +289,21 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
289
289
  -webkit-animation-timing-function: ease-in;
290
290
  }
291
291
  80% {
292
- -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
292
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
293
293
  -webkit-animation-timing-function: ease-in;
294
294
  }
295
295
  100% {
296
- -webkit-transform: perspective(400px) scale(1);
296
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
297
297
  -webkit-animation-timing-function: ease-in;
298
298
  }
299
299
  }
300
300
  @-moz-keyframes flip {
301
301
  0% {
302
- -moz-transform: perspective(400px) rotateY(0);
302
+ -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
303
303
  -moz-animation-timing-function: ease-out;
304
304
  }
305
305
  40% {
306
- -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
306
+ -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
307
307
  -moz-animation-timing-function: ease-out;
308
308
  }
309
309
  50% {
@@ -311,21 +311,21 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
311
311
  -moz-animation-timing-function: ease-in;
312
312
  }
313
313
  80% {
314
- -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
314
+ -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
315
315
  -moz-animation-timing-function: ease-in;
316
316
  }
317
317
  100% {
318
- -moz-transform: perspective(400px) scale(1);
318
+ -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
319
319
  -moz-animation-timing-function: ease-in;
320
320
  }
321
321
  }
322
322
  @-o-keyframes flip {
323
323
  0% {
324
- -o-transform: perspective(400px) rotateY(0);
324
+ -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
325
325
  -o-animation-timing-function: ease-out;
326
326
  }
327
327
  40% {
328
- -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
328
+ -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
329
329
  -o-animation-timing-function: ease-out;
330
330
  }
331
331
  50% {
@@ -333,21 +333,21 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
333
333
  -o-animation-timing-function: ease-in;
334
334
  }
335
335
  80% {
336
- -o-transform: perspective(400px) rotateY(360deg) scale(.95);
336
+ -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
337
337
  -o-animation-timing-function: ease-in;
338
338
  }
339
339
  100% {
340
- -o-transform: perspective(400px) scale(1);
340
+ -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
341
341
  -o-animation-timing-function: ease-in;
342
342
  }
343
343
  }
344
344
  @keyframes flip {
345
345
  0% {
346
- transform: perspective(400px) rotateY(0);
346
+ transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
347
347
  animation-timing-function: ease-out;
348
348
  }
349
349
  40% {
350
- transform: perspective(400px) translateZ(150px) rotateY(170deg);
350
+ transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
351
351
  animation-timing-function: ease-out;
352
352
  }
353
353
  50% {
@@ -355,11 +355,11 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
355
355
  animation-timing-function: ease-in;
356
356
  }
357
357
  80% {
358
- transform: perspective(400px) rotateY(360deg) scale(.95);
358
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
359
359
  animation-timing-function: ease-in;
360
360
  }
361
361
  100% {
362
- transform: perspective(400px) scale(1);
362
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
363
363
  animation-timing-function: ease-in;
364
364
  }
365
365
  }
@@ -379,15 +379,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
379
379
  -webkit-transform: perspective(400px) rotateX(90deg);
380
380
  opacity: 0;
381
381
  }
382
-
382
+
383
383
  40% {
384
384
  -webkit-transform: perspective(400px) rotateX(-10deg);
385
385
  }
386
-
386
+
387
387
  70% {
388
388
  -webkit-transform: perspective(400px) rotateX(10deg);
389
389
  }
390
-
390
+
391
391
  100% {
392
392
  -webkit-transform: perspective(400px) rotateX(0deg);
393
393
  opacity: 1;
@@ -398,15 +398,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
398
398
  -moz-transform: perspective(400px) rotateX(90deg);
399
399
  opacity: 0;
400
400
  }
401
-
401
+
402
402
  40% {
403
403
  -moz-transform: perspective(400px) rotateX(-10deg);
404
404
  }
405
-
405
+
406
406
  70% {
407
407
  -moz-transform: perspective(400px) rotateX(10deg);
408
408
  }
409
-
409
+
410
410
  100% {
411
411
  -moz-transform: perspective(400px) rotateX(0deg);
412
412
  opacity: 1;
@@ -417,15 +417,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
417
417
  -o-transform: perspective(400px) rotateX(90deg);
418
418
  opacity: 0;
419
419
  }
420
-
420
+
421
421
  40% {
422
422
  -o-transform: perspective(400px) rotateX(-10deg);
423
423
  }
424
-
424
+
425
425
  70% {
426
426
  -o-transform: perspective(400px) rotateX(10deg);
427
427
  }
428
-
428
+
429
429
  100% {
430
430
  -o-transform: perspective(400px) rotateX(0deg);
431
431
  opacity: 1;
@@ -436,15 +436,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
436
436
  transform: perspective(400px) rotateX(90deg);
437
437
  opacity: 0;
438
438
  }
439
-
439
+
440
440
  40% {
441
441
  transform: perspective(400px) rotateX(-10deg);
442
442
  }
443
-
443
+
444
444
  70% {
445
445
  transform: perspective(400px) rotateX(10deg);
446
446
  }
447
-
447
+
448
448
  100% {
449
449
  transform: perspective(400px) rotateX(0deg);
450
450
  opacity: 1;
@@ -520,15 +520,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
520
520
  -webkit-transform: perspective(400px) rotateY(90deg);
521
521
  opacity: 0;
522
522
  }
523
-
523
+
524
524
  40% {
525
525
  -webkit-transform: perspective(400px) rotateY(-10deg);
526
526
  }
527
-
527
+
528
528
  70% {
529
529
  -webkit-transform: perspective(400px) rotateY(10deg);
530
530
  }
531
-
531
+
532
532
  100% {
533
533
  -webkit-transform: perspective(400px) rotateY(0deg);
534
534
  opacity: 1;
@@ -539,15 +539,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
539
539
  -moz-transform: perspective(400px) rotateY(90deg);
540
540
  opacity: 0;
541
541
  }
542
-
542
+
543
543
  40% {
544
544
  -moz-transform: perspective(400px) rotateY(-10deg);
545
545
  }
546
-
546
+
547
547
  70% {
548
548
  -moz-transform: perspective(400px) rotateY(10deg);
549
549
  }
550
-
550
+
551
551
  100% {
552
552
  -moz-transform: perspective(400px) rotateY(0deg);
553
553
  opacity: 1;
@@ -558,15 +558,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
558
558
  -o-transform: perspective(400px) rotateY(90deg);
559
559
  opacity: 0;
560
560
  }
561
-
561
+
562
562
  40% {
563
563
  -o-transform: perspective(400px) rotateY(-10deg);
564
564
  }
565
-
565
+
566
566
  70% {
567
567
  -o-transform: perspective(400px) rotateY(10deg);
568
568
  }
569
-
569
+
570
570
  100% {
571
571
  -o-transform: perspective(400px) rotateY(0deg);
572
572
  opacity: 1;
@@ -577,15 +577,15 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
577
577
  transform: perspective(400px) rotateY(90deg);
578
578
  opacity: 0;
579
579
  }
580
-
580
+
581
581
  40% {
582
582
  transform: perspective(400px) rotateY(-10deg);
583
583
  }
584
-
584
+
585
585
  70% {
586
586
  transform: perspective(400px) rotateY(10deg);
587
587
  }
588
-
588
+
589
589
  100% {
590
590
  transform: perspective(400px) rotateY(0deg);
591
591
  opacity: 1;
@@ -654,22 +654,22 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
654
654
  animation-name: flipOutY;
655
655
  }
656
656
  @-webkit-keyframes fadeIn {
657
- 0% {opacity: 0;}
657
+ 0% {opacity: 0;}
658
658
  100% {opacity: 1;}
659
659
  }
660
660
 
661
661
  @-moz-keyframes fadeIn {
662
- 0% {opacity: 0;}
662
+ 0% {opacity: 0;}
663
663
  100% {opacity: 1;}
664
664
  }
665
665
 
666
666
  @-o-keyframes fadeIn {
667
- 0% {opacity: 0;}
667
+ 0% {opacity: 0;}
668
668
  100% {opacity: 1;}
669
669
  }
670
670
 
671
671
  @keyframes fadeIn {
672
- 0% {opacity: 0;}
672
+ 0% {opacity: 0;}
673
673
  100% {opacity: 1;}
674
674
  }
675
675
 
@@ -684,7 +684,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
684
684
  opacity: 0;
685
685
  -webkit-transform: translateY(20px);
686
686
  }
687
-
687
+
688
688
  100% {
689
689
  opacity: 1;
690
690
  -webkit-transform: translateY(0);
@@ -696,7 +696,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
696
696
  opacity: 0;
697
697
  -moz-transform: translateY(20px);
698
698
  }
699
-
699
+
700
700
  100% {
701
701
  opacity: 1;
702
702
  -moz-transform: translateY(0);
@@ -708,7 +708,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
708
708
  opacity: 0;
709
709
  -o-transform: translateY(20px);
710
710
  }
711
-
711
+
712
712
  100% {
713
713
  opacity: 1;
714
714
  -o-transform: translateY(0);
@@ -720,7 +720,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
720
720
  opacity: 0;
721
721
  transform: translateY(20px);
722
722
  }
723
-
723
+
724
724
  100% {
725
725
  opacity: 1;
726
726
  transform: translateY(0);
@@ -738,7 +738,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
738
738
  opacity: 0;
739
739
  -webkit-transform: translateY(-20px);
740
740
  }
741
-
741
+
742
742
  100% {
743
743
  opacity: 1;
744
744
  -webkit-transform: translateY(0);
@@ -750,7 +750,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
750
750
  opacity: 0;
751
751
  -moz-transform: translateY(-20px);
752
752
  }
753
-
753
+
754
754
  100% {
755
755
  opacity: 1;
756
756
  -moz-transform: translateY(0);
@@ -762,7 +762,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
762
762
  opacity: 0;
763
763
  -o-transform: translateY(-20px);
764
764
  }
765
-
765
+
766
766
  100% {
767
767
  opacity: 1;
768
768
  -o-transform: translateY(0);
@@ -774,7 +774,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
774
774
  opacity: 0;
775
775
  transform: translateY(-20px);
776
776
  }
777
-
777
+
778
778
  100% {
779
779
  opacity: 1;
780
780
  transform: translateY(0);
@@ -792,7 +792,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
792
792
  opacity: 0;
793
793
  -webkit-transform: translateX(-20px);
794
794
  }
795
-
795
+
796
796
  100% {
797
797
  opacity: 1;
798
798
  -webkit-transform: translateX(0);
@@ -804,7 +804,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
804
804
  opacity: 0;
805
805
  -moz-transform: translateX(-20px);
806
806
  }
807
-
807
+
808
808
  100% {
809
809
  opacity: 1;
810
810
  -moz-transform: translateX(0);
@@ -816,7 +816,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
816
816
  opacity: 0;
817
817
  -o-transform: translateX(-20px);
818
818
  }
819
-
819
+
820
820
  100% {
821
821
  opacity: 1;
822
822
  -o-transform: translateX(0);
@@ -828,7 +828,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
828
828
  opacity: 0;
829
829
  transform: translateX(-20px);
830
830
  }
831
-
831
+
832
832
  100% {
833
833
  opacity: 1;
834
834
  transform: translateX(0);
@@ -846,7 +846,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
846
846
  opacity: 0;
847
847
  -webkit-transform: translateX(20px);
848
848
  }
849
-
849
+
850
850
  100% {
851
851
  opacity: 1;
852
852
  -webkit-transform: translateX(0);
@@ -858,7 +858,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
858
858
  opacity: 0;
859
859
  -moz-transform: translateX(20px);
860
860
  }
861
-
861
+
862
862
  100% {
863
863
  opacity: 1;
864
864
  -moz-transform: translateX(0);
@@ -870,7 +870,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
870
870
  opacity: 0;
871
871
  -o-transform: translateX(20px);
872
872
  }
873
-
873
+
874
874
  100% {
875
875
  opacity: 1;
876
876
  -o-transform: translateX(0);
@@ -882,7 +882,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
882
882
  opacity: 0;
883
883
  transform: translateX(20px);
884
884
  }
885
-
885
+
886
886
  100% {
887
887
  opacity: 1;
888
888
  transform: translateX(0);
@@ -900,7 +900,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
900
900
  opacity: 0;
901
901
  -webkit-transform: translateY(2000px);
902
902
  }
903
-
903
+
904
904
  100% {
905
905
  opacity: 1;
906
906
  -webkit-transform: translateY(0);
@@ -912,7 +912,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
912
912
  opacity: 0;
913
913
  -moz-transform: translateY(2000px);
914
914
  }
915
-
915
+
916
916
  100% {
917
917
  opacity: 1;
918
918
  -moz-transform: translateY(0);
@@ -924,7 +924,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
924
924
  opacity: 0;
925
925
  -o-transform: translateY(2000px);
926
926
  }
927
-
927
+
928
928
  100% {
929
929
  opacity: 1;
930
930
  -o-transform: translateY(0);
@@ -936,7 +936,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
936
936
  opacity: 0;
937
937
  transform: translateY(2000px);
938
938
  }
939
-
939
+
940
940
  100% {
941
941
  opacity: 1;
942
942
  transform: translateY(0);
@@ -954,7 +954,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
954
954
  opacity: 0;
955
955
  -webkit-transform: translateY(-2000px);
956
956
  }
957
-
957
+
958
958
  100% {
959
959
  opacity: 1;
960
960
  -webkit-transform: translateY(0);
@@ -966,7 +966,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
966
966
  opacity: 0;
967
967
  -moz-transform: translateY(-2000px);
968
968
  }
969
-
969
+
970
970
  100% {
971
971
  opacity: 1;
972
972
  -moz-transform: translateY(0);
@@ -978,7 +978,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
978
978
  opacity: 0;
979
979
  -o-transform: translateY(-2000px);
980
980
  }
981
-
981
+
982
982
  100% {
983
983
  opacity: 1;
984
984
  -o-transform: translateY(0);
@@ -990,7 +990,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
990
990
  opacity: 0;
991
991
  transform: translateY(-2000px);
992
992
  }
993
-
993
+
994
994
  100% {
995
995
  opacity: 1;
996
996
  transform: translateY(0);
@@ -1008,7 +1008,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1008
1008
  opacity: 0;
1009
1009
  -webkit-transform: translateX(-2000px);
1010
1010
  }
1011
-
1011
+
1012
1012
  100% {
1013
1013
  opacity: 1;
1014
1014
  -webkit-transform: translateX(0);
@@ -1019,7 +1019,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1019
1019
  opacity: 0;
1020
1020
  -moz-transform: translateX(-2000px);
1021
1021
  }
1022
-
1022
+
1023
1023
  100% {
1024
1024
  opacity: 1;
1025
1025
  -moz-transform: translateX(0);
@@ -1030,7 +1030,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1030
1030
  opacity: 0;
1031
1031
  -o-transform: translateX(-2000px);
1032
1032
  }
1033
-
1033
+
1034
1034
  100% {
1035
1035
  opacity: 1;
1036
1036
  -o-transform: translateX(0);
@@ -1041,7 +1041,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1041
1041
  opacity: 0;
1042
1042
  transform: translateX(-2000px);
1043
1043
  }
1044
-
1044
+
1045
1045
  100% {
1046
1046
  opacity: 1;
1047
1047
  transform: translateX(0);
@@ -1059,7 +1059,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1059
1059
  opacity: 0;
1060
1060
  -webkit-transform: translateX(2000px);
1061
1061
  }
1062
-
1062
+
1063
1063
  100% {
1064
1064
  opacity: 1;
1065
1065
  -webkit-transform: translateX(0);
@@ -1071,7 +1071,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1071
1071
  opacity: 0;
1072
1072
  -moz-transform: translateX(2000px);
1073
1073
  }
1074
-
1074
+
1075
1075
  100% {
1076
1076
  opacity: 1;
1077
1077
  -moz-transform: translateX(0);
@@ -1083,7 +1083,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1083
1083
  opacity: 0;
1084
1084
  -o-transform: translateX(2000px);
1085
1085
  }
1086
-
1086
+
1087
1087
  100% {
1088
1088
  opacity: 1;
1089
1089
  -o-transform: translateX(0);
@@ -1095,7 +1095,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1095
1095
  opacity: 0;
1096
1096
  transform: translateX(2000px);
1097
1097
  }
1098
-
1098
+
1099
1099
  100% {
1100
1100
  opacity: 1;
1101
1101
  transform: translateX(0);
@@ -1139,7 +1139,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1139
1139
  opacity: 1;
1140
1140
  -webkit-transform: translateY(0);
1141
1141
  }
1142
-
1142
+
1143
1143
  100% {
1144
1144
  opacity: 0;
1145
1145
  -webkit-transform: translateY(-20px);
@@ -1150,7 +1150,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1150
1150
  opacity: 1;
1151
1151
  -moz-transform: translateY(0);
1152
1152
  }
1153
-
1153
+
1154
1154
  100% {
1155
1155
  opacity: 0;
1156
1156
  -moz-transform: translateY(-20px);
@@ -1161,7 +1161,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1161
1161
  opacity: 1;
1162
1162
  -o-transform: translateY(0);
1163
1163
  }
1164
-
1164
+
1165
1165
  100% {
1166
1166
  opacity: 0;
1167
1167
  -o-transform: translateY(-20px);
@@ -1172,7 +1172,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1172
1172
  opacity: 1;
1173
1173
  transform: translateY(0);
1174
1174
  }
1175
-
1175
+
1176
1176
  100% {
1177
1177
  opacity: 0;
1178
1178
  transform: translateY(-20px);
@@ -1190,7 +1190,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1190
1190
  opacity: 1;
1191
1191
  -webkit-transform: translateY(0);
1192
1192
  }
1193
-
1193
+
1194
1194
  100% {
1195
1195
  opacity: 0;
1196
1196
  -webkit-transform: translateY(20px);
@@ -1202,7 +1202,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1202
1202
  opacity: 1;
1203
1203
  -moz-transform: translateY(0);
1204
1204
  }
1205
-
1205
+
1206
1206
  100% {
1207
1207
  opacity: 0;
1208
1208
  -moz-transform: translateY(20px);
@@ -1214,7 +1214,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1214
1214
  opacity: 1;
1215
1215
  -o-transform: translateY(0);
1216
1216
  }
1217
-
1217
+
1218
1218
  100% {
1219
1219
  opacity: 0;
1220
1220
  -o-transform: translateY(20px);
@@ -1226,7 +1226,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1226
1226
  opacity: 1;
1227
1227
  transform: translateY(0);
1228
1228
  }
1229
-
1229
+
1230
1230
  100% {
1231
1231
  opacity: 0;
1232
1232
  transform: translateY(20px);
@@ -1244,7 +1244,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1244
1244
  opacity: 1;
1245
1245
  -webkit-transform: translateX(0);
1246
1246
  }
1247
-
1247
+
1248
1248
  100% {
1249
1249
  opacity: 0;
1250
1250
  -webkit-transform: translateX(-20px);
@@ -1256,7 +1256,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1256
1256
  opacity: 1;
1257
1257
  -moz-transform: translateX(0);
1258
1258
  }
1259
-
1259
+
1260
1260
  100% {
1261
1261
  opacity: 0;
1262
1262
  -moz-transform: translateX(-20px);
@@ -1268,7 +1268,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1268
1268
  opacity: 1;
1269
1269
  -o-transform: translateX(0);
1270
1270
  }
1271
-
1271
+
1272
1272
  100% {
1273
1273
  opacity: 0;
1274
1274
  -o-transform: translateX(-20px);
@@ -1280,7 +1280,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1280
1280
  opacity: 1;
1281
1281
  transform: translateX(0);
1282
1282
  }
1283
-
1283
+
1284
1284
  100% {
1285
1285
  opacity: 0;
1286
1286
  transform: translateX(-20px);
@@ -1298,7 +1298,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1298
1298
  opacity: 1;
1299
1299
  -webkit-transform: translateX(0);
1300
1300
  }
1301
-
1301
+
1302
1302
  100% {
1303
1303
  opacity: 0;
1304
1304
  -webkit-transform: translateX(20px);
@@ -1310,7 +1310,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1310
1310
  opacity: 1;
1311
1311
  -moz-transform: translateX(0);
1312
1312
  }
1313
-
1313
+
1314
1314
  100% {
1315
1315
  opacity: 0;
1316
1316
  -moz-transform: translateX(20px);
@@ -1322,7 +1322,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1322
1322
  opacity: 1;
1323
1323
  -o-transform: translateX(0);
1324
1324
  }
1325
-
1325
+
1326
1326
  100% {
1327
1327
  opacity: 0;
1328
1328
  -o-transform: translateX(20px);
@@ -1334,7 +1334,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1334
1334
  opacity: 1;
1335
1335
  transform: translateX(0);
1336
1336
  }
1337
-
1337
+
1338
1338
  100% {
1339
1339
  opacity: 0;
1340
1340
  transform: translateX(20px);
@@ -1352,7 +1352,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1352
1352
  opacity: 1;
1353
1353
  -webkit-transform: translateY(0);
1354
1354
  }
1355
-
1355
+
1356
1356
  100% {
1357
1357
  opacity: 0;
1358
1358
  -webkit-transform: translateY(-2000px);
@@ -1364,7 +1364,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1364
1364
  opacity: 1;
1365
1365
  -moz-transform: translateY(0);
1366
1366
  }
1367
-
1367
+
1368
1368
  100% {
1369
1369
  opacity: 0;
1370
1370
  -moz-transform: translateY(-2000px);
@@ -1376,7 +1376,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1376
1376
  opacity: 1;
1377
1377
  -o-transform: translateY(0);
1378
1378
  }
1379
-
1379
+
1380
1380
  100% {
1381
1381
  opacity: 0;
1382
1382
  -o-transform: translateY(-2000px);
@@ -1388,7 +1388,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1388
1388
  opacity: 1;
1389
1389
  transform: translateY(0);
1390
1390
  }
1391
-
1391
+
1392
1392
  100% {
1393
1393
  opacity: 0;
1394
1394
  transform: translateY(-2000px);
@@ -1406,7 +1406,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1406
1406
  opacity: 1;
1407
1407
  -webkit-transform: translateY(0);
1408
1408
  }
1409
-
1409
+
1410
1410
  100% {
1411
1411
  opacity: 0;
1412
1412
  -webkit-transform: translateY(2000px);
@@ -1418,7 +1418,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1418
1418
  opacity: 1;
1419
1419
  -moz-transform: translateY(0);
1420
1420
  }
1421
-
1421
+
1422
1422
  100% {
1423
1423
  opacity: 0;
1424
1424
  -moz-transform: translateY(2000px);
@@ -1430,7 +1430,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1430
1430
  opacity: 1;
1431
1431
  -o-transform: translateY(0);
1432
1432
  }
1433
-
1433
+
1434
1434
  100% {
1435
1435
  opacity: 0;
1436
1436
  -o-transform: translateY(2000px);
@@ -1442,7 +1442,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1442
1442
  opacity: 1;
1443
1443
  transform: translateY(0);
1444
1444
  }
1445
-
1445
+
1446
1446
  100% {
1447
1447
  opacity: 0;
1448
1448
  transform: translateY(2000px);
@@ -1460,7 +1460,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1460
1460
  opacity: 1;
1461
1461
  -webkit-transform: translateX(0);
1462
1462
  }
1463
-
1463
+
1464
1464
  100% {
1465
1465
  opacity: 0;
1466
1466
  -webkit-transform: translateX(-2000px);
@@ -1472,7 +1472,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1472
1472
  opacity: 1;
1473
1473
  -moz-transform: translateX(0);
1474
1474
  }
1475
-
1475
+
1476
1476
  100% {
1477
1477
  opacity: 0;
1478
1478
  -moz-transform: translateX(-2000px);
@@ -1484,7 +1484,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1484
1484
  opacity: 1;
1485
1485
  -o-transform: translateX(0);
1486
1486
  }
1487
-
1487
+
1488
1488
  100% {
1489
1489
  opacity: 0;
1490
1490
  -o-transform: translateX(-2000px);
@@ -1496,7 +1496,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1496
1496
  opacity: 1;
1497
1497
  transform: translateX(0);
1498
1498
  }
1499
-
1499
+
1500
1500
  100% {
1501
1501
  opacity: 0;
1502
1502
  transform: translateX(-2000px);
@@ -1514,7 +1514,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1514
1514
  opacity: 1;
1515
1515
  -webkit-transform: translateX(0);
1516
1516
  }
1517
-
1517
+
1518
1518
  100% {
1519
1519
  opacity: 0;
1520
1520
  -webkit-transform: translateX(2000px);
@@ -1525,7 +1525,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1525
1525
  opacity: 1;
1526
1526
  -moz-transform: translateX(0);
1527
1527
  }
1528
-
1528
+
1529
1529
  100% {
1530
1530
  opacity: 0;
1531
1531
  -moz-transform: translateX(2000px);
@@ -1536,7 +1536,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1536
1536
  opacity: 1;
1537
1537
  -o-transform: translateX(0);
1538
1538
  }
1539
-
1539
+
1540
1540
  100% {
1541
1541
  opacity: 0;
1542
1542
  -o-transform: translateX(2000px);
@@ -1547,7 +1547,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1547
1547
  opacity: 1;
1548
1548
  transform: translateX(0);
1549
1549
  }
1550
-
1550
+
1551
1551
  100% {
1552
1552
  opacity: 0;
1553
1553
  transform: translateX(2000px);
@@ -1565,16 +1565,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1565
1565
  opacity: 0;
1566
1566
  -webkit-transform: scale(.3);
1567
1567
  }
1568
-
1568
+
1569
1569
  50% {
1570
1570
  opacity: 1;
1571
1571
  -webkit-transform: scale(1.05);
1572
1572
  }
1573
-
1573
+
1574
1574
  70% {
1575
1575
  -webkit-transform: scale(.9);
1576
1576
  }
1577
-
1577
+
1578
1578
  100% {
1579
1579
  -webkit-transform: scale(1);
1580
1580
  }
@@ -1585,16 +1585,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1585
1585
  opacity: 0;
1586
1586
  -moz-transform: scale(.3);
1587
1587
  }
1588
-
1588
+
1589
1589
  50% {
1590
1590
  opacity: 1;
1591
1591
  -moz-transform: scale(1.05);
1592
1592
  }
1593
-
1593
+
1594
1594
  70% {
1595
1595
  -moz-transform: scale(.9);
1596
1596
  }
1597
-
1597
+
1598
1598
  100% {
1599
1599
  -moz-transform: scale(1);
1600
1600
  }
@@ -1605,16 +1605,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1605
1605
  opacity: 0;
1606
1606
  -o-transform: scale(.3);
1607
1607
  }
1608
-
1608
+
1609
1609
  50% {
1610
1610
  opacity: 1;
1611
1611
  -o-transform: scale(1.05);
1612
1612
  }
1613
-
1613
+
1614
1614
  70% {
1615
1615
  -o-transform: scale(.9);
1616
1616
  }
1617
-
1617
+
1618
1618
  100% {
1619
1619
  -o-transform: scale(1);
1620
1620
  }
@@ -1625,21 +1625,327 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1625
1625
  opacity: 0;
1626
1626
  transform: scale(.3);
1627
1627
  }
1628
-
1628
+
1629
1629
  50% {
1630
1630
  opacity: 1;
1631
1631
  transform: scale(1.05);
1632
1632
  }
1633
-
1633
+
1634
1634
  70% {
1635
1635
  transform: scale(.9);
1636
1636
  }
1637
-
1637
+
1638
1638
  100% {
1639
1639
  transform: scale(1);
1640
1640
  }
1641
1641
  }
1642
1642
 
1643
+ @-webkit-keyframes slideInDown {
1644
+ 0% {
1645
+ opacity: 0;
1646
+ -webkit-transform: translateY(-2000px);
1647
+ }
1648
+
1649
+ 100% {
1650
+ -webkit-transform: translateY(0);
1651
+ }
1652
+ }
1653
+
1654
+ @-moz-keyframes slideInDown {
1655
+ 0% {
1656
+ opacity: 0;
1657
+ -moz-transform: translateY(-2000px);
1658
+ }
1659
+
1660
+ 100% {
1661
+ -moz-transform: translateY(0);
1662
+ }
1663
+ }
1664
+
1665
+ @-o-keyframes slideInDown {
1666
+ 0% {
1667
+ opacity: 0;
1668
+ -o-transform: translateY(-2000px);
1669
+ }
1670
+
1671
+ 100% {
1672
+ -o-transform: translateY(0);
1673
+ }
1674
+ }
1675
+
1676
+ @keyframes slideInDown {
1677
+ 0% {
1678
+ opacity: 0;
1679
+ transform: translateY(-2000px);
1680
+ }
1681
+
1682
+ 100% {
1683
+ transform: translateY(0);
1684
+ }
1685
+ }
1686
+
1687
+ .slideInDown {
1688
+ -webkit-animation-name: slideInDown;
1689
+ -moz-animation-name: slideInDown;
1690
+ -o-animation-name: slideInDown;
1691
+ animation-name: slideInDown;
1692
+ }
1693
+
1694
+ @-webkit-keyframes slideInLeft {
1695
+ 0% {
1696
+ opacity: 0;
1697
+ -webkit-transform: translateX(-2000px);
1698
+ }
1699
+
1700
+ 100% {
1701
+ -webkit-transform: translateX(0);
1702
+ }
1703
+ }
1704
+
1705
+ @-moz-keyframes slideInLeft {
1706
+ 0% {
1707
+ opacity: 0;
1708
+ -moz-transform: translateX(-2000px);
1709
+ }
1710
+
1711
+ 100% {
1712
+ -moz-transform: translateX(0);
1713
+ }
1714
+ }
1715
+
1716
+ @-o-keyframes slideInLeft {
1717
+ 0% {
1718
+ opacity: 0;
1719
+ -o-transform: translateX(-2000px);
1720
+ }
1721
+
1722
+ 100% {
1723
+ -o-transform: translateX(0);
1724
+ }
1725
+ }
1726
+
1727
+ @keyframes slideInLeft {
1728
+ 0% {
1729
+ opacity: 0;
1730
+ transform: translateX(-2000px);
1731
+ }
1732
+
1733
+ 100% {
1734
+ transform: translateX(0);
1735
+ }
1736
+ }
1737
+
1738
+ .slideInLeft {
1739
+ -webkit-animation-name: slideInLeft;
1740
+ -moz-animation-name: slideInLeft;
1741
+ -o-animation-name: slideInLeft;
1742
+ animation-name: slideInLeft;
1743
+ }
1744
+
1745
+ @-webkit-keyframes slideInRight {
1746
+ 0% {
1747
+ opacity: 0;
1748
+ -webkit-transform: translateX(2000px);
1749
+ }
1750
+
1751
+ 100% {
1752
+ -webkit-transform: translateX(0);
1753
+ }
1754
+ }
1755
+
1756
+ @-moz-keyframes slideInRight {
1757
+ 0% {
1758
+ opacity: 0;
1759
+ -moz-transform: translateX(2000px);
1760
+ }
1761
+
1762
+ 100% {
1763
+ -moz-transform: translateX(0);
1764
+ }
1765
+ }
1766
+
1767
+ @-o-keyframes slideInRight {
1768
+ 0% {
1769
+ opacity: 0;
1770
+ -o-transform: translateX(2000px);
1771
+ }
1772
+
1773
+ 100% {
1774
+ -o-transform: translateX(0);
1775
+ }
1776
+ }
1777
+
1778
+ @keyframes slideInRight {
1779
+ 0% {
1780
+ opacity: 0;
1781
+ transform: translateX(2000px);
1782
+ }
1783
+
1784
+ 100% {
1785
+ transform: translateX(0);
1786
+ }
1787
+ }
1788
+
1789
+ .slideInRight {
1790
+ -webkit-animation-name: slideInRight;
1791
+ -moz-animation-name: slideInRight;
1792
+ -o-animation-name: slideInRight;
1793
+ animation-name: slideInRight;
1794
+ }
1795
+
1796
+ @-webkit-keyframes slideOutLeft {
1797
+ 0% {
1798
+ -webkit-transform: translateX(0);
1799
+ }
1800
+
1801
+ 100% {
1802
+ opacity: 0;
1803
+ -webkit-transform: translateX(-2000px);
1804
+ }
1805
+ }
1806
+
1807
+ @-moz-keyframes slideOutLeft {
1808
+ 0% {
1809
+ -moz-transform: translateX(0);
1810
+ }
1811
+
1812
+ 100% {
1813
+ opacity: 0;
1814
+ -moz-transform: translateX(-2000px);
1815
+ }
1816
+ }
1817
+
1818
+ @-o-keyframes slideOutLeft {
1819
+ 0% {
1820
+ -o-transform: translateX(0);
1821
+ }
1822
+
1823
+ 100% {
1824
+ opacity: 0;
1825
+ -o-transform: translateX(-2000px);
1826
+ }
1827
+ }
1828
+
1829
+ @keyframes slideOutLeft {
1830
+ 0% {
1831
+ transform: translateX(0);
1832
+ }
1833
+
1834
+ 100% {
1835
+ opacity: 0;
1836
+ transform: translateX(-2000px);
1837
+ }
1838
+ }
1839
+
1840
+ .slideOutLeft {
1841
+ -webkit-animation-name: slideOutLeft;
1842
+ -moz-animation-name: slideOutLeft;
1843
+ -o-animation-name: slideOutLeft;
1844
+ animation-name: slideOutLeft;
1845
+ }
1846
+
1847
+ @-webkit-keyframes slideOutRight {
1848
+ 0% {
1849
+ -webkit-transform: translateX(0);
1850
+ }
1851
+
1852
+ 100% {
1853
+ opacity: 0;
1854
+ -webkit-transform: translateX(2000px);
1855
+ }
1856
+ }
1857
+
1858
+ @-moz-keyframes slideOutRight {
1859
+ 0% {
1860
+ -moz-transform: translateX(0);
1861
+ }
1862
+
1863
+ 100% {
1864
+ opacity: 0;
1865
+ -moz-transform: translateX(2000px);
1866
+ }
1867
+ }
1868
+
1869
+ @-o-keyframes slideOutRight {
1870
+ 0% {
1871
+ -o-transform: translateX(0);
1872
+ }
1873
+
1874
+ 100% {
1875
+ opacity: 0;
1876
+ -o-transform: translateX(2000px);
1877
+ }
1878
+ }
1879
+
1880
+ @keyframes slideOutRight {
1881
+ 0% {
1882
+ transform: translateX(0);
1883
+ }
1884
+
1885
+ 100% {
1886
+ opacity: 0;
1887
+ transform: translateX(2000px);
1888
+ }
1889
+ }
1890
+
1891
+ .slideOutRight {
1892
+ -webkit-animation-name: slideOutRight;
1893
+ -moz-animation-name: slideOutRight;
1894
+ -o-animation-name: slideOutRight;
1895
+ animation-name: slideOutRight;
1896
+ }
1897
+
1898
+ @-webkit-keyframes slideOutUp {
1899
+ 0% {
1900
+ -webkit-transform: translateY(0);
1901
+ }
1902
+
1903
+ 100% {
1904
+ opacity: 0;
1905
+ -webkit-transform: translateY(-2000px);
1906
+ }
1907
+ }
1908
+
1909
+ @-moz-keyframes slideOutUp {
1910
+ 0% {
1911
+ -moz-transform: translateY(0);
1912
+ }
1913
+
1914
+ 100% {
1915
+ opacity: 0;
1916
+ -moz-transform: translateY(-2000px);
1917
+ }
1918
+ }
1919
+
1920
+ @-o-keyframes slideOutUp {
1921
+ 0% {
1922
+ -o-transform: translateY(0);
1923
+ }
1924
+
1925
+ 100% {
1926
+ opacity: 0;
1927
+ -o-transform: translateY(-2000px);
1928
+ }
1929
+ }
1930
+
1931
+ @keyframes slideOutUp {
1932
+ 0% {
1933
+ transform: translateY(0);
1934
+ }
1935
+
1936
+ 100% {
1937
+ opacity: 0;
1938
+ transform: translateY(-2000px);
1939
+ }
1940
+ }
1941
+
1942
+ .slideOutUp {
1943
+ -webkit-animation-name: slideOutUp;
1944
+ -moz-animation-name: slideOutUp;
1945
+ -o-animation-name: slideOutUp;
1946
+ animation-name: slideOutUp;
1947
+ }
1948
+
1643
1949
  .animated.bounceIn {
1644
1950
  -webkit-animation-name: bounceIn;
1645
1951
  -moz-animation-name: bounceIn;
@@ -1651,16 +1957,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1651
1957
  opacity: 0;
1652
1958
  -webkit-transform: translateY(2000px);
1653
1959
  }
1654
-
1960
+
1655
1961
  60% {
1656
1962
  opacity: 1;
1657
1963
  -webkit-transform: translateY(-30px);
1658
1964
  }
1659
-
1965
+
1660
1966
  80% {
1661
1967
  -webkit-transform: translateY(10px);
1662
1968
  }
1663
-
1969
+
1664
1970
  100% {
1665
1971
  -webkit-transform: translateY(0);
1666
1972
  }
@@ -1670,16 +1976,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1670
1976
  opacity: 0;
1671
1977
  -moz-transform: translateY(2000px);
1672
1978
  }
1673
-
1979
+
1674
1980
  60% {
1675
1981
  opacity: 1;
1676
1982
  -moz-transform: translateY(-30px);
1677
1983
  }
1678
-
1984
+
1679
1985
  80% {
1680
1986
  -moz-transform: translateY(10px);
1681
1987
  }
1682
-
1988
+
1683
1989
  100% {
1684
1990
  -moz-transform: translateY(0);
1685
1991
  }
@@ -1690,16 +1996,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1690
1996
  opacity: 0;
1691
1997
  -o-transform: translateY(2000px);
1692
1998
  }
1693
-
1999
+
1694
2000
  60% {
1695
2001
  opacity: 1;
1696
2002
  -o-transform: translateY(-30px);
1697
2003
  }
1698
-
2004
+
1699
2005
  80% {
1700
2006
  -o-transform: translateY(10px);
1701
2007
  }
1702
-
2008
+
1703
2009
  100% {
1704
2010
  -o-transform: translateY(0);
1705
2011
  }
@@ -1710,16 +2016,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1710
2016
  opacity: 0;
1711
2017
  transform: translateY(2000px);
1712
2018
  }
1713
-
2019
+
1714
2020
  60% {
1715
2021
  opacity: 1;
1716
2022
  transform: translateY(-30px);
1717
2023
  }
1718
-
2024
+
1719
2025
  80% {
1720
2026
  transform: translateY(10px);
1721
2027
  }
1722
-
2028
+
1723
2029
  100% {
1724
2030
  transform: translateY(0);
1725
2031
  }
@@ -1736,16 +2042,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1736
2042
  opacity: 0;
1737
2043
  -webkit-transform: translateY(-2000px);
1738
2044
  }
1739
-
2045
+
1740
2046
  60% {
1741
2047
  opacity: 1;
1742
2048
  -webkit-transform: translateY(30px);
1743
2049
  }
1744
-
2050
+
1745
2051
  80% {
1746
2052
  -webkit-transform: translateY(-10px);
1747
2053
  }
1748
-
2054
+
1749
2055
  100% {
1750
2056
  -webkit-transform: translateY(0);
1751
2057
  }
@@ -1756,16 +2062,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1756
2062
  opacity: 0;
1757
2063
  -moz-transform: translateY(-2000px);
1758
2064
  }
1759
-
2065
+
1760
2066
  60% {
1761
2067
  opacity: 1;
1762
2068
  -moz-transform: translateY(30px);
1763
2069
  }
1764
-
2070
+
1765
2071
  80% {
1766
2072
  -moz-transform: translateY(-10px);
1767
2073
  }
1768
-
2074
+
1769
2075
  100% {
1770
2076
  -moz-transform: translateY(0);
1771
2077
  }
@@ -1776,16 +2082,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1776
2082
  opacity: 0;
1777
2083
  -o-transform: translateY(-2000px);
1778
2084
  }
1779
-
2085
+
1780
2086
  60% {
1781
2087
  opacity: 1;
1782
2088
  -o-transform: translateY(30px);
1783
2089
  }
1784
-
2090
+
1785
2091
  80% {
1786
2092
  -o-transform: translateY(-10px);
1787
2093
  }
1788
-
2094
+
1789
2095
  100% {
1790
2096
  -o-transform: translateY(0);
1791
2097
  }
@@ -1796,16 +2102,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1796
2102
  opacity: 0;
1797
2103
  transform: translateY(-2000px);
1798
2104
  }
1799
-
2105
+
1800
2106
  60% {
1801
2107
  opacity: 1;
1802
2108
  transform: translateY(30px);
1803
2109
  }
1804
-
2110
+
1805
2111
  80% {
1806
2112
  transform: translateY(-10px);
1807
2113
  }
1808
-
2114
+
1809
2115
  100% {
1810
2116
  transform: translateY(0);
1811
2117
  }
@@ -1822,16 +2128,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1822
2128
  opacity: 0;
1823
2129
  -webkit-transform: translateX(-2000px);
1824
2130
  }
1825
-
2131
+
1826
2132
  60% {
1827
2133
  opacity: 1;
1828
2134
  -webkit-transform: translateX(30px);
1829
2135
  }
1830
-
2136
+
1831
2137
  80% {
1832
2138
  -webkit-transform: translateX(-10px);
1833
2139
  }
1834
-
2140
+
1835
2141
  100% {
1836
2142
  -webkit-transform: translateX(0);
1837
2143
  }
@@ -1842,16 +2148,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1842
2148
  opacity: 0;
1843
2149
  -moz-transform: translateX(-2000px);
1844
2150
  }
1845
-
2151
+
1846
2152
  60% {
1847
2153
  opacity: 1;
1848
2154
  -moz-transform: translateX(30px);
1849
2155
  }
1850
-
2156
+
1851
2157
  80% {
1852
2158
  -moz-transform: translateX(-10px);
1853
2159
  }
1854
-
2160
+
1855
2161
  100% {
1856
2162
  -moz-transform: translateX(0);
1857
2163
  }
@@ -1862,16 +2168,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1862
2168
  opacity: 0;
1863
2169
  -o-transform: translateX(-2000px);
1864
2170
  }
1865
-
2171
+
1866
2172
  60% {
1867
2173
  opacity: 1;
1868
2174
  -o-transform: translateX(30px);
1869
2175
  }
1870
-
2176
+
1871
2177
  80% {
1872
2178
  -o-transform: translateX(-10px);
1873
2179
  }
1874
-
2180
+
1875
2181
  100% {
1876
2182
  -o-transform: translateX(0);
1877
2183
  }
@@ -1882,16 +2188,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1882
2188
  opacity: 0;
1883
2189
  transform: translateX(-2000px);
1884
2190
  }
1885
-
2191
+
1886
2192
  60% {
1887
2193
  opacity: 1;
1888
2194
  transform: translateX(30px);
1889
2195
  }
1890
-
2196
+
1891
2197
  80% {
1892
2198
  transform: translateX(-10px);
1893
2199
  }
1894
-
2200
+
1895
2201
  100% {
1896
2202
  transform: translateX(0);
1897
2203
  }
@@ -1908,16 +2214,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1908
2214
  opacity: 0;
1909
2215
  -webkit-transform: translateX(2000px);
1910
2216
  }
1911
-
2217
+
1912
2218
  60% {
1913
2219
  opacity: 1;
1914
2220
  -webkit-transform: translateX(-30px);
1915
2221
  }
1916
-
2222
+
1917
2223
  80% {
1918
2224
  -webkit-transform: translateX(10px);
1919
2225
  }
1920
-
2226
+
1921
2227
  100% {
1922
2228
  -webkit-transform: translateX(0);
1923
2229
  }
@@ -1928,16 +2234,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1928
2234
  opacity: 0;
1929
2235
  -moz-transform: translateX(2000px);
1930
2236
  }
1931
-
2237
+
1932
2238
  60% {
1933
2239
  opacity: 1;
1934
2240
  -moz-transform: translateX(-30px);
1935
2241
  }
1936
-
2242
+
1937
2243
  80% {
1938
2244
  -moz-transform: translateX(10px);
1939
2245
  }
1940
-
2246
+
1941
2247
  100% {
1942
2248
  -moz-transform: translateX(0);
1943
2249
  }
@@ -1948,16 +2254,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1948
2254
  opacity: 0;
1949
2255
  -o-transform: translateX(2000px);
1950
2256
  }
1951
-
2257
+
1952
2258
  60% {
1953
2259
  opacity: 1;
1954
2260
  -o-transform: translateX(-30px);
1955
2261
  }
1956
-
2262
+
1957
2263
  80% {
1958
2264
  -o-transform: translateX(10px);
1959
2265
  }
1960
-
2266
+
1961
2267
  100% {
1962
2268
  -o-transform: translateX(0);
1963
2269
  }
@@ -1968,16 +2274,16 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1968
2274
  opacity: 0;
1969
2275
  transform: translateX(2000px);
1970
2276
  }
1971
-
2277
+
1972
2278
  60% {
1973
2279
  opacity: 1;
1974
2280
  transform: translateX(-30px);
1975
2281
  }
1976
-
2282
+
1977
2283
  80% {
1978
2284
  transform: translateX(10px);
1979
2285
  }
1980
-
2286
+
1981
2287
  100% {
1982
2288
  transform: translateX(0);
1983
2289
  }
@@ -1993,80 +2299,80 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
1993
2299
  0% {
1994
2300
  -webkit-transform: scale(1);
1995
2301
  }
1996
-
2302
+
1997
2303
  25% {
1998
2304
  -webkit-transform: scale(.95);
1999
2305
  }
2000
-
2306
+
2001
2307
  50% {
2002
2308
  opacity: 1;
2003
2309
  -webkit-transform: scale(1.1);
2004
2310
  }
2005
-
2311
+
2006
2312
  100% {
2007
2313
  opacity: 0;
2008
2314
  -webkit-transform: scale(.3);
2009
- }
2315
+ }
2010
2316
  }
2011
2317
 
2012
2318
  @-moz-keyframes bounceOut {
2013
2319
  0% {
2014
2320
  -moz-transform: scale(1);
2015
2321
  }
2016
-
2322
+
2017
2323
  25% {
2018
2324
  -moz-transform: scale(.95);
2019
2325
  }
2020
-
2326
+
2021
2327
  50% {
2022
2328
  opacity: 1;
2023
2329
  -moz-transform: scale(1.1);
2024
2330
  }
2025
-
2331
+
2026
2332
  100% {
2027
2333
  opacity: 0;
2028
2334
  -moz-transform: scale(.3);
2029
- }
2335
+ }
2030
2336
  }
2031
2337
 
2032
2338
  @-o-keyframes bounceOut {
2033
2339
  0% {
2034
2340
  -o-transform: scale(1);
2035
2341
  }
2036
-
2342
+
2037
2343
  25% {
2038
2344
  -o-transform: scale(.95);
2039
2345
  }
2040
-
2346
+
2041
2347
  50% {
2042
2348
  opacity: 1;
2043
2349
  -o-transform: scale(1.1);
2044
2350
  }
2045
-
2351
+
2046
2352
  100% {
2047
2353
  opacity: 0;
2048
2354
  -o-transform: scale(.3);
2049
- }
2355
+ }
2050
2356
  }
2051
2357
 
2052
2358
  @keyframes bounceOut {
2053
2359
  0% {
2054
2360
  transform: scale(1);
2055
2361
  }
2056
-
2362
+
2057
2363
  25% {
2058
2364
  transform: scale(.95);
2059
2365
  }
2060
-
2366
+
2061
2367
  50% {
2062
2368
  opacity: 1;
2063
2369
  transform: scale(1.1);
2064
2370
  }
2065
-
2371
+
2066
2372
  100% {
2067
2373
  opacity: 0;
2068
2374
  transform: scale(.3);
2069
- }
2375
+ }
2070
2376
  }
2071
2377
 
2072
2378
  .animated.bounceOut {
@@ -2079,12 +2385,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2079
2385
  0% {
2080
2386
  -webkit-transform: translateY(0);
2081
2387
  }
2082
-
2388
+
2083
2389
  20% {
2084
2390
  opacity: 1;
2085
2391
  -webkit-transform: translateY(20px);
2086
2392
  }
2087
-
2393
+
2088
2394
  100% {
2089
2395
  opacity: 0;
2090
2396
  -webkit-transform: translateY(-2000px);
@@ -2095,12 +2401,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2095
2401
  0% {
2096
2402
  -moz-transform: translateY(0);
2097
2403
  }
2098
-
2404
+
2099
2405
  20% {
2100
2406
  opacity: 1;
2101
2407
  -moz-transform: translateY(20px);
2102
2408
  }
2103
-
2409
+
2104
2410
  100% {
2105
2411
  opacity: 0;
2106
2412
  -moz-transform: translateY(-2000px);
@@ -2111,12 +2417,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2111
2417
  0% {
2112
2418
  -o-transform: translateY(0);
2113
2419
  }
2114
-
2420
+
2115
2421
  20% {
2116
2422
  opacity: 1;
2117
2423
  -o-transform: translateY(20px);
2118
2424
  }
2119
-
2425
+
2120
2426
  100% {
2121
2427
  opacity: 0;
2122
2428
  -o-transform: translateY(-2000px);
@@ -2127,12 +2433,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2127
2433
  0% {
2128
2434
  transform: translateY(0);
2129
2435
  }
2130
-
2436
+
2131
2437
  20% {
2132
2438
  opacity: 1;
2133
2439
  transform: translateY(20px);
2134
2440
  }
2135
-
2441
+
2136
2442
  100% {
2137
2443
  opacity: 0;
2138
2444
  transform: translateY(-2000px);
@@ -2149,12 +2455,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2149
2455
  0% {
2150
2456
  -webkit-transform: translateY(0);
2151
2457
  }
2152
-
2458
+
2153
2459
  20% {
2154
2460
  opacity: 1;
2155
2461
  -webkit-transform: translateY(-20px);
2156
2462
  }
2157
-
2463
+
2158
2464
  100% {
2159
2465
  opacity: 0;
2160
2466
  -webkit-transform: translateY(2000px);
@@ -2165,12 +2471,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2165
2471
  0% {
2166
2472
  -moz-transform: translateY(0);
2167
2473
  }
2168
-
2474
+
2169
2475
  20% {
2170
2476
  opacity: 1;
2171
2477
  -moz-transform: translateY(-20px);
2172
2478
  }
2173
-
2479
+
2174
2480
  100% {
2175
2481
  opacity: 0;
2176
2482
  -moz-transform: translateY(2000px);
@@ -2181,12 +2487,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2181
2487
  0% {
2182
2488
  -o-transform: translateY(0);
2183
2489
  }
2184
-
2490
+
2185
2491
  20% {
2186
2492
  opacity: 1;
2187
2493
  -o-transform: translateY(-20px);
2188
2494
  }
2189
-
2495
+
2190
2496
  100% {
2191
2497
  opacity: 0;
2192
2498
  -o-transform: translateY(2000px);
@@ -2197,12 +2503,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2197
2503
  0% {
2198
2504
  transform: translateY(0);
2199
2505
  }
2200
-
2506
+
2201
2507
  20% {
2202
2508
  opacity: 1;
2203
2509
  transform: translateY(-20px);
2204
2510
  }
2205
-
2511
+
2206
2512
  100% {
2207
2513
  opacity: 0;
2208
2514
  transform: translateY(2000px);
@@ -2219,12 +2525,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2219
2525
  0% {
2220
2526
  -webkit-transform: translateX(0);
2221
2527
  }
2222
-
2528
+
2223
2529
  20% {
2224
2530
  opacity: 1;
2225
2531
  -webkit-transform: translateX(20px);
2226
2532
  }
2227
-
2533
+
2228
2534
  100% {
2229
2535
  opacity: 0;
2230
2536
  -webkit-transform: translateX(-2000px);
@@ -2235,12 +2541,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2235
2541
  0% {
2236
2542
  -moz-transform: translateX(0);
2237
2543
  }
2238
-
2544
+
2239
2545
  20% {
2240
2546
  opacity: 1;
2241
2547
  -moz-transform: translateX(20px);
2242
2548
  }
2243
-
2549
+
2244
2550
  100% {
2245
2551
  opacity: 0;
2246
2552
  -moz-transform: translateX(-2000px);
@@ -2251,12 +2557,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2251
2557
  0% {
2252
2558
  -o-transform: translateX(0);
2253
2559
  }
2254
-
2560
+
2255
2561
  20% {
2256
2562
  opacity: 1;
2257
2563
  -o-transform: translateX(20px);
2258
2564
  }
2259
-
2565
+
2260
2566
  100% {
2261
2567
  opacity: 0;
2262
2568
  -o-transform: translateX(-2000px);
@@ -2267,12 +2573,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2267
2573
  0% {
2268
2574
  transform: translateX(0);
2269
2575
  }
2270
-
2576
+
2271
2577
  20% {
2272
2578
  opacity: 1;
2273
2579
  transform: translateX(20px);
2274
2580
  }
2275
-
2581
+
2276
2582
  100% {
2277
2583
  opacity: 0;
2278
2584
  transform: translateX(-2000px);
@@ -2289,12 +2595,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2289
2595
  0% {
2290
2596
  -webkit-transform: translateX(0);
2291
2597
  }
2292
-
2598
+
2293
2599
  20% {
2294
2600
  opacity: 1;
2295
2601
  -webkit-transform: translateX(-20px);
2296
2602
  }
2297
-
2603
+
2298
2604
  100% {
2299
2605
  opacity: 0;
2300
2606
  -webkit-transform: translateX(2000px);
@@ -2305,12 +2611,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2305
2611
  0% {
2306
2612
  -moz-transform: translateX(0);
2307
2613
  }
2308
-
2614
+
2309
2615
  20% {
2310
2616
  opacity: 1;
2311
2617
  -moz-transform: translateX(-20px);
2312
2618
  }
2313
-
2619
+
2314
2620
  100% {
2315
2621
  opacity: 0;
2316
2622
  -moz-transform: translateX(2000px);
@@ -2321,12 +2627,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2321
2627
  0% {
2322
2628
  -o-transform: translateX(0);
2323
2629
  }
2324
-
2630
+
2325
2631
  20% {
2326
2632
  opacity: 1;
2327
2633
  -o-transform: translateX(-20px);
2328
2634
  }
2329
-
2635
+
2330
2636
  100% {
2331
2637
  opacity: 0;
2332
2638
  -o-transform: translateX(2000px);
@@ -2337,12 +2643,12 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2337
2643
  0% {
2338
2644
  transform: translateX(0);
2339
2645
  }
2340
-
2646
+
2341
2647
  20% {
2342
2648
  opacity: 1;
2343
2649
  transform: translateX(-20px);
2344
2650
  }
2345
-
2651
+
2346
2652
  100% {
2347
2653
  opacity: 0;
2348
2654
  transform: translateX(2000px);
@@ -2361,7 +2667,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2361
2667
  -webkit-transform: rotate(-200deg);
2362
2668
  opacity: 0;
2363
2669
  }
2364
-
2670
+
2365
2671
  100% {
2366
2672
  -webkit-transform-origin: center center;
2367
2673
  -webkit-transform: rotate(0);
@@ -2374,7 +2680,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2374
2680
  -moz-transform: rotate(-200deg);
2375
2681
  opacity: 0;
2376
2682
  }
2377
-
2683
+
2378
2684
  100% {
2379
2685
  -moz-transform-origin: center center;
2380
2686
  -moz-transform: rotate(0);
@@ -2387,7 +2693,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2387
2693
  -o-transform: rotate(-200deg);
2388
2694
  opacity: 0;
2389
2695
  }
2390
-
2696
+
2391
2697
  100% {
2392
2698
  -o-transform-origin: center center;
2393
2699
  -o-transform: rotate(0);
@@ -2400,7 +2706,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2400
2706
  transform: rotate(-200deg);
2401
2707
  opacity: 0;
2402
2708
  }
2403
-
2709
+
2404
2710
  100% {
2405
2711
  transform-origin: center center;
2406
2712
  transform: rotate(0);
@@ -2420,7 +2726,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2420
2726
  -webkit-transform: rotate(90deg);
2421
2727
  opacity: 0;
2422
2728
  }
2423
-
2729
+
2424
2730
  100% {
2425
2731
  -webkit-transform-origin: left bottom;
2426
2732
  -webkit-transform: rotate(0);
@@ -2434,7 +2740,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2434
2740
  -moz-transform: rotate(90deg);
2435
2741
  opacity: 0;
2436
2742
  }
2437
-
2743
+
2438
2744
  100% {
2439
2745
  -moz-transform-origin: left bottom;
2440
2746
  -moz-transform: rotate(0);
@@ -2448,7 +2754,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2448
2754
  -o-transform: rotate(90deg);
2449
2755
  opacity: 0;
2450
2756
  }
2451
-
2757
+
2452
2758
  100% {
2453
2759
  -o-transform-origin: left bottom;
2454
2760
  -o-transform: rotate(0);
@@ -2462,7 +2768,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2462
2768
  transform: rotate(90deg);
2463
2769
  opacity: 0;
2464
2770
  }
2465
-
2771
+
2466
2772
  100% {
2467
2773
  transform-origin: left bottom;
2468
2774
  transform: rotate(0);
@@ -2482,7 +2788,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2482
2788
  -webkit-transform: rotate(-90deg);
2483
2789
  opacity: 0;
2484
2790
  }
2485
-
2791
+
2486
2792
  100% {
2487
2793
  -webkit-transform-origin: left bottom;
2488
2794
  -webkit-transform: rotate(0);
@@ -2496,7 +2802,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2496
2802
  -moz-transform: rotate(-90deg);
2497
2803
  opacity: 0;
2498
2804
  }
2499
-
2805
+
2500
2806
  100% {
2501
2807
  -moz-transform-origin: left bottom;
2502
2808
  -moz-transform: rotate(0);
@@ -2510,7 +2816,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2510
2816
  -o-transform: rotate(-90deg);
2511
2817
  opacity: 0;
2512
2818
  }
2513
-
2819
+
2514
2820
  100% {
2515
2821
  -o-transform-origin: left bottom;
2516
2822
  -o-transform: rotate(0);
@@ -2524,7 +2830,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2524
2830
  transform: rotate(-90deg);
2525
2831
  opacity: 0;
2526
2832
  }
2527
-
2833
+
2528
2834
  100% {
2529
2835
  transform-origin: left bottom;
2530
2836
  transform: rotate(0);
@@ -2544,7 +2850,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2544
2850
  -webkit-transform: rotate(-90deg);
2545
2851
  opacity: 0;
2546
2852
  }
2547
-
2853
+
2548
2854
  100% {
2549
2855
  -webkit-transform-origin: right bottom;
2550
2856
  -webkit-transform: rotate(0);
@@ -2558,7 +2864,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2558
2864
  -moz-transform: rotate(-90deg);
2559
2865
  opacity: 0;
2560
2866
  }
2561
-
2867
+
2562
2868
  100% {
2563
2869
  -moz-transform-origin: right bottom;
2564
2870
  -moz-transform: rotate(0);
@@ -2572,7 +2878,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2572
2878
  -o-transform: rotate(-90deg);
2573
2879
  opacity: 0;
2574
2880
  }
2575
-
2881
+
2576
2882
  100% {
2577
2883
  -o-transform-origin: right bottom;
2578
2884
  -o-transform: rotate(0);
@@ -2586,7 +2892,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2586
2892
  transform: rotate(-90deg);
2587
2893
  opacity: 0;
2588
2894
  }
2589
-
2895
+
2590
2896
  100% {
2591
2897
  transform-origin: right bottom;
2592
2898
  transform: rotate(0);
@@ -2606,7 +2912,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2606
2912
  -webkit-transform: rotate(90deg);
2607
2913
  opacity: 0;
2608
2914
  }
2609
-
2915
+
2610
2916
  100% {
2611
2917
  -webkit-transform-origin: right bottom;
2612
2918
  -webkit-transform: rotate(0);
@@ -2620,7 +2926,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2620
2926
  -moz-transform: rotate(90deg);
2621
2927
  opacity: 0;
2622
2928
  }
2623
-
2929
+
2624
2930
  100% {
2625
2931
  -moz-transform-origin: right bottom;
2626
2932
  -moz-transform: rotate(0);
@@ -2634,7 +2940,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2634
2940
  -o-transform: rotate(90deg);
2635
2941
  opacity: 0;
2636
2942
  }
2637
-
2943
+
2638
2944
  100% {
2639
2945
  -o-transform-origin: right bottom;
2640
2946
  -o-transform: rotate(0);
@@ -2648,7 +2954,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2648
2954
  transform: rotate(90deg);
2649
2955
  opacity: 0;
2650
2956
  }
2651
-
2957
+
2652
2958
  100% {
2653
2959
  transform-origin: right bottom;
2654
2960
  transform: rotate(0);
@@ -2668,7 +2974,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2668
2974
  -webkit-transform: rotate(0);
2669
2975
  opacity: 1;
2670
2976
  }
2671
-
2977
+
2672
2978
  100% {
2673
2979
  -webkit-transform-origin: center center;
2674
2980
  -webkit-transform: rotate(200deg);
@@ -2682,7 +2988,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2682
2988
  -moz-transform: rotate(0);
2683
2989
  opacity: 1;
2684
2990
  }
2685
-
2991
+
2686
2992
  100% {
2687
2993
  -moz-transform-origin: center center;
2688
2994
  -moz-transform: rotate(200deg);
@@ -2696,7 +3002,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2696
3002
  -o-transform: rotate(0);
2697
3003
  opacity: 1;
2698
3004
  }
2699
-
3005
+
2700
3006
  100% {
2701
3007
  -o-transform-origin: center center;
2702
3008
  -o-transform: rotate(200deg);
@@ -2710,7 +3016,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2710
3016
  transform: rotate(0);
2711
3017
  opacity: 1;
2712
3018
  }
2713
-
3019
+
2714
3020
  100% {
2715
3021
  transform-origin: center center;
2716
3022
  transform: rotate(200deg);
@@ -2730,7 +3036,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2730
3036
  -webkit-transform: rotate(0);
2731
3037
  opacity: 1;
2732
3038
  }
2733
-
3039
+
2734
3040
  100% {
2735
3041
  -webkit-transform-origin: left bottom;
2736
3042
  -webkit-transform: rotate(-90deg);
@@ -2744,7 +3050,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2744
3050
  -moz-transform: rotate(0);
2745
3051
  opacity: 1;
2746
3052
  }
2747
-
3053
+
2748
3054
  100% {
2749
3055
  -moz-transform-origin: left bottom;
2750
3056
  -moz-transform: rotate(-90deg);
@@ -2758,7 +3064,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2758
3064
  -o-transform: rotate(0);
2759
3065
  opacity: 1;
2760
3066
  }
2761
-
3067
+
2762
3068
  100% {
2763
3069
  -o-transform-origin: left bottom;
2764
3070
  -o-transform: rotate(-90deg);
@@ -2772,7 +3078,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2772
3078
  transform: rotate(0);
2773
3079
  opacity: 1;
2774
3080
  }
2775
-
3081
+
2776
3082
  100% {
2777
3083
  transform-origin: left bottom;
2778
3084
  transform: rotate(-90deg);
@@ -2792,7 +3098,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2792
3098
  -webkit-transform: rotate(0);
2793
3099
  opacity: 1;
2794
3100
  }
2795
-
3101
+
2796
3102
  100% {
2797
3103
  -webkit-transform-origin: left bottom;
2798
3104
  -webkit-transform: rotate(90deg);
@@ -2806,7 +3112,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2806
3112
  -moz-transform: rotate(0);
2807
3113
  opacity: 1;
2808
3114
  }
2809
-
3115
+
2810
3116
  100% {
2811
3117
  -moz-transform-origin: left bottom;
2812
3118
  -moz-transform: rotate(90deg);
@@ -2820,7 +3126,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2820
3126
  -o-transform: rotate(0);
2821
3127
  opacity: 1;
2822
3128
  }
2823
-
3129
+
2824
3130
  100% {
2825
3131
  -o-transform-origin: left bottom;
2826
3132
  -o-transform: rotate(90deg);
@@ -2834,7 +3140,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2834
3140
  transform: rotate(0);
2835
3141
  opacity: 1;
2836
3142
  }
2837
-
3143
+
2838
3144
  100% {
2839
3145
  transform-origin: left bottom;
2840
3146
  transform: rotate(90deg);
@@ -2854,7 +3160,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2854
3160
  -webkit-transform: rotate(0);
2855
3161
  opacity: 1;
2856
3162
  }
2857
-
3163
+
2858
3164
  100% {
2859
3165
  -webkit-transform-origin: right bottom;
2860
3166
  -webkit-transform: rotate(90deg);
@@ -2868,7 +3174,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2868
3174
  -moz-transform: rotate(0);
2869
3175
  opacity: 1;
2870
3176
  }
2871
-
3177
+
2872
3178
  100% {
2873
3179
  -moz-transform-origin: right bottom;
2874
3180
  -moz-transform: rotate(90deg);
@@ -2882,7 +3188,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2882
3188
  -o-transform: rotate(0);
2883
3189
  opacity: 1;
2884
3190
  }
2885
-
3191
+
2886
3192
  100% {
2887
3193
  -o-transform-origin: right bottom;
2888
3194
  -o-transform: rotate(90deg);
@@ -2896,7 +3202,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2896
3202
  transform: rotate(0);
2897
3203
  opacity: 1;
2898
3204
  }
2899
-
3205
+
2900
3206
  100% {
2901
3207
  transform-origin: right bottom;
2902
3208
  transform: rotate(90deg);
@@ -2916,7 +3222,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2916
3222
  -webkit-transform: rotate(0);
2917
3223
  opacity: 1;
2918
3224
  }
2919
-
3225
+
2920
3226
  100% {
2921
3227
  -webkit-transform-origin: right bottom;
2922
3228
  -webkit-transform: rotate(-90deg);
@@ -2930,7 +3236,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2930
3236
  -moz-transform: rotate(0);
2931
3237
  opacity: 1;
2932
3238
  }
2933
-
3239
+
2934
3240
  100% {
2935
3241
  -moz-transform-origin: right bottom;
2936
3242
  -moz-transform: rotate(-90deg);
@@ -2944,7 +3250,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2944
3250
  -o-transform: rotate(0);
2945
3251
  opacity: 1;
2946
3252
  }
2947
-
3253
+
2948
3254
  100% {
2949
3255
  -o-transform-origin: right bottom;
2950
3256
  -o-transform: rotate(-90deg);
@@ -2958,7 +3264,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2958
3264
  transform: rotate(0);
2959
3265
  opacity: 1;
2960
3266
  }
2961
-
3267
+
2962
3268
  100% {
2963
3269
  transform-origin: right bottom;
2964
3270
  transform: rotate(-90deg);
@@ -2973,34 +3279,34 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
2973
3279
  animation-name: rotateOutDownRight;
2974
3280
  }
2975
3281
  @-webkit-keyframes hinge {
2976
- 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2977
- 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2978
- 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2979
- 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3282
+ 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3283
+ 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3284
+ 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3285
+ 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2980
3286
  100% { -webkit-transform: translateY(700px); opacity: 0; }
2981
3287
  }
2982
3288
 
2983
3289
  @-moz-keyframes hinge {
2984
- 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2985
- 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2986
- 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2987
- 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3290
+ 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3291
+ 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3292
+ 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3293
+ 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2988
3294
  100% { -moz-transform: translateY(700px); opacity: 0; }
2989
3295
  }
2990
3296
 
2991
3297
  @-o-keyframes hinge {
2992
- 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2993
- 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2994
- 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2995
- 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3298
+ 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3299
+ 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3300
+ 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3301
+ 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2996
3302
  100% { -o-transform: translateY(700px); opacity: 0; }
2997
3303
  }
2998
3304
 
2999
3305
  @keyframes hinge {
3000
- 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
3001
- 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3002
- 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3003
- 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
3306
+ 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
3307
+ 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3308
+ 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3309
+ 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
3004
3310
  100% { transform: translateY(700px); opacity: 0; }
3005
3311
  }
3006
3312
 
@@ -3183,81 +3489,4 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
3183
3489
  -moz-animation-duration: 0.25s;
3184
3490
  -o-animation-duration: 0.25s;
3185
3491
  animation-duration: 0.25s;
3186
- }
3187
-
3188
- /* originally authored by Angelo Rohit - https://github.com/angelorohit */
3189
-
3190
- @-webkit-keyframes wiggle {
3191
- 0% { -webkit-transform: skewX(9deg); }
3192
- 10% { -webkit-transform: skewX(-8deg); }
3193
- 20% { -webkit-transform: skewX(7deg); }
3194
- 30% { -webkit-transform: skewX(-6deg); }
3195
- 40% { -webkit-transform: skewX(5deg); }
3196
- 50% { -webkit-transform: skewX(-4deg); }
3197
- 60% { -webkit-transform: skewX(3deg); }
3198
- 70% { -webkit-transform: skewX(-2deg); }
3199
- 80% { -webkit-transform: skewX(1deg); }
3200
- 90% { -webkit-transform: skewX(0deg); }
3201
- 100% { -webkit-transform: skewX(0deg); }
3202
- }
3203
-
3204
- @-moz-keyframes wiggle {
3205
- 0% { -moz-transform: skewX(9deg); }
3206
- 10% { -moz-transform: skewX(-8deg); }
3207
- 20% { -moz-transform: skewX(7deg); }
3208
- 30% { -moz-transform: skewX(-6deg); }
3209
- 40% { -moz-transform: skewX(5deg); }
3210
- 50% { -moz-transform: skewX(-4deg); }
3211
- 60% { -moz-transform: skewX(3deg); }
3212
- 70% { -moz-transform: skewX(-2deg); }
3213
- 80% { -moz-transform: skewX(1deg); }
3214
- 90% { -moz-transform: skewX(0deg); }
3215
- 100% { -moz-transform: skewX(0deg); }
3216
- }
3217
-
3218
- @-o-keyframes wiggle {
3219
- 0% { -o-transform: skewX(9deg); }
3220
- 10% { -o-transform: skewX(-8deg); }
3221
- 20% { -o-transform: skewX(7deg); }
3222
- 30% { -o-transform: skewX(-6deg); }
3223
- 40% { -o-transform: skewX(5deg); }
3224
- 50% { -o-transform: skewX(-4deg); }
3225
- 60% { -o-transform: skewX(3deg); }
3226
- 70% { -o-transform: skewX(-2deg); }
3227
- 80% { -o-transform: skewX(1deg); }
3228
- 90% { -o-transform: skewX(0deg); }
3229
- 100% { -o-transform: skewX(0deg); }
3230
- }
3231
-
3232
- @keyframes wiggle {
3233
- 0% { transform: skewX(9deg); }
3234
- 10% { transform: skewX(-8deg); }
3235
- 20% { transform: skewX(7deg); }
3236
- 30% { transform: skewX(-6deg); }
3237
- 40% { transform: skewX(5deg); }
3238
- 50% { transform: skewX(-4deg); }
3239
- 60% { transform: skewX(3deg); }
3240
- 70% { transform: skewX(-2deg); }
3241
- 80% { transform: skewX(1deg); }
3242
- 90% { transform: skewX(0deg); }
3243
- 100% { transform: skewX(0deg); }
3244
- }
3245
-
3246
- .animated.wiggle {
3247
- -webkit-animation-name: wiggle;
3248
- -moz-animation-name: wiggle;
3249
- -o-animation-name: wiggle;
3250
- animation-name: wiggle;
3251
-
3252
- -webkit-animation-timing-function: ease-in;
3253
- -moz-animation-timing-function: ease-in;
3254
- -o-animation-timing-function: ease-in;
3255
- animation-timing-function: ease-in;
3256
- }
3257
-
3258
- .animated.wiggle {
3259
- -webkit-animation-duration: 0.75s;
3260
- -moz-animation-duration: 0.75s;
3261
- -o-animation-duration: 0.75s;
3262
- animation-duration: 0.75s;
3263
3492
  }