animatecss 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
  }