--- a/src/pyams_skin/resources/less/anims.less Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,2390 +0,0 @@
-/*
- * Animations
- */
-
-@-webkit-keyframes flash {
- 0%, 100%, 50% {
- opacity: 1;
- }
- 25%, 75% {
- opacity: 0;
- }
-}
-@keyframes flash {
- 0%, 100%, 50% {
- opacity: 1;
- }
-
- 25%, 75% {
- opacity: 0;
- }
-}
-
-@-webkit-keyframes shake {
- 0%, 100% {
- -webkit-transform: translateX(0);
- }
- 10%, 30%, 50%, 70%, 90% {
- -webkit-transform: translateX(-10px);
- }
- 20%, 40%, 60%, 80% {
- -webkit-transform: translateX(10px);
- }
-}
-@keyframes shake {
- 0%, 100% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 10%, 30%, 50%, 70%, 90% {
- -webkit-transform: translateX(-10px);
- -ms-transform: translateX(-10px);
- transform: translateX(-10px);
- }
- 20%, 40%, 60%, 80% {
- -webkit-transform: translateX(10px);
- -ms-transform: translateX(10px);
- transform: translateX(10px);
- }
-}
-
-@-webkit-keyframes bounce {
- 0%, 100%, 20%, 50%, 80% {
- -webkit-transform: translateY(0);
- }
- 40% {
- -webkit-transform: translateY(-30px);
- }
- 60% {
- -webkit-transform: translateY(-15px);
- }
-}
-@keyframes bounce {
- 0%, 100%, 20%, 50%, 80% {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 40% {
- -webkit-transform: translateY(-30px);
- -ms-transform: translateY(-30px);
- transform: translateY(-30px);
- }
- 60% {
- -webkit-transform: translateY(-15px);
- -ms-transform: translateY(-15px);
- transform: translateY(-15px);
- }
-}
-
-@-webkit-keyframes tada {
- 0% {
- -webkit-transform: scale(1);
- }
- 10%, 20% {
- -webkit-transform: scale(.9) rotate(-3deg);
- }
- 30%, 50%, 70%, 90% {
- -webkit-transform: scale(1.1) rotate(3deg);
- }
- 40%, 60%, 80% {
- -webkit-transform: scale(1.1) rotate(-3deg);
- }
- 100% {
- -webkit-transform: scale(1) rotate(0);
- }
-}
-@keyframes tada {
- 0% {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- 10%, 20% {
- -webkit-transform: scale(.9) rotate(-3deg);
- -ms-transform: scale(.9) rotate(-3deg);
- transform: scale(.9) rotate(-3deg);
- }
- 30%, 50%, 70%, 90% {
- -webkit-transform: scale(1.1) rotate(3deg);
- -ms-transform: scale(1.1) rotate(3deg);
- transform: scale(1.1) rotate(3deg);
- }
- 40%, 60%, 80% {
- -webkit-transform: scale(1.1) rotate(-3deg);
- -ms-transform: scale(1.1) rotate(-3deg);
- transform: scale(1.1) rotate(-3deg);
- }
- 100% {
- -webkit-transform: scale(1) rotate(0);
- -ms-transform: scale(1) rotate(0);
- transform: scale(1) rotate(0);
- }
-}
-
-@-webkit-keyframes swing {
- 100%, 20%, 40%, 60%, 80% {
- -webkit-transform-origin: top center;
- }
- 20% {
- -webkit-transform: rotate(15deg);
- }
- 40% {
- -webkit-transform: rotate(-10deg);
- }
- 60% {
- -webkit-transform: rotate(5deg);
- }
- 80% {
- -webkit-transform: rotate(-5deg);
- }
- 100% {
- -webkit-transform: rotate(0deg);
- }
-}
-@keyframes swing {
- 20% {
- -webkit-transform: rotate(15deg);
- -ms-transform: rotate(15deg);
- transform: rotate(15deg);
- }
- 40% {
- -webkit-transform: rotate(-10deg);
- -ms-transform: rotate(-10deg);
- transform: rotate(-10deg);
- }
- 60% {
- -webkit-transform: rotate(5deg);
- -ms-transform: rotate(5deg);
- transform: rotate(5deg);
- }
- 80% {
- -webkit-transform: rotate(-5deg);
- -ms-transform: rotate(-5deg);
- transform: rotate(-5deg);
- }
- 100% {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
-}
-
-@-webkit-keyframes wobble {
- 0% {
- -webkit-transform: translateX(0);
- }
- 15% {
- -webkit-transform: translateX(-25%) rotate(-5deg);
- }
- 30% {
- -webkit-transform: translateX(20%) rotate(3deg);
- }
- 45% {
- -webkit-transform: translateX(-15%) rotate(-3deg);
- }
- 60% {
- -webkit-transform: translateX(10%) rotate(2deg);
- }
- 75% {
- -webkit-transform: translateX(-5%) rotate(-1deg);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
-}
-@keyframes wobble {
- 0% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 15% {
- -webkit-transform: translateX(-25%) rotate(-5deg);
- -ms-transform: translateX(-25%) rotate(-5deg);
- transform: translateX(-25%) rotate(-5deg);
- }
- 30% {
- -webkit-transform: translateX(20%) rotate(3deg);
- -ms-transform: translateX(20%) rotate(3deg);
- transform: translateX(20%) rotate(3deg);
- }
- 45% {
- -webkit-transform: translateX(-15%) rotate(-3deg);
- -ms-transform: translateX(-15%) rotate(-3deg);
- transform: translateX(-15%) rotate(-3deg);
- }
- 60% {
- -webkit-transform: translateX(10%) rotate(2deg);
- -ms-transform: translateX(10%) rotate(2deg);
- transform: translateX(10%) rotate(2deg);
- }
- 75% {
- -webkit-transform: translateX(-5%) rotate(-1deg);
- -ms-transform: translateX(-5%) rotate(-1deg);
- transform: translateX(-5%) rotate(-1deg);
- }
- 100% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes pulse {
- 0% {
- -webkit-transform: scale(1);
- }
- 50% {
- -webkit-transform: scale(1.1);
- }
- 100% {
- -webkit-transform: scale(1);
- }
-}
-@keyframes pulse {
- 0% {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- 50% {
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1);
- transform: scale(1.1);
- }
- 100% {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
-}
-
-@-webkit-keyframes flip {
- 0% {
- -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
- -webkit-animation-timing-function: ease-out;
- }
- 40% {
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
- -webkit-animation-timing-function: ease-out;
- }
- 50% {
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- -webkit-animation-timing-function: ease-in;
- }
- 80% {
- -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
- -webkit-animation-timing-function: ease-in;
- }
- 100% {
- -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
- -webkit-animation-timing-function: ease-in;
- }
-}
-@keyframes flip {
- 0% {
- -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
- -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
- transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
- 40% {
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
- -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
- transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
- 50% {
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
- 80% {
- -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
- -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
- transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
- 100% {
- -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
- -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
- transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
-}
-
-@-webkit-keyframes flipInX {
- 0% {
- -webkit-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateX(-10deg);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateX(10deg);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
-}
-@keyframes flipInX {
- 0% {
- -webkit-transform: perspective(400px) rotateX(90deg);
- -ms-transform: perspective(400px) rotateX(90deg);
- transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateX(-10deg);
- -ms-transform: perspective(400px) rotateX(-10deg);
- transform: perspective(400px) rotateX(-10deg);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateX(10deg);
- -ms-transform: perspective(400px) rotateX(10deg);
- transform: perspective(400px) rotateX(10deg);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateX(0deg);
- -ms-transform: perspective(400px) rotateX(0deg);
- transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes flipOutX {
- 0% {
- -webkit-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
-}
-@keyframes flipOutX {
- 0% {
- -webkit-transform: perspective(400px) rotateX(0deg);
- -ms-transform: perspective(400px) rotateX(0deg);
- transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: perspective(400px) rotateX(90deg);
- -ms-transform: perspective(400px) rotateX(90deg);
- transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes flipInY {
- 0% {
- -webkit-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateY(-10deg);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateY(10deg);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
-}
-@keyframes flipInY {
- 0% {
- -webkit-transform: perspective(400px) rotateY(90deg);
- -ms-transform: perspective(400px) rotateY(90deg);
- transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateY(-10deg);
- -ms-transform: perspective(400px) rotateY(-10deg);
- transform: perspective(400px) rotateY(-10deg);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateY(10deg);
- -ms-transform: perspective(400px) rotateY(10deg);
- transform: perspective(400px) rotateY(10deg);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- -ms-transform: perspective(400px) rotateY(0deg);
- transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes flipOutY {
- 0% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
-}
-@keyframes flipOutY {
- 0% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- -ms-transform: perspective(400px) rotateY(0deg);
- transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: perspective(400px) rotateY(90deg);
- -ms-transform: perspective(400px) rotateY(90deg);
- transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-@keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-@-webkit-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
-}
-@keyframes fadeInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes fadeInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
-}
-@keyframes fadeInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
-}
-@keyframes fadeInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- -ms-transform: translateX(-20px);
- transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes fadeInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
-}
-@keyframes fadeInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- -ms-transform: translateX(20px);
- transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes fadeInUpBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
-}
-@keyframes fadeInUpBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- -ms-transform: translateY(2000px);
- transform: translateY(2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes fadeInDownBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
-}
-@keyframes fadeInDownBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- -ms-transform: translateY(-2000px);
- transform: translateY(-2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes fadeInLeftBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
-}
-@keyframes fadeInLeftBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- -ms-transform: translateX(-2000px);
- transform: translateX(-2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes fadeInRightBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
-}
-@keyframes fadeInRightBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- -ms-transform: translateX(2000px);
- transform: translateX(2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
-}
-@keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
-}
-
-@-webkit-keyframes fadeOutUp {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- }
-}
-@keyframes fadeOutUp {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- }
-}
-
-@-webkit-keyframes fadeOutDown {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- }
-}
-@keyframes fadeOutDown {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- }
-}
-
-
-@-webkit-keyframes fadeOutLeft {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- }
-}
-@keyframes fadeOutLeft {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- -ms-transform: translateX(-20px);
- transform: translateX(-20px);
- }
-}
-
-@-webkit-keyframes fadeOutRight {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- }
-}
-@keyframes fadeOutRight {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- -ms-transform: translateX(20px);
- transform: translateX(20px);
- }
-}
-
-@-webkit-keyframes fadeOutUpBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
-}
-@keyframes fadeOutUpBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- -ms-transform: translateY(-2000px);
- transform: translateY(-2000px);
- }
-}
-
-@-webkit-keyframes fadeOutDownBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
-}
-@keyframes fadeOutDownBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- -ms-transform: translateY(2000px);
- transform: translateY(2000px);
- }
-}
-
-@-webkit-keyframes fadeOutLeftBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
-}
-@keyframes fadeOutLeftBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- -ms-transform: translateX(-2000px);
- transform: translateX(-2000px);
- }
-}
-
-@-webkit-keyframes fadeOutRightBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
-}
-@keyframes fadeOutRightBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- -ms-transform: translateX(2000px);
- transform: translateX(2000px);
- }
-}
-
-@-webkit-keyframes bounceIn {
- 0% {
- opacity: 0;
- -webkit-transform: scale(.3);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1.05);
- }
- 70% {
- -webkit-transform: scale(.9);
- }
- 100% {
- -webkit-transform: scale(1);
- }
-}
-@keyframes bounceIn {
- 0% {
- opacity: 0;
- -webkit-transform: scale(.3);
- -ms-transform: scale(.3);
- transform: scale(.3);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
- 70% {
- -webkit-transform: scale(.9);
- -ms-transform: scale(.9);
- transform: scale(.9);
- }
- 100% {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
-}
-
-@-webkit-keyframes slideInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
- 100% {
- -webkit-transform: translateY(0);
- }
-}
-@keyframes slideInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- -ms-transform: translateY(-2000px);
- transform: translateY(-2000px);
- }
- 100% {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes slideInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
-}
-@keyframes slideInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- -ms-transform: translateX(-2000px);
- transform: translateX(-2000px);
- }
- 100% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes slideInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
-}
-@keyframes slideInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- -ms-transform: translateX(2000px);
- transform: translateX(2000px);
- }
- 100% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes slideOutLeft {
- 0% {
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
-}
-@keyframes slideOutLeft {
- 0% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- -ms-transform: translateX(-2000px);
- transform: translateX(-2000px);
- }
-}
-
-@-webkit-keyframes slideOutRight {
- 0% {
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
-}
-@keyframes slideOutRight {
- 0% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- -ms-transform: translateX(2000px);
- transform: translateX(2000px);
- }
-}
-
-@-webkit-keyframes slideOutUp {
- 0% {
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
-}
-@keyframes slideOutUp {
- 0% {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- -ms-transform: translateY(-2000px);
- transform: translateY(-2000px);
- }
-}
-
-@-webkit-keyframes bounceInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateY(-30px);
- }
- 80% {
- -webkit-transform: translateY(10px);
- }
- 100% {
- -webkit-transform: translateY(0);
- }
-}
-@keyframes bounceInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- -ms-transform: translateY(2000px);
- transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateY(-30px);
- -ms-transform: translateY(-30px);
- transform: translateY(-30px);
- }
- 80% {
- -webkit-transform: translateY(10px);
- -ms-transform: translateY(10px);
- transform: translateY(10px);
- }
- 100% {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes bounceInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateY(30px);
- }
- 80% {
- -webkit-transform: translateY(-10px);
- }
- 100% {
- -webkit-transform: translateY(0);
- }
-}
-@keyframes bounceInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- -ms-transform: translateY(-2000px);
- transform: translateY(-2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateY(30px);
- -ms-transform: translateY(30px);
- transform: translateY(30px);
- }
- 80% {
- -webkit-transform: translateY(-10px);
- -ms-transform: translateY(-10px);
- transform: translateY(-10px);
- }
- 100% {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes bounceInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateX(30px);
- }
- 80% {
- -webkit-transform: translateX(-10px);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
-}
-@keyframes bounceInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- -ms-transform: translateX(-2000px);
- transform: translateX(-2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateX(30px);
- -ms-transform: translateX(30px);
- transform: translateX(30px);
- }
- 80% {
- -webkit-transform: translateX(-10px);
- -ms-transform: translateX(-10px);
- transform: translateX(-10px);
- }
- 100% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes bounceInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateX(-30px);
- }
- 80% {
- -webkit-transform: translateX(10px);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
-}
-@keyframes bounceInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- -ms-transform: translateX(2000px);
- transform: translateX(2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateX(-30px);
- -ms-transform: translateX(-30px);
- transform: translateX(-30px);
- }
- 80% {
- -webkit-transform: translateX(10px);
- -ms-transform: translateX(10px);
- transform: translateX(10px);
- }
- 100% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes bounceOut {
- 0% {
- -webkit-transform: scale(1);
- }
- 25% {
- -webkit-transform: scale(.95);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1.1);
- }
- 100% {
- opacity: 0;
- -webkit-transform: scale(.3);
- }
-}
-@keyframes bounceOut {
- 0% {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- 25% {
- -webkit-transform: scale(.95);
- -ms-transform: scale(.95);
- transform: scale(.95);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1);
- transform: scale(1.1);
- }
- 100% {
- opacity: 0;
- -webkit-transform: scale(.3);
- -ms-transform: scale(.3);
- transform: scale(.3);
- }
-}
-
-@-webkit-keyframes bounceOutUp {
- 0% {
- -webkit-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateY(20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
-}
-@keyframes bounceOutUp {
- 0% {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- -ms-transform: translateY(-2000px);
- transform: translateY(-2000px);
- }
-}
-
-@-webkit-keyframes bounceOutDown {
- 0% {
- -webkit-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateY(-20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
-}
-@keyframes bounceOutDown {
- 0% {
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateY(-20px);
- -ms-transform: translateY(-20px);
- transform: translateY(-20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- -ms-transform: translateY(2000px);
- transform: translateY(2000px);
- }
-}
-
-@-webkit-keyframes bounceOutLeft {
- 0% {
- -webkit-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateX(20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
-}
-@keyframes bounceOutLeft {
- 0% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateX(20px);
- -ms-transform: translateX(20px);
- transform: translateX(20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- -ms-transform: translateX(-2000px);
- transform: translateX(-2000px);
- }
-}
-
-@-webkit-keyframes bounceOutRight {
- 0% {
- -webkit-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateX(-20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
-}
-@keyframes bounceOutRight {
- 0% {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateX(-20px);
- -ms-transform: translateX(-20px);
- transform: translateX(-20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- -ms-transform: translateX(2000px);
- transform: translateX(2000px);
- }
-}
-
-@-webkit-keyframes rotateIn {
- 0% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(-200deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
-}
-@keyframes rotateIn {
- 0% {
- -webkit-transform-origin: center center;
- -ms-transform-origin: center center;
- transform-origin: center center;
- -webkit-transform: rotate(-200deg);
- -ms-transform: rotate(-200deg);
- transform: rotate(-200deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: center center;
- -ms-transform-origin: center center;
- transform-origin: center center;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes rotateInUpLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
-}
-@keyframes rotateInUpLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes rotateInDownLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
-}
-@keyframes rotateInDownLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes rotateInUpRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
-}
-@keyframes rotateInUpRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes rotateInDownRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
-}
-@keyframes rotateInDownRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes rotateOut {
- 0% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(200deg);
- opacity: 0;
- }
-}
-@keyframes rotateOut {
- 0% {
- -webkit-transform-origin: center center;
- -ms-transform-origin: center center;
- transform-origin: center center;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: center center;
- -ms-transform-origin: center center;
- transform-origin: center center;
- -webkit-transform: rotate(200deg);
- -ms-transform: rotate(200deg);
- transform: rotate(200deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes rotateOutUpLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
-}
-@keyframes rotateOutUpLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes rotateOutDownLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
-}
-@keyframes rotateOutDownLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -ms-transform-origin: left bottom;
- transform-origin: left bottom;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes rotateOutUpRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
-}
-@keyframes rotateOutUpRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes rotateOutDownRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
-}
-@keyframes rotateOutDownRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -ms-transform-origin: right bottom;
- transform-origin: right bottom;
- -webkit-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes hinge {
- 0% {
- -webkit-transform: rotate(0);
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 20%, 60% {
- -webkit-transform: rotate(80deg);
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 40% {
- -webkit-transform: rotate(60deg);
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 80% {
- -webkit-transform: rotate(60deg) translateY(0);
- opacity: 1;
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 100% {
- -webkit-transform: translateY(700px);
- opacity: 0;
- }
-}
-@keyframes hinge {
- 0% {
- -webkit-transform: rotate(0);
- -ms-transform: rotate(0);
- transform: rotate(0);
- -webkit-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
- 20%, 60% {
- -webkit-transform: rotate(80deg);
- -ms-transform: rotate(80deg);
- transform: rotate(80deg);
- -webkit-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
- 40% {
- -webkit-transform: rotate(60deg);
- -ms-transform: rotate(60deg);
- transform: rotate(60deg);
- -webkit-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
- 80% {
- -webkit-transform: rotate(60deg) translateY(0);
- -ms-transform: rotate(60deg) translateY(0);
- transform: rotate(60deg) translateY(0);
- opacity: 1;
- -webkit-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- }
- 100% {
- -webkit-transform: translateY(700px);
- -ms-transform: translateY(700px);
- transform: translateY(700px);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes rollIn {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-100%) rotate(-120deg);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0) rotate(0deg);
- }
-}
-@keyframes rollIn {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-100%) rotate(-120deg);
- -ms-transform: translateX(-100%) rotate(-120deg);
- transform: translateX(-100%) rotate(-120deg);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0) rotate(0deg);
- -ms-transform: translateX(0) rotate(0deg);
- transform: translateX(0) rotate(0deg);
- }
-}
-
-@-webkit-keyframes rollOut {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0) rotate(0deg);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(100%) rotate(120deg);
- }
-}
-@keyframes rollOut {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0) rotate(0deg);
- -ms-transform: translateX(0) rotate(0deg);
- transform: translateX(0) rotate(0deg);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(100%) rotate(120deg);
- -ms-transform: translateX(100%) rotate(120deg);
- transform: translateX(100%) rotate(120deg);
- }
-}
-
-@-webkit-keyframes lightSpeedIn {
- 0% {
- -webkit-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- 60% {
- -webkit-transform: translateX(-20%) skewX(30deg);
- opacity: 1;
- }
- 80% {
- -webkit-transform: translateX(0) skewX(-15deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateX(0) skewX(0deg);
- opacity: 1;
- }
-}
-@keyframes lightSpeedIn {
- 0% {
- -webkit-transform: translateX(100%) skewX(-30deg);
- -ms-transform: translateX(100%) skewX(-30deg);
- transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- 60% {
- -webkit-transform: translateX(-20%) skewX(30deg);
- -ms-transform: translateX(-20%) skewX(30deg);
- transform: translateX(-20%) skewX(30deg);
- opacity: 1;
- }
- 80% {
- -webkit-transform: translateX(0) skewX(-15deg);
- -ms-transform: translateX(0) skewX(-15deg);
- transform: translateX(0) skewX(-15deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateX(0) skewX(0deg);
- -ms-transform: translateX(0) skewX(0deg);
- transform: translateX(0) skewX(0deg);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes lightSpeedOut {
- 0% {
- -webkit-transform: translateX(0) skewX(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
-}
-@keyframes lightSpeedOut {
- 0% {
- -webkit-transform: translateX(0) skewX(0deg);
- -ms-transform: translateX(0) skewX(0deg);
- transform: translateX(0) skewX(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateX(100%) skewX(-30deg);
- -ms-transform: translateX(100%) skewX(-30deg);
- transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes spin {
- 0% {
- -webkit-transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(359deg);
- }
-}
-@-ms-keyframes spin {
- 0% {
- -ms-transform: rotate(0deg);
- }
- 100% {
- -ms-transform: rotate(359deg);
- }
-}
-@keyframes spin {
- 0% {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(359deg);
- -ms-transform: rotate(359deg);
- transform: rotate(359deg);
- }
-}
-
-@-webkit-keyframes loading {
- 0% {
- background-position: 0 -400px;
- }
- 100% {
- background-position: -7px -400px;
- }
-}
-@-ms-keyframes loading {
- 0% {
- background-position: 0 -400px;
- }
- 100% {
- background-position: -7px -400px;
- }
-}
-@keyframes loading {
- 0% {
- background-position: 0 -400px;
- }
- 100% {
- background-position: -7px -400px;
- }
-}
-
-@-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
-}
-@keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
-}
-
-@-webkit-keyframes pace-spinner {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
-}
-@-ms-keyframes pace-spinner {
- 0% {
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
-}
-@keyframes pace-spinner {
- 0% {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
-}
-
-.animated {
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
-
- &.fast {
- -webkit-animation-duration: .4s;
- -ms-animation-duration: .4s;
- animation-duration: .4s;
- }
- &.hinge {
- -webkit-animation-duration: 2s;
- animation-duration: 2s;
- }
-
- &.flash {
- -webkit-animation-name: flash;
- animation-name: flash;
- }
-
- &.shake {
- -webkit-animation-name: shake;
- animation-name: shake;
- }
-
- &.bounce {
- -webkit-animation-name: bounce;
- animation-name: bounce;
- }
-
- &.tada {
- -webkit-animation-name: tada;
- animation-name: tada;
- }
-
- &.swing {
- -webkit-transform-origin: top center;
- -ms-transform-origin: top center;
- transform-origin: top center;
- -webkit-animation-name: swing;
- animation-name: swing;
- }
-
- &.wobble {
- -webkit-animation-name: wobble;
- animation-name: wobble;
- }
-
- &.pulse {
- -webkit-animation-name: pulse;
- animation-name: pulse;
- }
-
- &.flip {
- -webkit-backface-visibility: visible!important;
- -webkit-animation-name: flip;
- -ms-backface-visibility: visible!important;
- backface-visibility: visible!important;
- animation-name: flip;
- }
-
- &.flipInX {
- -webkit-backface-visibility: visible!important;
- -webkit-animation-name: flipInX;
- -ms-backface-visibility: visible!important;
- backface-visibility: visible!important;
- animation-name: flipInX;
- }
-
- &.flipOutX {
- -webkit-animation-name: flipOutX;
- -webkit-backface-visibility: visible!important;
- animation-name: flipOutX;
- -ms-backface-visibility: visible!important;
- backface-visibility: visible!important;
- }
-
- &.flipInY {
- -webkit-backface-visibility: visible!important;
- -webkit-animation-name: flipInY;
- -ms-backface-visibility: visible!important;
- backface-visibility: visible!important;
- animation-name: flipInY;
- }
-
- &.flipOutY {
- -webkit-backface-visibility: visible!important;
- -webkit-animation-name: flipOutY;
- -ms-backface-visibility: visible!important;
- backface-visibility: visible!important;
- animation-name: flipOutY;
- }
-
- &.fadeIn {
- -webkit-animation-name: fadeIn;
- animation-name: fadeIn;
- }
-
- &.fadeInUp {
- -webkit-animation-name: fadeInUp;
- animation-name: fadeInUp;
- }
-
- &.fadeInDown {
- -webkit-animation-name: fadeInDown;
- animation-name: fadeInDown;
- }
-
- &.fadeInLeft {
- -webkit-animation-name: fadeInLeft;
- animation-name: fadeInLeft;
- }
-
- &.fadeInRight {
- -webkit-animation-name: fadeInRight;
- animation-name: fadeInRight;
- }
-
- &.fadeInUpBig {
- -webkit-animation-name: fadeInUpBig;
- animation-name: fadeInUpBig;
- }
-
- &.fadeInDownBig {
- -webkit-animation-name: fadeInDownBig;
- animation-name: fadeInDownBig;
- }
-
- &.fadeInLeftBig {
- -webkit-animation-name: fadeInLeftBig;
- animation-name: fadeInLeftBig;
- }
-
- &.fadeInRightBig {
- -webkit-animation-name: fadeInRightBig;
- animation-name: fadeInRightBig;
- }
-
- &.fadeOut {
- -webkit-animation-name: fadeOut;
- animation-name: fadeOut;
- }
-
- &.fadeOutUp {
- -webkit-animation-name: fadeOutUp;
- animation-name: fadeOutUp;
- }
-
- &.fadeOutDown {
- -webkit-animation-name: fadeOutDown;
- animation-name: fadeOutDown;
- }
-
- &.fadeOutLeft {
- -webkit-animation-name: fadeOutLeft;
- animation-name: fadeOutLeft;
- }
-
- &.fadeOutRight {
- -webkit-animation-name: fadeOutRight;
- animation-name: fadeOutRight;
- }
-
- &.fadeOutUpBig {
- -webkit-animation-name: fadeOutUpBig;
- animation-name: fadeOutUpBig;
- }
-
- &.fadeOutDownBig {
- -webkit-animation-name: fadeOutDownBig;
- animation-name: fadeOutDownBig;
- }
-
- &.fadeOutLeftBig {
- -webkit-animation-name: fadeOutLeftBig;
- animation-name: fadeOutLeftBig;
- }
-
- &.fadeOutRightBig {
- -webkit-animation-name: fadeOutRightBig;
- animation-name: fadeOutRightBig;
- }
-
- &.bounceIn {
- -webkit-animation-name: bounceIn;
- animation-name: bounceIn;
- }
-
- &.slideInDown {
- -webkit-animation-name: slideInDown;
- animation-name: slideInDown;
- }
-
- &.slideInLeft {
- -webkit-animation-name: slideInLeft;
- animation-name: slideInLeft;
- }
-
- &.slideInRight {
- -webkit-animation-name: slideInRight;
- animation-name: slideInRight;
- }
-
- &.slideOutLeft {
- -webkit-animation-name: slideOutLeft;
- animation-name: slideOutLeft;
- }
-
- &.slideOutRight {
- -webkit-animation-name: slideOutRight;
- animation-name: slideOutRight;
- }
-
- &.slideOutUp {
- -webkit-animation-name: slideOutUp;
- animation-name: slideOutUp;
- }
-
- &.bounceInUp {
- -webkit-animation-name: bounceInUp;
- animation-name: bounceInUp;
- }
-
- &.bounceInDown {
- -webkit-animation-name: bounceInDown;
- animation-name: bounceInDown;
- }
-
- &.bounceInLeft {
- -webkit-animation-name: bounceInLeft;
- animation-name: bounceInLeft;
- }
-
- &.bounceInRight {
- -webkit-animation-name: bounceInRight;
- animation-name: bounceInRight;
- }
-
- &.bounceOut {
- -webkit-animation-name: bounceOut;
- animation-name: bounceOut;
- }
-
- &.bounceOutUp {
- -webkit-animation-name: bounceOutUp;
- animation-name: bounceOutUp;
- }
-
- &.bounceOutDown {
- -webkit-animation-name: bounceOutDown;
- animation-name: bounceOutDown;
- }
-
- &.bounceOutLeft {
- -webkit-animation-name: bounceOutLeft;
- animation-name: bounceOutLeft;
- }
-
- &.bounceOutRight {
- -webkit-animation-name: bounceOutRight;
- animation-name: bounceOutRight;
- }
-
- &.rotateIn {
- -webkit-animation-name: rotateIn;
- animation-name: rotateIn;
- }
-
- &.rotateInUpLeft {
- -webkit-animation-name: rotateInUpLeft;
- animation-name: rotateInUpLeft;
- }
-
- &.rotateInDownLeft {
- -webkit-animation-name: rotateInDownLeft;
- animation-name: rotateInDownLeft;
- }
-
- &.rotateInUpRight {
- -webkit-animation-name: rotateInUpRight;
- animation-name: rotateInUpRight;
- }
-
- &.rotateInDownRight {
- -webkit-animation-name: rotateInDownRight;
- animation-name: rotateInDownRight;
- }
-
- &.rotateOut {
- -webkit-animation-name: rotateOut;
- animation-name: rotateOut;
- }
-
- &.rotateOutUpLeft {
- -webkit-animation-name: rotateOutUpLeft;
- animation-name: rotateOutUpLeft;
- }
-
- &.rotateOutDownLeft {
- -webkit-animation-name: rotateOutDownLeft;
- animation-name: rotateOutDownLeft;
- }
-
- &.rotateOutUpRight {
- -webkit-animation-name: rotateOutUpRight;
- animation-name: rotateOutUpRight;
- }
-
- &.rotateOutDownRight {
- -webkit-animation-name: rotateOutDownRight;
- animation-name: rotateOutDownRight;
- }
-
- &.rollIn {
- -webkit-animation-name: rollIn;
- animation-name: rollIn;
- }
-
- &.rollOut {
- -webkit-animation-name: rollOut;
- animation-name: rollOut;
- }
-
- &.lightSpeedIn {
- -webkit-animation-name: lightSpeedIn;
- animation-name: lightSpeedIn;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- -webkit-animation-duration: .5s;
- animation-duration: .5s;
- }
-
- &.lightSpeedOut {
- -webkit-animation-name: lightSpeedOut;
- animation-name: lightSpeedOut;
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- -webkit-animation-duration: .25s;
- animation-duration: .25s;
- }
-
- &.fade {
- opacity: 0;
- -webkit-transition: opacity .15s linear;
- transition: opacity .15s linear;
- }
-}
-
-[class*=" bg-"], [class^=bg-] {
- -webkit-filter: none!important;
- filter: none!important;
-}