@CHARSET "UTF-8"; /* Animation durations */ .short { -webkit-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; } .medium { -webkit-animation-iteration-count: 5; -ms-animation-iteration-count: 5; animation-iteration-count: 5; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; } .long { -webkit-animation-iteration-count: 10; -ms-animation-iteration-count: 10; animation-iteration-count: 10; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; } .infinite { -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; } /* Animations */ .shake { -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: shake; -ms-animation-name: shake; animation-name: shake; } .bounce { -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; } .pulse { -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; } .flip { -webkit-animation-duration: 3s; -ms-animation-duration: 3s; animation-duration: 3s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: flip; -ms-animation-name: flip; animation-name: flip; } .slideDown { -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: slideDown; -ms-animation-name: slideDown; animation-name: slideDown; } .slideUp { -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: slideUp; -ms-animation-name: slideUp; animation-name: slideUp; } .slideLeft { -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: slideLeft; -ms-animation-name: slideLeft; animation-name: slideLeft; } .slideRight { -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: slideRight; -ms-animation-name: slideRight; animation-name: slideRight; } .stretch{ -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: stretch; -ms-animation-name: stretch; animation-name: stretch; } .rotate{ -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: rotate; -ms-animation-name: rotate; animation-name: rotate; } .round{ -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: round; -ms-animation-name: round; animation-name: round; } .swingOut{ -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: swingOut; -ms-animation-name: swingOut; animation-name: swingOut; } .swingIn{ -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: swingIn; -ms-animation-name: swingIn; animation-name: swingIn; } /* Keyframes */ @-webkit-keyframes shake { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg); } 4% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } 6% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); } 8% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); } 10% { -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 12% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } 14% { -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg); } 16% { -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg); } 18% { -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 20% { -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 22% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 24% { -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); } 26% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); } 28% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } 30% { -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg); } 32% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } 34% { -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); } 36% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); } 38% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); } 40% { -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg); } 42% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 44% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 46% { -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } 48% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 50% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } 52% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } 54% { -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg); } 56% { -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg); } 58% { -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg); } 60% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 62% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); } 64% { -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 66% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); } 68% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } 70% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); } 72% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } 74% { -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg); } 76% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); } 78% { -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg); } 80% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } 82% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); } 84% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 86% { -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 88% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } 90% { -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); } 92% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } 94% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); } 96% { -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg); } 98% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } } @-ms-keyframes shake { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); } 2% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 4% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); } 6% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 8% { -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } 10% { -ms-transform: translate(1.5px, -2.5px) rotate(-1.5deg); } 12% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 14% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 16% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); } 18% { -ms-transform: translate(1.5px, -0.5px) rotate(-1.5deg); } 20% { -ms-transform: translate(-1.5px, -2.5px) rotate(-0.5deg); } 22% { -ms-transform: translate(-0.5px, -0.5px) rotate(-0.5deg); } 24% { -ms-transform: translate(1.5px, -0.5px) rotate(-0.5deg); } 26% { -ms-transform: translate(-1.5px, -2.5px) rotate(0.5deg); } 28% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 30% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 32% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 34% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 36% { -ms-transform: translate(-0.5px, -0.5px) rotate(0.5deg); } 38% { -ms-transform: translate(1.5px, -1.5px) rotate(-0.5deg); } 40% { -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg); } 42% { -ms-transform: translate(-1.5px, 1.5px) rotate(-0.5deg); } 44% { -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg); } 46% { -ms-transform: translate(1.5px, 0.5px) rotate(0.5deg); } 48% { -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg); } 50% { -ms-transform: translate(1.5px, 1.5px) rotate(-0.5deg); } 52% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 54% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 56% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); } 58% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 60% { -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg); } 62% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 64% { -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); } 66% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 68% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 70% { -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } 72% { -ms-transform: translate(0.5px, -2.5px) rotate(-1.5deg); } 74% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 76% { -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 78% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 80% { -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg); } 82% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } 84% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } 86% { -ms-transform: translate(-0.5px, 0.5px) rotate(-1.5deg); } 88% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); } 90% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 92% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 94% { -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); } 96% { -ms-transform: translate(1.5px, 1.5px) rotate(0.5deg); } 98% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } } @keyframes shake { 0% { transform: translate(0px, 0px) rotate(0deg); } 2% { transform: translate(-0.5px, 0.5px) rotate(-0.5deg); } 4% { transform: translate(-2.5px, -1.5px) rotate(0.5deg); } 6% { transform: translate(1.5px, 1.5px) rotate(-1.5deg); } 8% { transform: translate(-1.5px, -2.5px) rotate(0.5deg); } 10% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); } 12% { transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } 14% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 16% { transform: translate(0.5px, 0.5px) rotate(-0.5deg); } 18% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 20% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); } 22% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); } 24% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } 26% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 28% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 30% { transform: translate(-2.5px, 0.5px) rotate(0.5deg); } 32% { transform: translate(1.5px, -0.5px) rotate(-0.5deg); } 34% { transform: translate(0.5px, -2.5px) rotate(-1.5deg); } 36% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); } 38% { transform: translate(-2.5px, -0.5px) rotate(0.5deg); } 40% { transform: translate(-0.5px, 1.5px) rotate(0.5deg); } 42% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); } 44% { transform: translate(-2.5px, -2.5px) rotate(0.5deg); } 46% { transform: translate(0.5px, -2.5px) rotate(0.5deg); } 48% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 50% { transform: translate(-0.5px, 0.5px) rotate(0.5deg); } 52% { transform: translate(1.5px, 0.5px) rotate(0.5deg); } 54% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); } 56% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); } 58% { transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } 60% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } 62% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); } 64% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 66% { transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } 68% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 70% { transform: translate(0.5px, 1.5px) rotate(0.5deg); } 72% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); } 74% { transform: translate(1.5px, -0.5px) rotate(0.5deg); } 76% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); } 78% { transform: translate(-0.5px, -2.5px) rotate(0.5deg); } 80% { transform: translate(1.5px, -0.5px) rotate(0.5deg); } 82% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); } 84% { transform: translate(-1.5px, -1.5px) rotate(-0.5deg); } 86% { transform: translate(0.5px, -0.5px) rotate(-1.5deg); } 88% { transform: translate(-2.5px, -2.5px) rotate(-1.5deg); } 90% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); } 92% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); } 94% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); } 96% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); } 98% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translate(0px, 0px); } 10% { -webkit-transform: translate(0px, 20px); } 20% { -webkit-transform: translate(0px, -20px); } 30% { -webkit-transform: translate(0px, 15px); } 40% { -webkit-transform: translate(0px, -15px); } 50% { -webkit-transform: translate(0px, 10px); } 60% { -webkit-transform: translate(0px, -10px); } 70% { -webkit-transform: translate(0px, 5px); } 80% { -webkit-transform: translate(0px, -5px); } 90% { -webkit-transform: translate(0px, 2px); } 100% { -webkit-transform: translate(0px, 0px); } } @-ms-keyframes bounce { 0% { -ms-transform: translate(0px, 0px); } 10% { -ms-transform: translate(0px, 20px); } 20% { -ms-transform: translate(0px, -20px); } 30% { -ms-transform: translate(0px, 15px); } 40% { -ms-transform: translate(0px, -15px); } 50% { -ms-transform: translate(0px, 10px); } 60% { -ms-transform: translate(0px, -10px); } 70% { -ms-transform: translate(0px, 5px); } 80% { -ms-transform: translate(0px, -5px); } 90% { -ms-transform: translate(0px, 2px); } 100% { -ms-transform: translate(0px, 0px); } } @keyframes bounce { 0% { transform: translate(0px, 0px); } 10% { transform: translate(0px, 20px); } 20% { transform: translate(0px, -20px); } 30% { transform: translate(0px, 15px); } 40% { transform: translate(0px, -15px); } 50% { transform: translate(0px, 10px); } 60% { transform: translate(0px, -10px); } 70% { transform: translate(0px, 5px); } 80% { transform: translate(0px, -5px); } 90% { transform: translate(0px, 2px); } 100% { transform: translate(0px, 0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.3,1.3,1.3); } 100% { -webkit-transform: scale3d(1,1,1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale3d(1,1,1); } 50% { -ms-transform: scale3d(1.3,1.3,1.3); } 100% { -ms-transform: scale3d(1,1,1); } } @keyframes pulse { 0% { transform: scale3d(1,1,1); } 50% { transform: scale3d(1.3,1.3,1.3); } 100% { transform: scale3d(1,1,1); } } @-webkit-keyframes flip { from { -webkit-transform: scaleX(1); } to { -webkit-transform: scaleX(-1); } } @-ms-keyframes flip { from { -ms-transform: scaleX(1); } to { -ms-transform: scaleX(-1); } } @keyframes flip { from { transform: scaleX(1); } to { transform: scaleX(-1); } } @-webkit-keyframes slideDown { from { -webkit-transform: translate(0px, 0px); } to { -webkit-transform: translate(0px, 1000px); } } @-ms-keyframes slideDown { from { -ms-transform: translate(0px, 0px); } to { -ms-transform: translate(0px, 1000px); } } @keyframes slideDown { from { transform: translate(0px, 0px); } to { transform: translate(0px, 1000px); } } @-webkit-keyframes slideUp { from { -webkit-transform: translate(0px, 0px); } to { -webkit-transform: translate(0px, -1000px); } } @-ms-keyframes slideUp { from { -ms-transform: translate(0px, 0px); } to { -ms-transform: translate(0px, -1000px); } } @keyframes slideUp { from { transform: translate(0px, 0px); } to { transform: translate(0px, -1000px); } } @-webkit-keyframes slideLeft { from { -webkit-transform: translate(0px, 0px); } to { -webkit-transform: translate(-1000px, 0px); } } @-ms-keyframes slideLeft { from { -ms-transform: translate(0px, 0px); } to { -ms-transform: translate(-1000px, 0px); } } @keyframes slideLeft { from { transform: translate(0px, 0px); } to { transform: translate(-1000px, 0px); } } @-webkit-keyframes slideRight { from { -webkit-transform: translate(0px, 0px); } to { -webkit-transform: translate(1000px, 0px); } } @-ms-keyframes slideRight { from { -ms-transform: translate(0px, 0px); } to { -ms-transform: translate(1000px, 0px); } } @keyframes slideRight { from { transform: translate(0px, 0px); } to { transform: translate(1000px, 0px); } } @-webkit-keyframes stretch { 0% { -webkit-transform: scaleX(1) scaleY(1); } 50% { -webkit-transform: scaleX(2) scaleY(0.5); } 100% { -webkit-transform: scaleX(1) scaleY(1); } } @-ms-keyframes stretch { 0% { -ms-transform: scaleX(1) scaleY(1); } 50% { -ms-transform: scaleX(2) scaleY(0.5); } 100% { -ms-transform: scaleX(1) scaleY(1); } } @keyframes stretch { 0% { transform: scaleX(1) scaleY(1); } 50% { transform: scaleX(2) scaleY(0.5); } 100% { transform: scaleX(1) scaleY(1); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-ms-keyframes stretch { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @keyframes stretch { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes round { 0% { border-radius: 0px; } 50% { border-radius: 50%; } 100% {border-radius: 0px; } } @-ms-keyframes round { 0% { border-radius: 0px; } 50% { border-radius: 50%; } 100% {border-radius: 0px; } } @keyframes round { 0% { border-radius: 0px; } 50% { border-radius: 50%; } 100% {border-radius: 0px; } } @-webkit-keyframes swingOut { from { -webkit-transform: scale3d(1,1,1) rotate(0deg); } to { -webkit-transform: scale3d(0,0,0) rotate(360deg); } } @-ms-keyframes swingOut { from { -ms-transform: scale3d(1,1,1) rotate(0deg); } to { -ms-transform: scale3d(0,0,0) rotate(360deg); } } @keyframes swingOut { from { transform: scale3d(1,1,1) rotate(0deg); } to { transform: scale3d(0,0,0) rotate(360deg); } } @-webkit-keyframes swingIn { from { -webkit-transform: scale3d(0,0,0) rotate(360deg); } to { -webkit-transform: scale3d(1,1,1) rotate(0deg); } } @-ms-keyframes swingIn { from { -ms-transform: scale3d(0,0,0) rotate(360deg); } to { -ms-transform: scale3d(1,1,1) rotate(0deg); } } @keyframes swingIn { from { transform: scale3d(0,0,0) rotate(360deg); } to { transform: scale3d(1,1,1) rotate(0deg); } }