rgraph-rails 1.0.5 → 1.0.6

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