2 * Copyright 2016-2017, CMCC Technologies Co., Ltd.
\r
4 * Licensed under the Apache License, Version 2.0 (the "License");
\r
5 * you may not use this file except in compliance with the License.
\r
6 * You may obtain a copy of the License at
\r
8 * http://www.apache.org/licenses/LICENSE-2.0
\r
10 * Unless required by applicable law or agreed to in writing, software
\r
11 * distributed under the License is distributed on an "AS IS" BASIS,
\r
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
\r
13 * See the License for the specific language governing permissions and
\r
14 * limitations under the License.
\r
18 Animate.css - http://daneden.me/animate
\r
19 Licensed under the MIT license
\r
21 Copyright (c) 2013 Daniel Eden
\r
23 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:
\r
25 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
\r
27 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.
\r
29 body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
\r
30 -webkit-backface-visibility: hidden;
\r
33 -webkit-animation-duration: 1s;
\r
34 -moz-animation-duration: 1s;
\r
35 -o-animation-duration: 1s;
\r
36 animation-duration: 1s;
\r
37 -webkit-animation-fill-mode: both;
\r
38 -moz-animation-fill-mode: both;
\r
39 -o-animation-fill-mode: both;
\r
40 animation-fill-mode: both;
\r
44 -webkit-animation-duration: 2s;
\r
45 -moz-animation-duration: 2s;
\r
46 -o-animation-duration: 2s;
\r
47 animation-duration: 2s;
\r
50 @-webkit-keyframes flash {
\r
51 0%, 50%, 100% {opacity: 1;}
\r
52 25%, 75% {opacity: 0;}
\r
55 @-moz-keyframes flash {
\r
56 0%, 50%, 100% {opacity: 1;}
\r
57 25%, 75% {opacity: 0;}
\r
60 @-o-keyframes flash {
\r
61 0%, 50%, 100% {opacity: 1;}
\r
62 25%, 75% {opacity: 0;}
\r
66 0%, 50%, 100% {opacity: 1;}
\r
67 25%, 75% {opacity: 0;}
\r
71 -webkit-animation-name: flash;
\r
72 -moz-animation-name: flash;
\r
73 -o-animation-name: flash;
\r
74 animation-name: flash;
\r
76 @-webkit-keyframes shake {
\r
77 0%, 100% {-webkit-transform: translateX(0);}
\r
78 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
\r
79 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
\r
82 @-moz-keyframes shake {
\r
83 0%, 100% {-moz-transform: translateX(0);}
\r
84 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
\r
85 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
\r
88 @-o-keyframes shake {
\r
89 0%, 100% {-o-transform: translateX(0);}
\r
90 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
\r
91 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
\r
95 0%, 100% {transform: translateX(0);}
\r
96 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
\r
97 20%, 40%, 60%, 80% {transform: translateX(10px);}
\r
101 -webkit-animation-name: shake;
\r
102 -moz-animation-name: shake;
\r
103 -o-animation-name: shake;
\r
104 animation-name: shake;
\r
106 @-webkit-keyframes bounce {
\r
107 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
\r
108 40% {-webkit-transform: translateY(-30px);}
\r
109 60% {-webkit-transform: translateY(-15px);}
\r
112 @-moz-keyframes bounce {
\r
113 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
\r
114 40% {-moz-transform: translateY(-30px);}
\r
115 60% {-moz-transform: translateY(-15px);}
\r
118 @-o-keyframes bounce {
\r
119 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
\r
120 40% {-o-transform: translateY(-30px);}
\r
121 60% {-o-transform: translateY(-15px);}
\r
123 @keyframes bounce {
\r
124 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
\r
125 40% {transform: translateY(-30px);}
\r
126 60% {transform: translateY(-15px);}
\r
130 -webkit-animation-name: bounce;
\r
131 -moz-animation-name: bounce;
\r
132 -o-animation-name: bounce;
\r
133 animation-name: bounce;
\r
135 @-webkit-keyframes tada {
\r
136 0% {-webkit-transform: scale(1);}
\r
137 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
\r
138 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
\r
139 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
\r
140 100% {-webkit-transform: scale(1) rotate(0);}
\r
143 @-moz-keyframes tada {
\r
144 0% {-moz-transform: scale(1);}
\r
145 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
\r
146 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
\r
147 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
\r
148 100% {-moz-transform: scale(1) rotate(0);}
\r
151 @-o-keyframes tada {
\r
152 0% {-o-transform: scale(1);}
\r
153 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
\r
154 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
\r
155 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
\r
156 100% {-o-transform: scale(1) rotate(0);}
\r
160 0% {transform: scale(1);}
\r
161 10%, 20% {transform: scale(0.9) rotate(-3deg);}
\r
162 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
\r
163 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
\r
164 100% {transform: scale(1) rotate(0);}
\r
168 -webkit-animation-name: tada;
\r
169 -moz-animation-name: tada;
\r
170 -o-animation-name: tada;
\r
171 animation-name: tada;
\r
173 @-webkit-keyframes swing {
\r
174 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
\r
175 20% { -webkit-transform: rotate(15deg); }
\r
176 40% { -webkit-transform: rotate(-10deg); }
\r
177 60% { -webkit-transform: rotate(5deg); }
\r
178 80% { -webkit-transform: rotate(-5deg); }
\r
179 100% { -webkit-transform: rotate(0deg); }
\r
182 @-moz-keyframes swing {
\r
183 20% { -moz-transform: rotate(15deg); }
\r
184 40% { -moz-transform: rotate(-10deg); }
\r
185 60% { -moz-transform: rotate(5deg); }
\r
186 80% { -moz-transform: rotate(-5deg); }
\r
187 100% { -moz-transform: rotate(0deg); }
\r
190 @-o-keyframes swing {
\r
191 20% { -o-transform: rotate(15deg); }
\r
192 40% { -o-transform: rotate(-10deg); }
\r
193 60% { -o-transform: rotate(5deg); }
\r
194 80% { -o-transform: rotate(-5deg); }
\r
195 100% { -o-transform: rotate(0deg); }
\r
199 20% { transform: rotate(15deg); }
\r
200 40% { transform: rotate(-10deg); }
\r
201 60% { transform: rotate(5deg); }
\r
202 80% { transform: rotate(-5deg); }
\r
203 100% { transform: rotate(0deg); }
\r
207 -webkit-transform-origin: top center;
\r
208 -moz-transform-origin: top center;
\r
209 -o-transform-origin: top center;
\r
210 transform-origin: top center;
\r
211 -webkit-animation-name: swing;
\r
212 -moz-animation-name: swing;
\r
213 -o-animation-name: swing;
\r
214 animation-name: swing;
\r
216 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
\r
218 @-webkit-keyframes wobble {
\r
219 0% { -webkit-transform: translateX(0%); }
\r
220 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
\r
221 30% { -webkit-transform: translateX(20%) rotate(3deg); }
\r
222 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
\r
223 60% { -webkit-transform: translateX(10%) rotate(2deg); }
\r
224 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
\r
225 100% { -webkit-transform: translateX(0%); }
\r
228 @-moz-keyframes wobble {
\r
229 0% { -moz-transform: translateX(0%); }
\r
230 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
\r
231 30% { -moz-transform: translateX(20%) rotate(3deg); }
\r
232 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
\r
233 60% { -moz-transform: translateX(10%) rotate(2deg); }
\r
234 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
\r
235 100% { -moz-transform: translateX(0%); }
\r
238 @-o-keyframes wobble {
\r
239 0% { -o-transform: translateX(0%); }
\r
240 15% { -o-transform: translateX(-25%) rotate(-5deg); }
\r
241 30% { -o-transform: translateX(20%) rotate(3deg); }
\r
242 45% { -o-transform: translateX(-15%) rotate(-3deg); }
\r
243 60% { -o-transform: translateX(10%) rotate(2deg); }
\r
244 75% { -o-transform: translateX(-5%) rotate(-1deg); }
\r
245 100% { -o-transform: translateX(0%); }
\r
248 @keyframes wobble {
\r
249 0% { transform: translateX(0%); }
\r
250 15% { transform: translateX(-25%) rotate(-5deg); }
\r
251 30% { transform: translateX(20%) rotate(3deg); }
\r
252 45% { transform: translateX(-15%) rotate(-3deg); }
\r
253 60% { transform: translateX(10%) rotate(2deg); }
\r
254 75% { transform: translateX(-5%) rotate(-1deg); }
\r
255 100% { transform: translateX(0%); }
\r
259 -webkit-animation-name: wobble;
\r
260 -moz-animation-name: wobble;
\r
261 -o-animation-name: wobble;
\r
262 animation-name: wobble;
\r
264 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
\r
266 @-webkit-keyframes pulse {
\r
267 0% { -webkit-transform: scale(1); }
\r
268 50% { -webkit-transform: scale(1.1); }
\r
269 100% { -webkit-transform: scale(1); }
\r
271 @-moz-keyframes pulse {
\r
272 0% { -moz-transform: scale(1); }
\r
273 50% { -moz-transform: scale(1.1); }
\r
274 100% { -moz-transform: scale(1); }
\r
276 @-o-keyframes pulse {
\r
277 0% { -o-transform: scale(1); }
\r
278 50% { -o-transform: scale(1.1); }
\r
279 100% { -o-transform: scale(1); }
\r
282 0% { transform: scale(1); }
\r
283 50% { transform: scale(1.1); }
\r
284 100% { transform: scale(1); }
\r
288 -webkit-animation-name: pulse;
\r
289 -moz-animation-name: pulse;
\r
290 -o-animation-name: pulse;
\r
291 animation-name: pulse;
\r
293 @-webkit-keyframes flip {
\r
295 -webkit-transform: perspective(400px) rotateY(0);
\r
296 -webkit-animation-timing-function: ease-out;
\r
299 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
\r
300 -webkit-animation-timing-function: ease-out;
\r
303 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
\r
304 -webkit-animation-timing-function: ease-in;
\r
307 -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
\r
308 -webkit-animation-timing-function: ease-in;
\r
311 -webkit-transform: perspective(400px) scale(1);
\r
312 -webkit-animation-timing-function: ease-in;
\r
315 @-moz-keyframes flip {
\r
317 -moz-transform: perspective(400px) rotateY(0);
\r
318 -moz-animation-timing-function: ease-out;
\r
321 -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
\r
322 -moz-animation-timing-function: ease-out;
\r
325 -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
\r
326 -moz-animation-timing-function: ease-in;
\r
329 -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
\r
330 -moz-animation-timing-function: ease-in;
\r
333 -moz-transform: perspective(400px) scale(1);
\r
334 -moz-animation-timing-function: ease-in;
\r
337 @-o-keyframes flip {
\r
339 -o-transform: perspective(400px) rotateY(0);
\r
340 -o-animation-timing-function: ease-out;
\r
343 -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
\r
344 -o-animation-timing-function: ease-out;
\r
347 -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
\r
348 -o-animation-timing-function: ease-in;
\r
351 -o-transform: perspective(400px) rotateY(360deg) scale(.95);
\r
352 -o-animation-timing-function: ease-in;
\r
355 -o-transform: perspective(400px) scale(1);
\r
356 -o-animation-timing-function: ease-in;
\r
361 transform: perspective(400px) rotateY(0);
\r
362 animation-timing-function: ease-out;
\r
365 transform: perspective(400px) translateZ(150px) rotateY(170deg);
\r
366 animation-timing-function: ease-out;
\r
369 transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
\r
370 animation-timing-function: ease-in;
\r
373 transform: perspective(400px) rotateY(360deg) scale(.95);
\r
374 animation-timing-function: ease-in;
\r
377 transform: perspective(400px) scale(1);
\r
378 animation-timing-function: ease-in;
\r
383 -webkit-backface-visibility: visible !important;
\r
384 -webkit-animation-name: flip;
\r
385 -moz-backface-visibility: visible !important;
\r
386 -moz-animation-name: flip;
\r
387 -o-backface-visibility: visible !important;
\r
388 -o-animation-name: flip;
\r
389 backface-visibility: visible !important;
\r
390 animation-name: flip;
\r
392 @-webkit-keyframes flipInX {
\r
394 -webkit-transform: perspective(400px) rotateX(90deg);
\r
399 -webkit-transform: perspective(400px) rotateX(-10deg);
\r
403 -webkit-transform: perspective(400px) rotateX(10deg);
\r
407 -webkit-transform: perspective(400px) rotateX(0deg);
\r
411 @-moz-keyframes flipInX {
\r
413 -moz-transform: perspective(400px) rotateX(90deg);
\r
418 -moz-transform: perspective(400px) rotateX(-10deg);
\r
422 -moz-transform: perspective(400px) rotateX(10deg);
\r
426 -moz-transform: perspective(400px) rotateX(0deg);
\r
430 @-o-keyframes flipInX {
\r
432 -o-transform: perspective(400px) rotateX(90deg);
\r
437 -o-transform: perspective(400px) rotateX(-10deg);
\r
441 -o-transform: perspective(400px) rotateX(10deg);
\r
445 -o-transform: perspective(400px) rotateX(0deg);
\r
449 @keyframes flipInX {
\r
451 transform: perspective(400px) rotateX(90deg);
\r
456 transform: perspective(400px) rotateX(-10deg);
\r
460 transform: perspective(400px) rotateX(10deg);
\r
464 transform: perspective(400px) rotateX(0deg);
\r
470 -webkit-backface-visibility: visible !important;
\r
471 -webkit-animation-name: flipInX;
\r
472 -moz-backface-visibility: visible !important;
\r
473 -moz-animation-name: flipInX;
\r
474 -o-backface-visibility: visible !important;
\r
475 -o-animation-name: flipInX;
\r
476 backface-visibility: visible !important;
\r
477 animation-name: flipInX;
\r
479 @-webkit-keyframes flipOutX {
\r
481 -webkit-transform: perspective(400px) rotateX(0deg);
\r
485 -webkit-transform: perspective(400px) rotateX(90deg);
\r
490 @-moz-keyframes flipOutX {
\r
492 -moz-transform: perspective(400px) rotateX(0deg);
\r
496 -moz-transform: perspective(400px) rotateX(90deg);
\r
501 @-o-keyframes flipOutX {
\r
503 -o-transform: perspective(400px) rotateX(0deg);
\r
507 -o-transform: perspective(400px) rotateX(90deg);
\r
512 @keyframes flipOutX {
\r
514 transform: perspective(400px) rotateX(0deg);
\r
518 transform: perspective(400px) rotateX(90deg);
\r
524 -webkit-animation-name: flipOutX;
\r
525 -webkit-backface-visibility: visible !important;
\r
526 -moz-animation-name: flipOutX;
\r
527 -moz-backface-visibility: visible !important;
\r
528 -o-animation-name: flipOutX;
\r
529 -o-backface-visibility: visible !important;
\r
530 animation-name: flipOutX;
\r
531 backface-visibility: visible !important;
\r
533 @-webkit-keyframes flipInY {
\r
535 -webkit-transform: perspective(400px) rotateY(90deg);
\r
540 -webkit-transform: perspective(400px) rotateY(-10deg);
\r
544 -webkit-transform: perspective(400px) rotateY(10deg);
\r
548 -webkit-transform: perspective(400px) rotateY(0deg);
\r
552 @-moz-keyframes flipInY {
\r
554 -moz-transform: perspective(400px) rotateY(90deg);
\r
559 -moz-transform: perspective(400px) rotateY(-10deg);
\r
563 -moz-transform: perspective(400px) rotateY(10deg);
\r
567 -moz-transform: perspective(400px) rotateY(0deg);
\r
571 @-o-keyframes flipInY {
\r
573 -o-transform: perspective(400px) rotateY(90deg);
\r
578 -o-transform: perspective(400px) rotateY(-10deg);
\r
582 -o-transform: perspective(400px) rotateY(10deg);
\r
586 -o-transform: perspective(400px) rotateY(0deg);
\r
590 @keyframes flipInY {
\r
592 transform: perspective(400px) rotateY(90deg);
\r
597 transform: perspective(400px) rotateY(-10deg);
\r
601 transform: perspective(400px) rotateY(10deg);
\r
605 transform: perspective(400px) rotateY(0deg);
\r
611 -webkit-backface-visibility: visible !important;
\r
612 -webkit-animation-name: flipInY;
\r
613 -moz-backface-visibility: visible !important;
\r
614 -moz-animation-name: flipInY;
\r
615 -o-backface-visibility: visible !important;
\r
616 -o-animation-name: flipInY;
\r
617 backface-visibility: visible !important;
\r
618 animation-name: flipInY;
\r
620 @-webkit-keyframes flipOutY {
\r
622 -webkit-transform: perspective(400px) rotateY(0deg);
\r
626 -webkit-transform: perspective(400px) rotateY(90deg);
\r
630 @-moz-keyframes flipOutY {
\r
632 -moz-transform: perspective(400px) rotateY(0deg);
\r
636 -moz-transform: perspective(400px) rotateY(90deg);
\r
640 @-o-keyframes flipOutY {
\r
642 -o-transform: perspective(400px) rotateY(0deg);
\r
646 -o-transform: perspective(400px) rotateY(90deg);
\r
650 @keyframes flipOutY {
\r
652 transform: perspective(400px) rotateY(0deg);
\r
656 transform: perspective(400px) rotateY(90deg);
\r
662 -webkit-backface-visibility: visible !important;
\r
663 -webkit-animation-name: flipOutY;
\r
664 -moz-backface-visibility: visible !important;
\r
665 -moz-animation-name: flipOutY;
\r
666 -o-backface-visibility: visible !important;
\r
667 -o-animation-name: flipOutY;
\r
668 backface-visibility: visible !important;
\r
669 animation-name: flipOutY;
\r
671 @-webkit-keyframes fadeIn {
\r
676 @-moz-keyframes fadeIn {
\r
681 @-o-keyframes fadeIn {
\r
686 @keyframes fadeIn {
\r
692 -webkit-animation-name: fadeIn;
\r
693 -moz-animation-name: fadeIn;
\r
694 -o-animation-name: fadeIn;
\r
695 animation-name: fadeIn;
\r
697 @-webkit-keyframes fadeInUp {
\r
700 -webkit-transform: translateY(20px);
\r
705 -webkit-transform: translateY(0);
\r
709 @-moz-keyframes fadeInUp {
\r
712 -moz-transform: translateY(20px);
\r
717 -moz-transform: translateY(0);
\r
721 @-o-keyframes fadeInUp {
\r
724 -o-transform: translateY(20px);
\r
729 -o-transform: translateY(0);
\r
733 @keyframes fadeInUp {
\r
736 transform: translateY(20px);
\r
741 transform: translateY(0);
\r
746 -webkit-animation-name: fadeInUp;
\r
747 -moz-animation-name: fadeInUp;
\r
748 -o-animation-name: fadeInUp;
\r
749 animation-name: fadeInUp;
\r
751 @-webkit-keyframes fadeInDown {
\r
754 -webkit-transform: translateY(-20px);
\r
759 -webkit-transform: translateY(0);
\r
763 @-moz-keyframes fadeInDown {
\r
766 -moz-transform: translateY(-20px);
\r
771 -moz-transform: translateY(0);
\r
775 @-o-keyframes fadeInDown {
\r
778 -o-transform: translateY(-20px);
\r
783 -o-transform: translateY(0);
\r
787 @keyframes fadeInDown {
\r
790 transform: translateY(-20px);
\r
795 transform: translateY(0);
\r
800 -webkit-animation-name: fadeInDown;
\r
801 -moz-animation-name: fadeInDown;
\r
802 -o-animation-name: fadeInDown;
\r
803 animation-name: fadeInDown;
\r
805 @-webkit-keyframes fadeInLeft {
\r
808 -webkit-transform: translateX(-20px);
\r
813 -webkit-transform: translateX(0);
\r
817 @-moz-keyframes fadeInLeft {
\r
820 -moz-transform: translateX(-20px);
\r
825 -moz-transform: translateX(0);
\r
829 @-o-keyframes fadeInLeft {
\r
832 -o-transform: translateX(-20px);
\r
837 -o-transform: translateX(0);
\r
841 @keyframes fadeInLeft {
\r
844 transform: translateX(-20px);
\r
849 transform: translateX(0);
\r
854 -webkit-animation-name: fadeInLeft;
\r
855 -moz-animation-name: fadeInLeft;
\r
856 -o-animation-name: fadeInLeft;
\r
857 animation-name: fadeInLeft;
\r
859 @-webkit-keyframes fadeInRight {
\r
862 -webkit-transform: translateX(20px);
\r
867 -webkit-transform: translateX(0);
\r
871 @-moz-keyframes fadeInRight {
\r
874 -moz-transform: translateX(20px);
\r
879 -moz-transform: translateX(0);
\r
883 @-o-keyframes fadeInRight {
\r
886 -o-transform: translateX(20px);
\r
891 -o-transform: translateX(0);
\r
895 @keyframes fadeInRight {
\r
898 transform: translateX(20px);
\r
903 transform: translateX(0);
\r
908 -webkit-animation-name: fadeInRight;
\r
909 -moz-animation-name: fadeInRight;
\r
910 -o-animation-name: fadeInRight;
\r
911 animation-name: fadeInRight;
\r
913 @-webkit-keyframes fadeInUpBig {
\r
916 -webkit-transform: translateY(2000px);
\r
921 -webkit-transform: translateY(0);
\r
925 @-moz-keyframes fadeInUpBig {
\r
928 -moz-transform: translateY(2000px);
\r
933 -moz-transform: translateY(0);
\r
937 @-o-keyframes fadeInUpBig {
\r
940 -o-transform: translateY(2000px);
\r
945 -o-transform: translateY(0);
\r
949 @keyframes fadeInUpBig {
\r
952 transform: translateY(2000px);
\r
957 transform: translateY(0);
\r
962 -webkit-animation-name: fadeInUpBig;
\r
963 -moz-animation-name: fadeInUpBig;
\r
964 -o-animation-name: fadeInUpBig;
\r
965 animation-name: fadeInUpBig;
\r
967 @-webkit-keyframes fadeInDownBig {
\r
970 -webkit-transform: translateY(-2000px);
\r
975 -webkit-transform: translateY(0);
\r
979 @-moz-keyframes fadeInDownBig {
\r
982 -moz-transform: translateY(-2000px);
\r
987 -moz-transform: translateY(0);
\r
991 @-o-keyframes fadeInDownBig {
\r
994 -o-transform: translateY(-2000px);
\r
999 -o-transform: translateY(0);
\r
1003 @keyframes fadeInDownBig {
\r
1006 transform: translateY(-2000px);
\r
1011 transform: translateY(0);
\r
1016 -webkit-animation-name: fadeInDownBig;
\r
1017 -moz-animation-name: fadeInDownBig;
\r
1018 -o-animation-name: fadeInDownBig;
\r
1019 animation-name: fadeInDownBig;
\r
1021 @-webkit-keyframes fadeInLeftBig {
\r
1024 -webkit-transform: translateX(-2000px);
\r
1029 -webkit-transform: translateX(0);
\r
1032 @-moz-keyframes fadeInLeftBig {
\r
1035 -moz-transform: translateX(-2000px);
\r
1040 -moz-transform: translateX(0);
\r
1043 @-o-keyframes fadeInLeftBig {
\r
1046 -o-transform: translateX(-2000px);
\r
1051 -o-transform: translateX(0);
\r
1054 @keyframes fadeInLeftBig {
\r
1057 transform: translateX(-2000px);
\r
1062 transform: translateX(0);
\r
1067 -webkit-animation-name: fadeInLeftBig;
\r
1068 -moz-animation-name: fadeInLeftBig;
\r
1069 -o-animation-name: fadeInLeftBig;
\r
1070 animation-name: fadeInLeftBig;
\r
1072 @-webkit-keyframes fadeInRightBig {
\r
1075 -webkit-transform: translateX(2000px);
\r
1080 -webkit-transform: translateX(0);
\r
1084 @-moz-keyframes fadeInRightBig {
\r
1087 -moz-transform: translateX(2000px);
\r
1092 -moz-transform: translateX(0);
\r
1096 @-o-keyframes fadeInRightBig {
\r
1099 -o-transform: translateX(2000px);
\r
1104 -o-transform: translateX(0);
\r
1108 @keyframes fadeInRightBig {
\r
1111 transform: translateX(2000px);
\r
1116 transform: translateX(0);
\r
1121 -webkit-animation-name: fadeInRightBig;
\r
1122 -moz-animation-name: fadeInRightBig;
\r
1123 -o-animation-name: fadeInRightBig;
\r
1124 animation-name: fadeInRightBig;
\r
1126 @-webkit-keyframes fadeOut {
\r
1128 100% {opacity: 0;}
\r
1131 @-moz-keyframes fadeOut {
\r
1133 100% {opacity: 0;}
\r
1136 @-o-keyframes fadeOut {
\r
1138 100% {opacity: 0;}
\r
1141 @keyframes fadeOut {
\r
1143 100% {opacity: 0;}
\r
1147 -webkit-animation-name: fadeOut;
\r
1148 -moz-animation-name: fadeOut;
\r
1149 -o-animation-name: fadeOut;
\r
1150 animation-name: fadeOut;
\r
1152 @-webkit-keyframes fadeOutUp {
\r
1155 -webkit-transform: translateY(0);
\r
1160 -webkit-transform: translateY(-20px);
\r
1163 @-moz-keyframes fadeOutUp {
\r
1166 -moz-transform: translateY(0);
\r
1171 -moz-transform: translateY(-20px);
\r
1174 @-o-keyframes fadeOutUp {
\r
1177 -o-transform: translateY(0);
\r
1182 -o-transform: translateY(-20px);
\r
1185 @keyframes fadeOutUp {
\r
1188 transform: translateY(0);
\r
1193 transform: translateY(-20px);
\r
1198 -webkit-animation-name: fadeOutUp;
\r
1199 -moz-animation-name: fadeOutUp;
\r
1200 -o-animation-name: fadeOutUp;
\r
1201 animation-name: fadeOutUp;
\r
1203 @-webkit-keyframes fadeOutDown {
\r
1206 -webkit-transform: translateY(0);
\r
1211 -webkit-transform: translateY(20px);
\r
1215 @-moz-keyframes fadeOutDown {
\r
1218 -moz-transform: translateY(0);
\r
1223 -moz-transform: translateY(20px);
\r
1227 @-o-keyframes fadeOutDown {
\r
1230 -o-transform: translateY(0);
\r
1235 -o-transform: translateY(20px);
\r
1239 @keyframes fadeOutDown {
\r
1242 transform: translateY(0);
\r
1247 transform: translateY(20px);
\r
1252 -webkit-animation-name: fadeOutDown;
\r
1253 -moz-animation-name: fadeOutDown;
\r
1254 -o-animation-name: fadeOutDown;
\r
1255 animation-name: fadeOutDown;
\r
1257 @-webkit-keyframes fadeOutLeft {
\r
1260 -webkit-transform: translateX(0);
\r
1265 -webkit-transform: translateX(-20px);
\r
1269 @-moz-keyframes fadeOutLeft {
\r
1272 -moz-transform: translateX(0);
\r
1277 -moz-transform: translateX(-20px);
\r
1281 @-o-keyframes fadeOutLeft {
\r
1284 -o-transform: translateX(0);
\r
1289 -o-transform: translateX(-20px);
\r
1293 @keyframes fadeOutLeft {
\r
1296 transform: translateX(0);
\r
1301 transform: translateX(-20px);
\r
1306 -webkit-animation-name: fadeOutLeft;
\r
1307 -moz-animation-name: fadeOutLeft;
\r
1308 -o-animation-name: fadeOutLeft;
\r
1309 animation-name: fadeOutLeft;
\r
1311 @-webkit-keyframes fadeOutRight {
\r
1314 -webkit-transform: translateX(0);
\r
1319 -webkit-transform: translateX(20px);
\r
1323 @-moz-keyframes fadeOutRight {
\r
1326 -moz-transform: translateX(0);
\r
1331 -moz-transform: translateX(20px);
\r
1335 @-o-keyframes fadeOutRight {
\r
1338 -o-transform: translateX(0);
\r
1343 -o-transform: translateX(20px);
\r
1347 @keyframes fadeOutRight {
\r
1350 transform: translateX(0);
\r
1355 transform: translateX(20px);
\r
1360 -webkit-animation-name: fadeOutRight;
\r
1361 -moz-animation-name: fadeOutRight;
\r
1362 -o-animation-name: fadeOutRight;
\r
1363 animation-name: fadeOutRight;
\r
1365 @-webkit-keyframes fadeOutUpBig {
\r
1368 -webkit-transform: translateY(0);
\r
1373 -webkit-transform: translateY(-2000px);
\r
1377 @-moz-keyframes fadeOutUpBig {
\r
1380 -moz-transform: translateY(0);
\r
1385 -moz-transform: translateY(-2000px);
\r
1389 @-o-keyframes fadeOutUpBig {
\r
1392 -o-transform: translateY(0);
\r
1397 -o-transform: translateY(-2000px);
\r
1401 @keyframes fadeOutUpBig {
\r
1404 transform: translateY(0);
\r
1409 transform: translateY(-2000px);
\r
1414 -webkit-animation-name: fadeOutUpBig;
\r
1415 -moz-animation-name: fadeOutUpBig;
\r
1416 -o-animation-name: fadeOutUpBig;
\r
1417 animation-name: fadeOutUpBig;
\r
1419 @-webkit-keyframes fadeOutDownBig {
\r
1422 -webkit-transform: translateY(0);
\r
1427 -webkit-transform: translateY(2000px);
\r
1431 @-moz-keyframes fadeOutDownBig {
\r
1434 -moz-transform: translateY(0);
\r
1439 -moz-transform: translateY(2000px);
\r
1443 @-o-keyframes fadeOutDownBig {
\r
1446 -o-transform: translateY(0);
\r
1451 -o-transform: translateY(2000px);
\r
1455 @keyframes fadeOutDownBig {
\r
1458 transform: translateY(0);
\r
1463 transform: translateY(2000px);
\r
1468 -webkit-animation-name: fadeOutDownBig;
\r
1469 -moz-animation-name: fadeOutDownBig;
\r
1470 -o-animation-name: fadeOutDownBig;
\r
1471 animation-name: fadeOutDownBig;
\r
1473 @-webkit-keyframes fadeOutLeftBig {
\r
1476 -webkit-transform: translateX(0);
\r
1481 -webkit-transform: translateX(-2000px);
\r
1485 @-moz-keyframes fadeOutLeftBig {
\r
1488 -moz-transform: translateX(0);
\r
1493 -moz-transform: translateX(-2000px);
\r
1497 @-o-keyframes fadeOutLeftBig {
\r
1500 -o-transform: translateX(0);
\r
1505 -o-transform: translateX(-2000px);
\r
1509 @keyframes fadeOutLeftBig {
\r
1512 transform: translateX(0);
\r
1517 transform: translateX(-2000px);
\r
1522 -webkit-animation-name: fadeOutLeftBig;
\r
1523 -moz-animation-name: fadeOutLeftBig;
\r
1524 -o-animation-name: fadeOutLeftBig;
\r
1525 animation-name: fadeOutLeftBig;
\r
1527 @-webkit-keyframes fadeOutRightBig {
\r
1530 -webkit-transform: translateX(0);
\r
1535 -webkit-transform: translateX(2000px);
\r
1538 @-moz-keyframes fadeOutRightBig {
\r
1541 -moz-transform: translateX(0);
\r
1546 -moz-transform: translateX(2000px);
\r
1549 @-o-keyframes fadeOutRightBig {
\r
1552 -o-transform: translateX(0);
\r
1557 -o-transform: translateX(2000px);
\r
1560 @keyframes fadeOutRightBig {
\r
1563 transform: translateX(0);
\r
1568 transform: translateX(2000px);
\r
1572 .fadeOutRightBig {
\r
1573 -webkit-animation-name: fadeOutRightBig;
\r
1574 -moz-animation-name: fadeOutRightBig;
\r
1575 -o-animation-name: fadeOutRightBig;
\r
1576 animation-name: fadeOutRightBig;
\r
1578 @-webkit-keyframes bounceIn {
\r
1581 -webkit-transform: scale(.3);
\r
1586 -webkit-transform: scale(1.05);
\r
1590 -webkit-transform: scale(.9);
\r
1594 -webkit-transform: scale(1);
\r
1598 @-moz-keyframes bounceIn {
\r
1601 -moz-transform: scale(.3);
\r
1606 -moz-transform: scale(1.05);
\r
1610 -moz-transform: scale(.9);
\r
1614 -moz-transform: scale(1);
\r
1618 @-o-keyframes bounceIn {
\r
1621 -o-transform: scale(.3);
\r
1626 -o-transform: scale(1.05);
\r
1630 -o-transform: scale(.9);
\r
1634 -o-transform: scale(1);
\r
1638 @keyframes bounceIn {
\r
1641 transform: scale(.3);
\r
1646 transform: scale(1.05);
\r
1650 transform: scale(.9);
\r
1654 transform: scale(1);
\r
1659 -webkit-animation-name: bounceIn;
\r
1660 -moz-animation-name: bounceIn;
\r
1661 -o-animation-name: bounceIn;
\r
1662 animation-name: bounceIn;
\r
1664 @-webkit-keyframes bounceInUp {
\r
1667 -webkit-transform: translateY(2000px);
\r
1672 -webkit-transform: translateY(-30px);
\r
1676 -webkit-transform: translateY(10px);
\r
1680 -webkit-transform: translateY(0);
\r
1683 @-moz-keyframes bounceInUp {
\r
1686 -moz-transform: translateY(2000px);
\r
1691 -moz-transform: translateY(-30px);
\r
1695 -moz-transform: translateY(10px);
\r
1699 -moz-transform: translateY(0);
\r
1703 @-o-keyframes bounceInUp {
\r
1706 -o-transform: translateY(2000px);
\r
1711 -o-transform: translateY(-30px);
\r
1715 -o-transform: translateY(10px);
\r
1719 -o-transform: translateY(0);
\r
1723 @keyframes bounceInUp {
\r
1726 transform: translateY(2000px);
\r
1731 transform: translateY(-30px);
\r
1735 transform: translateY(10px);
\r
1739 transform: translateY(0);
\r
1744 -webkit-animation-name: bounceInUp;
\r
1745 -moz-animation-name: bounceInUp;
\r
1746 -o-animation-name: bounceInUp;
\r
1747 animation-name: bounceInUp;
\r
1749 @-webkit-keyframes bounceInDown {
\r
1752 -webkit-transform: translateY(-2000px);
\r
1757 -webkit-transform: translateY(30px);
\r
1761 -webkit-transform: translateY(-10px);
\r
1765 -webkit-transform: translateY(0);
\r
1769 @-moz-keyframes bounceInDown {
\r
1772 -moz-transform: translateY(-2000px);
\r
1777 -moz-transform: translateY(30px);
\r
1781 -moz-transform: translateY(-10px);
\r
1785 -moz-transform: translateY(0);
\r
1789 @-o-keyframes bounceInDown {
\r
1792 -o-transform: translateY(-2000px);
\r
1797 -o-transform: translateY(30px);
\r
1801 -o-transform: translateY(-10px);
\r
1805 -o-transform: translateY(0);
\r
1809 @keyframes bounceInDown {
\r
1812 transform: translateY(-2000px);
\r
1817 transform: translateY(30px);
\r
1821 transform: translateY(-10px);
\r
1825 transform: translateY(0);
\r
1830 -webkit-animation-name: bounceInDown;
\r
1831 -moz-animation-name: bounceInDown;
\r
1832 -o-animation-name: bounceInDown;
\r
1833 animation-name: bounceInDown;
\r
1835 @-webkit-keyframes bounceInLeft {
\r
1838 -webkit-transform: translateX(-2000px);
\r
1843 -webkit-transform: translateX(30px);
\r
1847 -webkit-transform: translateX(-10px);
\r
1851 -webkit-transform: translateX(0);
\r
1855 @-moz-keyframes bounceInLeft {
\r
1858 -moz-transform: translateX(-2000px);
\r
1863 -moz-transform: translateX(30px);
\r
1867 -moz-transform: translateX(-10px);
\r
1871 -moz-transform: translateX(0);
\r
1875 @-o-keyframes bounceInLeft {
\r
1878 -o-transform: translateX(-2000px);
\r
1883 -o-transform: translateX(30px);
\r
1887 -o-transform: translateX(-10px);
\r
1891 -o-transform: translateX(0);
\r
1895 @keyframes bounceInLeft {
\r
1898 transform: translateX(-2000px);
\r
1903 transform: translateX(30px);
\r
1907 transform: translateX(-10px);
\r
1911 transform: translateX(0);
\r
1916 -webkit-animation-name: bounceInLeft;
\r
1917 -moz-animation-name: bounceInLeft;
\r
1918 -o-animation-name: bounceInLeft;
\r
1919 animation-name: bounceInLeft;
\r
1921 @-webkit-keyframes bounceInRight {
\r
1924 -webkit-transform: translateX(2000px);
\r
1929 -webkit-transform: translateX(-30px);
\r
1933 -webkit-transform: translateX(10px);
\r
1937 -webkit-transform: translateX(0);
\r
1941 @-moz-keyframes bounceInRight {
\r
1944 -moz-transform: translateX(2000px);
\r
1949 -moz-transform: translateX(-30px);
\r
1953 -moz-transform: translateX(10px);
\r
1957 -moz-transform: translateX(0);
\r
1961 @-o-keyframes bounceInRight {
\r
1964 -o-transform: translateX(2000px);
\r
1969 -o-transform: translateX(-30px);
\r
1973 -o-transform: translateX(10px);
\r
1977 -o-transform: translateX(0);
\r
1981 @keyframes bounceInRight {
\r
1984 transform: translateX(2000px);
\r
1989 transform: translateX(-30px);
\r
1993 transform: translateX(10px);
\r
1997 transform: translateX(0);
\r
2002 -webkit-animation-name: bounceInRight;
\r
2003 -moz-animation-name: bounceInRight;
\r
2004 -o-animation-name: bounceInRight;
\r
2005 animation-name: bounceInRight;
\r
2007 @-webkit-keyframes bounceOut {
\r
2009 -webkit-transform: scale(1);
\r
2013 -webkit-transform: scale(.95);
\r
2018 -webkit-transform: scale(1.1);
\r
2023 -webkit-transform: scale(.3);
\r
2027 @-moz-keyframes bounceOut {
\r
2029 -moz-transform: scale(1);
\r
2033 -moz-transform: scale(.95);
\r
2038 -moz-transform: scale(1.1);
\r
2043 -moz-transform: scale(.3);
\r
2047 @-o-keyframes bounceOut {
\r
2049 -o-transform: scale(1);
\r
2053 -o-transform: scale(.95);
\r
2058 -o-transform: scale(1.1);
\r
2063 -o-transform: scale(.3);
\r
2067 @keyframes bounceOut {
\r
2069 transform: scale(1);
\r
2073 transform: scale(.95);
\r
2078 transform: scale(1.1);
\r
2083 transform: scale(.3);
\r
2088 -webkit-animation-name: bounceOut;
\r
2089 -moz-animation-name: bounceOut;
\r
2090 -o-animation-name: bounceOut;
\r
2091 animation-name: bounceOut;
\r
2093 @-webkit-keyframes bounceOutUp {
\r
2095 -webkit-transform: translateY(0);
\r
2100 -webkit-transform: translateY(20px);
\r
2105 -webkit-transform: translateY(-2000px);
\r
2109 @-moz-keyframes bounceOutUp {
\r
2111 -moz-transform: translateY(0);
\r
2116 -moz-transform: translateY(20px);
\r
2121 -moz-transform: translateY(-2000px);
\r
2125 @-o-keyframes bounceOutUp {
\r
2127 -o-transform: translateY(0);
\r
2132 -o-transform: translateY(20px);
\r
2137 -o-transform: translateY(-2000px);
\r
2141 @keyframes bounceOutUp {
\r
2143 transform: translateY(0);
\r
2148 transform: translateY(20px);
\r
2153 transform: translateY(-2000px);
\r
2158 -webkit-animation-name: bounceOutUp;
\r
2159 -moz-animation-name: bounceOutUp;
\r
2160 -o-animation-name: bounceOutUp;
\r
2161 animation-name: bounceOutUp;
\r
2163 @-webkit-keyframes bounceOutDown {
\r
2165 -webkit-transform: translateY(0);
\r
2170 -webkit-transform: translateY(-20px);
\r
2175 -webkit-transform: translateY(2000px);
\r
2179 @-moz-keyframes bounceOutDown {
\r
2181 -moz-transform: translateY(0);
\r
2186 -moz-transform: translateY(-20px);
\r
2191 -moz-transform: translateY(2000px);
\r
2195 @-o-keyframes bounceOutDown {
\r
2197 -o-transform: translateY(0);
\r
2202 -o-transform: translateY(-20px);
\r
2207 -o-transform: translateY(2000px);
\r
2211 @keyframes bounceOutDown {
\r
2213 transform: translateY(0);
\r
2218 transform: translateY(-20px);
\r
2223 transform: translateY(2000px);
\r
2228 -webkit-animation-name: bounceOutDown;
\r
2229 -moz-animation-name: bounceOutDown;
\r
2230 -o-animation-name: bounceOutDown;
\r
2231 animation-name: bounceOutDown;
\r
2233 @-webkit-keyframes bounceOutLeft {
\r
2235 -webkit-transform: translateX(0);
\r
2240 -webkit-transform: translateX(20px);
\r
2245 -webkit-transform: translateX(-2000px);
\r
2249 @-moz-keyframes bounceOutLeft {
\r
2251 -moz-transform: translateX(0);
\r
2256 -moz-transform: translateX(20px);
\r
2261 -moz-transform: translateX(-2000px);
\r
2265 @-o-keyframes bounceOutLeft {
\r
2267 -o-transform: translateX(0);
\r
2272 -o-transform: translateX(20px);
\r
2277 -o-transform: translateX(-2000px);
\r
2281 @keyframes bounceOutLeft {
\r
2283 transform: translateX(0);
\r
2288 transform: translateX(20px);
\r
2293 transform: translateX(-2000px);
\r
2298 -webkit-animation-name: bounceOutLeft;
\r
2299 -moz-animation-name: bounceOutLeft;
\r
2300 -o-animation-name: bounceOutLeft;
\r
2301 animation-name: bounceOutLeft;
\r
2303 @-webkit-keyframes bounceOutRight {
\r
2305 -webkit-transform: translateX(0);
\r
2310 -webkit-transform: translateX(-20px);
\r
2315 -webkit-transform: translateX(2000px);
\r
2319 @-moz-keyframes bounceOutRight {
\r
2321 -moz-transform: translateX(0);
\r
2326 -moz-transform: translateX(-20px);
\r
2331 -moz-transform: translateX(2000px);
\r
2335 @-o-keyframes bounceOutRight {
\r
2337 -o-transform: translateX(0);
\r
2342 -o-transform: translateX(-20px);
\r
2347 -o-transform: translateX(2000px);
\r
2351 @keyframes bounceOutRight {
\r
2353 transform: translateX(0);
\r
2358 transform: translateX(-20px);
\r
2363 transform: translateX(2000px);
\r
2368 -webkit-animation-name: bounceOutRight;
\r
2369 -moz-animation-name: bounceOutRight;
\r
2370 -o-animation-name: bounceOutRight;
\r
2371 animation-name: bounceOutRight;
\r
2373 @-webkit-keyframes rotateIn {
\r
2375 -webkit-transform-origin: center center;
\r
2376 -webkit-transform: rotate(-200deg);
\r
2381 -webkit-transform-origin: center center;
\r
2382 -webkit-transform: rotate(0);
\r
2386 @-moz-keyframes rotateIn {
\r
2388 -moz-transform-origin: center center;
\r
2389 -moz-transform: rotate(-200deg);
\r
2394 -moz-transform-origin: center center;
\r
2395 -moz-transform: rotate(0);
\r
2399 @-o-keyframes rotateIn {
\r
2401 -o-transform-origin: center center;
\r
2402 -o-transform: rotate(-200deg);
\r
2407 -o-transform-origin: center center;
\r
2408 -o-transform: rotate(0);
\r
2412 @keyframes rotateIn {
\r
2414 transform-origin: center center;
\r
2415 transform: rotate(-200deg);
\r
2420 transform-origin: center center;
\r
2421 transform: rotate(0);
\r
2427 -webkit-animation-name: rotateIn;
\r
2428 -moz-animation-name: rotateIn;
\r
2429 -o-animation-name: rotateIn;
\r
2430 animation-name: rotateIn;
\r
2432 @-webkit-keyframes rotateInUpLeft {
\r
2434 -webkit-transform-origin: left bottom;
\r
2435 -webkit-transform: rotate(90deg);
\r
2440 -webkit-transform-origin: left bottom;
\r
2441 -webkit-transform: rotate(0);
\r
2446 @-moz-keyframes rotateInUpLeft {
\r
2448 -moz-transform-origin: left bottom;
\r
2449 -moz-transform: rotate(90deg);
\r
2454 -moz-transform-origin: left bottom;
\r
2455 -moz-transform: rotate(0);
\r
2460 @-o-keyframes rotateInUpLeft {
\r
2462 -o-transform-origin: left bottom;
\r
2463 -o-transform: rotate(90deg);
\r
2468 -o-transform-origin: left bottom;
\r
2469 -o-transform: rotate(0);
\r
2474 @keyframes rotateInUpLeft {
\r
2476 transform-origin: left bottom;
\r
2477 transform: rotate(90deg);
\r
2482 transform-origin: left bottom;
\r
2483 transform: rotate(0);
\r
2489 -webkit-animation-name: rotateInUpLeft;
\r
2490 -moz-animation-name: rotateInUpLeft;
\r
2491 -o-animation-name: rotateInUpLeft;
\r
2492 animation-name: rotateInUpLeft;
\r
2494 @-webkit-keyframes rotateInDownLeft {
\r
2496 -webkit-transform-origin: left bottom;
\r
2497 -webkit-transform: rotate(-90deg);
\r
2502 -webkit-transform-origin: left bottom;
\r
2503 -webkit-transform: rotate(0);
\r
2508 @-moz-keyframes rotateInDownLeft {
\r
2510 -moz-transform-origin: left bottom;
\r
2511 -moz-transform: rotate(-90deg);
\r
2516 -moz-transform-origin: left bottom;
\r
2517 -moz-transform: rotate(0);
\r
2522 @-o-keyframes rotateInDownLeft {
\r
2524 -o-transform-origin: left bottom;
\r
2525 -o-transform: rotate(-90deg);
\r
2530 -o-transform-origin: left bottom;
\r
2531 -o-transform: rotate(0);
\r
2536 @keyframes rotateInDownLeft {
\r
2538 transform-origin: left bottom;
\r
2539 transform: rotate(-90deg);
\r
2544 transform-origin: left bottom;
\r
2545 transform: rotate(0);
\r
2550 .rotateInDownLeft {
\r
2551 -webkit-animation-name: rotateInDownLeft;
\r
2552 -moz-animation-name: rotateInDownLeft;
\r
2553 -o-animation-name: rotateInDownLeft;
\r
2554 animation-name: rotateInDownLeft;
\r
2556 @-webkit-keyframes rotateInUpRight {
\r
2558 -webkit-transform-origin: right bottom;
\r
2559 -webkit-transform: rotate(-90deg);
\r
2564 -webkit-transform-origin: right bottom;
\r
2565 -webkit-transform: rotate(0);
\r
2570 @-moz-keyframes rotateInUpRight {
\r
2572 -moz-transform-origin: right bottom;
\r
2573 -moz-transform: rotate(-90deg);
\r
2578 -moz-transform-origin: right bottom;
\r
2579 -moz-transform: rotate(0);
\r
2584 @-o-keyframes rotateInUpRight {
\r
2586 -o-transform-origin: right bottom;
\r
2587 -o-transform: rotate(-90deg);
\r
2592 -o-transform-origin: right bottom;
\r
2593 -o-transform: rotate(0);
\r
2598 @keyframes rotateInUpRight {
\r
2600 transform-origin: right bottom;
\r
2601 transform: rotate(-90deg);
\r
2606 transform-origin: right bottom;
\r
2607 transform: rotate(0);
\r
2612 .rotateInUpRight {
\r
2613 -webkit-animation-name: rotateInUpRight;
\r
2614 -moz-animation-name: rotateInUpRight;
\r
2615 -o-animation-name: rotateInUpRight;
\r
2616 animation-name: rotateInUpRight;
\r
2618 @-webkit-keyframes rotateInDownRight {
\r
2620 -webkit-transform-origin: right bottom;
\r
2621 -webkit-transform: rotate(90deg);
\r
2626 -webkit-transform-origin: right bottom;
\r
2627 -webkit-transform: rotate(0);
\r
2632 @-moz-keyframes rotateInDownRight {
\r
2634 -moz-transform-origin: right bottom;
\r
2635 -moz-transform: rotate(90deg);
\r
2640 -moz-transform-origin: right bottom;
\r
2641 -moz-transform: rotate(0);
\r
2646 @-o-keyframes rotateInDownRight {
\r
2648 -o-transform-origin: right bottom;
\r
2649 -o-transform: rotate(90deg);
\r
2654 -o-transform-origin: right bottom;
\r
2655 -o-transform: rotate(0);
\r
2660 @keyframes rotateInDownRight {
\r
2662 transform-origin: right bottom;
\r
2663 transform: rotate(90deg);
\r
2668 transform-origin: right bottom;
\r
2669 transform: rotate(0);
\r
2674 .rotateInDownRight {
\r
2675 -webkit-animation-name: rotateInDownRight;
\r
2676 -moz-animation-name: rotateInDownRight;
\r
2677 -o-animation-name: rotateInDownRight;
\r
2678 animation-name: rotateInDownRight;
\r
2680 @-webkit-keyframes rotateOut {
\r
2682 -webkit-transform-origin: center center;
\r
2683 -webkit-transform: rotate(0);
\r
2688 -webkit-transform-origin: center center;
\r
2689 -webkit-transform: rotate(200deg);
\r
2694 @-moz-keyframes rotateOut {
\r
2696 -moz-transform-origin: center center;
\r
2697 -moz-transform: rotate(0);
\r
2702 -moz-transform-origin: center center;
\r
2703 -moz-transform: rotate(200deg);
\r
2708 @-o-keyframes rotateOut {
\r
2710 -o-transform-origin: center center;
\r
2711 -o-transform: rotate(0);
\r
2716 -o-transform-origin: center center;
\r
2717 -o-transform: rotate(200deg);
\r
2722 @keyframes rotateOut {
\r
2724 transform-origin: center center;
\r
2725 transform: rotate(0);
\r
2730 transform-origin: center center;
\r
2731 transform: rotate(200deg);
\r
2737 -webkit-animation-name: rotateOut;
\r
2738 -moz-animation-name: rotateOut;
\r
2739 -o-animation-name: rotateOut;
\r
2740 animation-name: rotateOut;
\r
2742 @-webkit-keyframes rotateOutUpLeft {
\r
2744 -webkit-transform-origin: left bottom;
\r
2745 -webkit-transform: rotate(0);
\r
2750 -webkit-transform-origin: left bottom;
\r
2751 -webkit-transform: rotate(-90deg);
\r
2756 @-moz-keyframes rotateOutUpLeft {
\r
2758 -moz-transform-origin: left bottom;
\r
2759 -moz-transform: rotate(0);
\r
2764 -moz-transform-origin: left bottom;
\r
2765 -moz-transform: rotate(-90deg);
\r
2770 @-o-keyframes rotateOutUpLeft {
\r
2772 -o-transform-origin: left bottom;
\r
2773 -o-transform: rotate(0);
\r
2778 -o-transform-origin: left bottom;
\r
2779 -o-transform: rotate(-90deg);
\r
2784 @keyframes rotateOutUpLeft {
\r
2786 transform-origin: left bottom;
\r
2787 transform: rotate(0);
\r
2792 transform-origin: left bottom;
\r
2793 transform: rotate(-90deg);
\r
2798 .rotateOutUpLeft {
\r
2799 -webkit-animation-name: rotateOutUpLeft;
\r
2800 -moz-animation-name: rotateOutUpLeft;
\r
2801 -o-animation-name: rotateOutUpLeft;
\r
2802 animation-name: rotateOutUpLeft;
\r
2804 @-webkit-keyframes rotateOutDownLeft {
\r
2806 -webkit-transform-origin: left bottom;
\r
2807 -webkit-transform: rotate(0);
\r
2812 -webkit-transform-origin: left bottom;
\r
2813 -webkit-transform: rotate(90deg);
\r
2818 @-moz-keyframes rotateOutDownLeft {
\r
2820 -moz-transform-origin: left bottom;
\r
2821 -moz-transform: rotate(0);
\r
2826 -moz-transform-origin: left bottom;
\r
2827 -moz-transform: rotate(90deg);
\r
2832 @-o-keyframes rotateOutDownLeft {
\r
2834 -o-transform-origin: left bottom;
\r
2835 -o-transform: rotate(0);
\r
2840 -o-transform-origin: left bottom;
\r
2841 -o-transform: rotate(90deg);
\r
2846 @keyframes rotateOutDownLeft {
\r
2848 transform-origin: left bottom;
\r
2849 transform: rotate(0);
\r
2854 transform-origin: left bottom;
\r
2855 transform: rotate(90deg);
\r
2860 .rotateOutDownLeft {
\r
2861 -webkit-animation-name: rotateOutDownLeft;
\r
2862 -moz-animation-name: rotateOutDownLeft;
\r
2863 -o-animation-name: rotateOutDownLeft;
\r
2864 animation-name: rotateOutDownLeft;
\r
2866 @-webkit-keyframes rotateOutUpRight {
\r
2868 -webkit-transform-origin: right bottom;
\r
2869 -webkit-transform: rotate(0);
\r
2874 -webkit-transform-origin: right bottom;
\r
2875 -webkit-transform: rotate(90deg);
\r
2880 @-moz-keyframes rotateOutUpRight {
\r
2882 -moz-transform-origin: right bottom;
\r
2883 -moz-transform: rotate(0);
\r
2888 -moz-transform-origin: right bottom;
\r
2889 -moz-transform: rotate(90deg);
\r
2894 @-o-keyframes rotateOutUpRight {
\r
2896 -o-transform-origin: right bottom;
\r
2897 -o-transform: rotate(0);
\r
2902 -o-transform-origin: right bottom;
\r
2903 -o-transform: rotate(90deg);
\r
2908 @keyframes rotateOutUpRight {
\r
2910 transform-origin: right bottom;
\r
2911 transform: rotate(0);
\r
2916 transform-origin: right bottom;
\r
2917 transform: rotate(90deg);
\r
2922 .rotateOutUpRight {
\r
2923 -webkit-animation-name: rotateOutUpRight;
\r
2924 -moz-animation-name: rotateOutUpRight;
\r
2925 -o-animation-name: rotateOutUpRight;
\r
2926 animation-name: rotateOutUpRight;
\r
2928 @-webkit-keyframes rotateOutDownRight {
\r
2930 -webkit-transform-origin: right bottom;
\r
2931 -webkit-transform: rotate(0);
\r
2936 -webkit-transform-origin: right bottom;
\r
2937 -webkit-transform: rotate(-90deg);
\r
2942 @-moz-keyframes rotateOutDownRight {
\r
2944 -moz-transform-origin: right bottom;
\r
2945 -moz-transform: rotate(0);
\r
2950 -moz-transform-origin: right bottom;
\r
2951 -moz-transform: rotate(-90deg);
\r
2956 @-o-keyframes rotateOutDownRight {
\r
2958 -o-transform-origin: right bottom;
\r
2959 -o-transform: rotate(0);
\r
2964 -o-transform-origin: right bottom;
\r
2965 -o-transform: rotate(-90deg);
\r
2970 @keyframes rotateOutDownRight {
\r
2972 transform-origin: right bottom;
\r
2973 transform: rotate(0);
\r
2978 transform-origin: right bottom;
\r
2979 transform: rotate(-90deg);
\r
2984 .rotateOutDownRight {
\r
2985 -webkit-animation-name: rotateOutDownRight;
\r
2986 -moz-animation-name: rotateOutDownRight;
\r
2987 -o-animation-name: rotateOutDownRight;
\r
2988 animation-name: rotateOutDownRight;
\r
2990 @-webkit-keyframes hinge {
\r
2991 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
\r
2992 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
\r
2993 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
\r
2994 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
\r
2995 100% { -webkit-transform: translateY(700px); opacity: 0; }
\r
2998 @-moz-keyframes hinge {
\r
2999 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
\r
3000 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
\r
3001 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
\r
3002 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
\r
3003 100% { -moz-transform: translateY(700px); opacity: 0; }
\r
3006 @-o-keyframes hinge {
\r
3007 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
\r
3008 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
\r
3009 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
\r
3010 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
\r
3011 100% { -o-transform: translateY(700px); opacity: 0; }
\r
3014 @keyframes hinge {
\r
3015 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
\r
3016 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
\r
3017 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
\r
3018 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
\r
3019 100% { transform: translateY(700px); opacity: 0; }
\r
3023 -webkit-animation-name: hinge;
\r
3024 -moz-animation-name: hinge;
\r
3025 -o-animation-name: hinge;
\r
3026 animation-name: hinge;
\r
3028 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
\r
3030 @-webkit-keyframes rollIn {
\r
3031 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
\r
3032 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
\r
3035 @-moz-keyframes rollIn {
\r
3036 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
\r
3037 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
\r
3040 @-o-keyframes rollIn {
\r
3041 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
\r
3042 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
\r
3045 @keyframes rollIn {
\r
3046 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
\r
3047 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
\r
3051 -webkit-animation-name: rollIn;
\r
3052 -moz-animation-name: rollIn;
\r
3053 -o-animation-name: rollIn;
\r
3054 animation-name: rollIn;
\r
3056 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
\r
3058 @-webkit-keyframes rollOut {
\r
3061 -webkit-transform: translateX(0px) rotate(0deg);
\r
3066 -webkit-transform: translateX(100%) rotate(120deg);
\r
3070 @-moz-keyframes rollOut {
\r
3073 -moz-transform: translateX(0px) rotate(0deg);
\r
3078 -moz-transform: translateX(100%) rotate(120deg);
\r
3082 @-o-keyframes rollOut {
\r
3085 -o-transform: translateX(0px) rotate(0deg);
\r
3090 -o-transform: translateX(100%) rotate(120deg);
\r
3094 @keyframes rollOut {
\r
3097 transform: translateX(0px) rotate(0deg);
\r
3102 transform: translateX(100%) rotate(120deg);
\r
3107 -webkit-animation-name: rollOut;
\r
3108 -moz-animation-name: rollOut;
\r
3109 -o-animation-name: rollOut;
\r
3110 animation-name: rollOut;
\r
3113 /* originally authored by Angelo Rohit - https://github.com/angelorohit */
\r
3115 @-webkit-keyframes lightSpeedIn {
\r
3116 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3117 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
\r
3118 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
\r
3119 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3122 @-moz-keyframes lightSpeedIn {
\r
3123 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3124 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
\r
3125 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
\r
3126 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3129 @-o-keyframes lightSpeedIn {
\r
3130 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3131 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
\r
3132 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
\r
3133 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3136 @keyframes lightSpeedIn {
\r
3137 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3138 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
\r
3139 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
\r
3140 100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3144 -webkit-animation-name: lightSpeedIn;
\r
3145 -moz-animation-name: lightSpeedIn;
\r
3146 -o-animation-name: lightSpeedIn;
\r
3147 animation-name: lightSpeedIn;
\r
3149 -webkit-animation-timing-function: ease-out;
\r
3150 -moz-animation-timing-function: ease-out;
\r
3151 -o-animation-timing-function: ease-out;
\r
3152 animation-timing-function: ease-out;
\r
3155 .animated.lightSpeedIn {
\r
3156 -webkit-animation-duration: 0.5s;
\r
3157 -moz-animation-duration: 0.5s;
\r
3158 -o-animation-duration: 0.5s;
\r
3159 animation-duration: 0.5s;
\r
3162 /* originally authored by Angelo Rohit - https://github.com/angelorohit */
\r
3164 @-webkit-keyframes lightSpeedOut {
\r
3165 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3166 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3169 @-moz-keyframes lightSpeedOut {
\r
3170 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3171 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3174 @-o-keyframes lightSpeedOut {
\r
3175 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3176 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3179 @keyframes lightSpeedOut {
\r
3180 0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
\r
3181 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
\r
3185 -webkit-animation-name: lightSpeedOut;
\r
3186 -moz-animation-name: lightSpeedOut;
\r
3187 -o-animation-name: lightSpeedOut;
\r
3188 animation-name: lightSpeedOut;
\r
3190 -webkit-animation-timing-function: ease-in;
\r
3191 -moz-animation-timing-function: ease-in;
\r
3192 -o-animation-timing-function: ease-in;
\r
3193 animation-timing-function: ease-in;
\r
3196 .animated.lightSpeedOut {
\r
3197 -webkit-animation-duration: 0.25s;
\r
3198 -moz-animation-duration: 0.25s;
\r
3199 -o-animation-duration: 0.25s;
\r
3200 animation-duration: 0.25s;
\r
3203 /* originally authored by Angelo Rohit - https://github.com/angelorohit */
\r
3205 @-webkit-keyframes wiggle {
\r
3206 0% { -webkit-transform: skewX(9deg); }
\r
3207 10% { -webkit-transform: skewX(-8deg); }
\r
3208 20% { -webkit-transform: skewX(7deg); }
\r
3209 30% { -webkit-transform: skewX(-6deg); }
\r
3210 40% { -webkit-transform: skewX(5deg); }
\r
3211 50% { -webkit-transform: skewX(-4deg); }
\r
3212 60% { -webkit-transform: skewX(3deg); }
\r
3213 70% { -webkit-transform: skewX(-2deg); }
\r
3214 80% { -webkit-transform: skewX(1deg); }
\r
3215 90% { -webkit-transform: skewX(0deg); }
\r
3216 100% { -webkit-transform: skewX(0deg); }
\r
3219 @-moz-keyframes wiggle {
\r
3220 0% { -moz-transform: skewX(9deg); }
\r
3221 10% { -moz-transform: skewX(-8deg); }
\r
3222 20% { -moz-transform: skewX(7deg); }
\r
3223 30% { -moz-transform: skewX(-6deg); }
\r
3224 40% { -moz-transform: skewX(5deg); }
\r
3225 50% { -moz-transform: skewX(-4deg); }
\r
3226 60% { -moz-transform: skewX(3deg); }
\r
3227 70% { -moz-transform: skewX(-2deg); }
\r
3228 80% { -moz-transform: skewX(1deg); }
\r
3229 90% { -moz-transform: skewX(0deg); }
\r
3230 100% { -moz-transform: skewX(0deg); }
\r
3233 @-o-keyframes wiggle {
\r
3234 0% { -o-transform: skewX(9deg); }
\r
3235 10% { -o-transform: skewX(-8deg); }
\r
3236 20% { -o-transform: skewX(7deg); }
\r
3237 30% { -o-transform: skewX(-6deg); }
\r
3238 40% { -o-transform: skewX(5deg); }
\r
3239 50% { -o-transform: skewX(-4deg); }
\r
3240 60% { -o-transform: skewX(3deg); }
\r
3241 70% { -o-transform: skewX(-2deg); }
\r
3242 80% { -o-transform: skewX(1deg); }
\r
3243 90% { -o-transform: skewX(0deg); }
\r
3244 100% { -o-transform: skewX(0deg); }
\r
3247 @keyframes wiggle {
\r
3248 0% { transform: skewX(9deg); }
\r
3249 10% { transform: skewX(-8deg); }
\r
3250 20% { transform: skewX(7deg); }
\r
3251 30% { transform: skewX(-6deg); }
\r
3252 40% { transform: skewX(5deg); }
\r
3253 50% { transform: skewX(-4deg); }
\r
3254 60% { transform: skewX(3deg); }
\r
3255 70% { transform: skewX(-2deg); }
\r
3256 80% { transform: skewX(1deg); }
\r
3257 90% { transform: skewX(0deg); }
\r
3258 100% { transform: skewX(0deg); }
\r
3262 -webkit-animation-name: wiggle;
\r
3263 -moz-animation-name: wiggle;
\r
3264 -o-animation-name: wiggle;
\r
3265 animation-name: wiggle;
\r
3267 -webkit-animation-timing-function: ease-in;
\r
3268 -moz-animation-timing-function: ease-in;
\r
3269 -o-animation-timing-function: ease-in;
\r
3270 animation-timing-function: ease-in;
\r
3273 .animated.wiggle {
\r
3274 -webkit-animation-duration: 0.75s;
\r
3275 -moz-animation-duration: 0.75s;
\r
3276 -o-animation-duration: 0.75s;
\r
3277 animation-duration: 0.75s;
\r