|
|
| Line 1,667: |
Line 1,667: |
| | } | | } |
| | | | |
| − | /*animate.css*/
| |
| − | @charset "UTF-8";
| |
| − | /*
| |
| − | Animate.css - http://daneden.me/animate
| |
| − | Licensed under the ☺ license (http://licence.visualidiot.com/)
| |
| − |
| |
| − | Copyright (c) 2012 Dan Eden
| |
| − |
| |
| − | 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:
| |
| − |
| |
| − | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
| |
| − |
| |
| − | 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.
| |
| − | */
| |
| − | body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
| |
| − | -webkit-backface-visibility: hidden;
| |
| − | }
| |
| − | .animated {
| |
| − | -webkit-animation-duration: 1s;
| |
| − | -moz-animation-duration: 1s;
| |
| − | -o-animation-duration: 1s;
| |
| − | animation-duration: 1s;
| |
| − | -webkit-animation-fill-mode: both;
| |
| − | -moz-animation-fill-mode: both;
| |
| − | -o-animation-fill-mode: both;
| |
| − | animation-fill-mode: both;
| |
| − | }
| |
| − |
| |
| − | .animated.hinge {
| |
| − | -webkit-animation-duration: 2s;
| |
| − | -moz-animation-duration: 2s;
| |
| − | -o-animation-duration: 2s;
| |
| − | animation-duration: 2s;
| |
| − | }
| |
| − |
| |
| − | @-webkit-keyframes flash {
| |
| − | 0%, 50%, 100% {opacity: 1;}
| |
| − | 25%, 75% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes flash {
| |
| − | 0%, 50%, 100% {opacity: 1;}
| |
| − | 25%, 75% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes flash {
| |
| − | 0%, 50%, 100% {opacity: 1;}
| |
| − | 25%, 75% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | @keyframes flash {
| |
| − | 0%, 50%, 100% {opacity: 1;}
| |
| − | 25%, 75% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | .flash {
| |
| − | -webkit-animation-name: flash;
| |
| − | -moz-animation-name: flash;
| |
| − | -o-animation-name: flash;
| |
| − | animation-name: flash;
| |
| − | }
| |
| − | @-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);}
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes shake {
| |
| − | 0%, 100% {-moz-transform: translateX(0);}
| |
| − | 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
| |
| − | 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes shake {
| |
| − | 0%, 100% {-o-transform: translateX(0);}
| |
| − | 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
| |
| − | 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
| |
| − | }
| |
| − |
| |
| − | @keyframes shake {
| |
| − | 0%, 100% {transform: translateX(0);}
| |
| − | 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
| |
| − | 20%, 40%, 60%, 80% {transform: translateX(10px);}
| |
| − | }
| |
| − |
| |
| − | .shake {
| |
| − | -webkit-animation-name: shake;
| |
| − | -moz-animation-name: shake;
| |
| − | -o-animation-name: shake;
| |
| − | animation-name: shake;
| |
| − | }
| |
| − | @-webkit-keyframes bounce {
| |
| − | 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
| |
| − | 40% {-webkit-transform: translateY(-30px);}
| |
| − | 60% {-webkit-transform: translateY(-15px);}
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounce {
| |
| − | 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
| |
| − | 40% {-moz-transform: translateY(-30px);}
| |
| − | 60% {-moz-transform: translateY(-15px);}
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounce {
| |
| − | 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
| |
| − | 40% {-o-transform: translateY(-30px);}
| |
| − | 60% {-o-transform: translateY(-15px);}
| |
| − | }
| |
| − | @keyframes bounce {
| |
| − | 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
| |
| − | 40% {transform: translateY(-30px);}
| |
| − | 60% {transform: translateY(-15px);}
| |
| − | }
| |
| − |
| |
| − | .bounce {
| |
| − | -webkit-animation-name: bounce;
| |
| − | -moz-animation-name: bounce;
| |
| − | -o-animation-name: bounce;
| |
| − | animation-name: bounce;
| |
| − | }
| |
| − | @-webkit-keyframes tada {
| |
| − | 0% {-webkit-transform: scale(1);}
| |
| − | 10%, 20% {-webkit-transform: scale(0.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);}
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes tada {
| |
| − | 0% {-moz-transform: scale(1);}
| |
| − | 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
| |
| − | 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
| |
| − | 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
| |
| − | 100% {-moz-transform: scale(1) rotate(0);}
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes tada {
| |
| − | 0% {-o-transform: scale(1);}
| |
| − | 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
| |
| − | 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
| |
| − | 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
| |
| − | 100% {-o-transform: scale(1) rotate(0);}
| |
| − | }
| |
| − |
| |
| − | @keyframes tada {
| |
| − | 0% {transform: scale(1);}
| |
| − | 10%, 20% {transform: scale(0.9) rotate(-3deg);}
| |
| − | 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
| |
| − | 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
| |
| − | 100% {transform: scale(1) rotate(0);}
| |
| − | }
| |
| − |
| |
| − | .tada {
| |
| − | -webkit-animation-name: tada;
| |
| − | -moz-animation-name: tada;
| |
| − | -o-animation-name: tada;
| |
| − | animation-name: tada;
| |
| − | }
| |
| − | @-webkit-keyframes swing {
| |
| − | 20%, 40%, 60%, 80%, 100% { -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); }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes swing {
| |
| − | 20% { -moz-transform: rotate(15deg); }
| |
| − | 40% { -moz-transform: rotate(-10deg); }
| |
| − | 60% { -moz-transform: rotate(5deg); }
| |
| − | 80% { -moz-transform: rotate(-5deg); }
| |
| − | 100% { -moz-transform: rotate(0deg); }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes swing {
| |
| − | 20% { -o-transform: rotate(15deg); }
| |
| − | 40% { -o-transform: rotate(-10deg); }
| |
| − | 60% { -o-transform: rotate(5deg); }
| |
| − | 80% { -o-transform: rotate(-5deg); }
| |
| − | 100% { -o-transform: rotate(0deg); }
| |
| − | }
| |
| − |
| |
| − | @keyframes swing {
| |
| − | 20% { transform: rotate(15deg); }
| |
| − | 40% { transform: rotate(-10deg); }
| |
| − | 60% { transform: rotate(5deg); }
| |
| − | 80% { transform: rotate(-5deg); }
| |
| − | 100% { transform: rotate(0deg); }
| |
| − | }
| |
| − |
| |
| − | .swing {
| |
| − | -webkit-transform-origin: top center;
| |
| − | -moz-transform-origin: top center;
| |
| − | -o-transform-origin: top center;
| |
| − | transform-origin: top center;
| |
| − | -webkit-animation-name: swing;
| |
| − | -moz-animation-name: swing;
| |
| − | -o-animation-name: swing;
| |
| − | animation-name: swing;
| |
| − | }
| |
| − | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
| |
| − |
| |
| − | @-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%); }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes wobble {
| |
| − | 0% { -moz-transform: translateX(0%); }
| |
| − | 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
| |
| − | 30% { -moz-transform: translateX(20%) rotate(3deg); }
| |
| − | 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
| |
| − | 60% { -moz-transform: translateX(10%) rotate(2deg); }
| |
| − | 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
| |
| − | 100% { -moz-transform: translateX(0%); }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes wobble {
| |
| − | 0% { -o-transform: translateX(0%); }
| |
| − | 15% { -o-transform: translateX(-25%) rotate(-5deg); }
| |
| − | 30% { -o-transform: translateX(20%) rotate(3deg); }
| |
| − | 45% { -o-transform: translateX(-15%) rotate(-3deg); }
| |
| − | 60% { -o-transform: translateX(10%) rotate(2deg); }
| |
| − | 75% { -o-transform: translateX(-5%) rotate(-1deg); }
| |
| − | 100% { -o-transform: translateX(0%); }
| |
| − | }
| |
| − |
| |
| − | @keyframes wobble {
| |
| − | 0% { transform: translateX(0%); }
| |
| − | 15% { transform: translateX(-25%) rotate(-5deg); }
| |
| − | 30% { transform: translateX(20%) rotate(3deg); }
| |
| − | 45% { transform: translateX(-15%) rotate(-3deg); }
| |
| − | 60% { transform: translateX(10%) rotate(2deg); }
| |
| − | 75% { transform: translateX(-5%) rotate(-1deg); }
| |
| − | 100% { transform: translateX(0%); }
| |
| − | }
| |
| − |
| |
| − | .wobble {
| |
| − | -webkit-animation-name: wobble;
| |
| − | -moz-animation-name: wobble;
| |
| − | -o-animation-name: wobble;
| |
| − | animation-name: wobble;
| |
| − | }
| |
| − | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
| |
| − |
| |
| − | @-webkit-keyframes pulse {
| |
| − | 0% { -webkit-transform: scale(1); }
| |
| − | 50% { -webkit-transform: scale(1.1); }
| |
| − | 100% { -webkit-transform: scale(1); }
| |
| − | }
| |
| − | @-moz-keyframes pulse {
| |
| − | 0% { -moz-transform: scale(1); }
| |
| − | 50% { -moz-transform: scale(1.1); }
| |
| − | 100% { -moz-transform: scale(1); }
| |
| − | }
| |
| − | @-o-keyframes pulse {
| |
| − | 0% { -o-transform: scale(1); }
| |
| − | 50% { -o-transform: scale(1.1); }
| |
| − | 100% { -o-transform: scale(1); }
| |
| − | }
| |
| − | @keyframes pulse {
| |
| − | 0% { transform: scale(1); }
| |
| − | 50% { transform: scale(1.1); }
| |
| − | 100% { transform: scale(1); }
| |
| − | }
| |
| − |
| |
| − | .pulse {
| |
| − | -webkit-animation-name: pulse;
| |
| − | -moz-animation-name: pulse;
| |
| − | -o-animation-name: pulse;
| |
| − | animation-name: pulse;
| |
| − | }
| |
| − | @-webkit-keyframes flip {
| |
| − | 0% {
| |
| − | -webkit-transform: perspective(400px) rotateY(0);
| |
| − | -webkit-animation-timing-function: ease-out;
| |
| − | }
| |
| − | 40% {
| |
| − | -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
| |
| − | -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) rotateY(360deg) scale(.95);
| |
| − | -webkit-animation-timing-function: ease-in;
| |
| − | }
| |
| − | 100% {
| |
| − | -webkit-transform: perspective(400px) scale(1);
| |
| − | -webkit-animation-timing-function: ease-in;
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes flip {
| |
| − | 0% {
| |
| − | -moz-transform: perspective(400px) rotateY(0);
| |
| − | -moz-animation-timing-function: ease-out;
| |
| − | }
| |
| − | 40% {
| |
| − | -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
| |
| − | -moz-animation-timing-function: ease-out;
| |
| − | }
| |
| − | 50% {
| |
| − | -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
| |
| − | -moz-animation-timing-function: ease-in;
| |
| − | }
| |
| − | 80% {
| |
| − | -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
| |
| − | -moz-animation-timing-function: ease-in;
| |
| − | }
| |
| − | 100% {
| |
| − | -moz-transform: perspective(400px) scale(1);
| |
| − | -moz-animation-timing-function: ease-in;
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes flip {
| |
| − | 0% {
| |
| − | -o-transform: perspective(400px) rotateY(0);
| |
| − | -o-animation-timing-function: ease-out;
| |
| − | }
| |
| − | 40% {
| |
| − | -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
| |
| − | -o-animation-timing-function: ease-out;
| |
| − | }
| |
| − | 50% {
| |
| − | -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
| |
| − | -o-animation-timing-function: ease-in;
| |
| − | }
| |
| − | 80% {
| |
| − | -o-transform: perspective(400px) rotateY(360deg) scale(.95);
| |
| − | -o-animation-timing-function: ease-in;
| |
| − | }
| |
| − | 100% {
| |
| − | -o-transform: perspective(400px) scale(1);
| |
| − | -o-animation-timing-function: ease-in;
| |
| − | }
| |
| − | }
| |
| − | @keyframes flip {
| |
| − | 0% {
| |
| − | transform: perspective(400px) rotateY(0);
| |
| − | animation-timing-function: ease-out;
| |
| − | }
| |
| − | 40% {
| |
| − | transform: perspective(400px) translateZ(150px) rotateY(170deg);
| |
| − | animation-timing-function: ease-out;
| |
| − | }
| |
| − | 50% {
| |
| − | transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
| |
| − | animation-timing-function: ease-in;
| |
| − | }
| |
| − | 80% {
| |
| − | transform: perspective(400px) rotateY(360deg) scale(.95);
| |
| − | animation-timing-function: ease-in;
| |
| − | }
| |
| − | 100% {
| |
| − | transform: perspective(400px) scale(1);
| |
| − | animation-timing-function: ease-in;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .flip {
| |
| − | -webkit-backface-visibility: visible !important;
| |
| − | -webkit-animation-name: flip;
| |
| − | -moz-backface-visibility: visible !important;
| |
| − | -moz-animation-name: flip;
| |
| − | -o-backface-visibility: visible !important;
| |
| − | -o-animation-name: flip;
| |
| − | backface-visibility: visible !important;
| |
| − | animation-name: flip;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes flipInX {
| |
| − | 0% {
| |
| − | -moz-transform: perspective(400px) rotateX(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 40% {
| |
| − | -moz-transform: perspective(400px) rotateX(-10deg);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | -moz-transform: perspective(400px) rotateX(10deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform: perspective(400px) rotateX(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes flipInX {
| |
| − | 0% {
| |
| − | -o-transform: perspective(400px) rotateX(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 40% {
| |
| − | -o-transform: perspective(400px) rotateX(-10deg);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | -o-transform: perspective(400px) rotateX(10deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform: perspective(400px) rotateX(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − | @keyframes flipInX {
| |
| − | 0% {
| |
| − | transform: perspective(400px) rotateX(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 40% {
| |
| − | transform: perspective(400px) rotateX(-10deg);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | transform: perspective(400px) rotateX(10deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform: perspective(400px) rotateX(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .flipInX {
| |
| − | -webkit-backface-visibility: visible !important;
| |
| − | -webkit-animation-name: flipInX;
| |
| − | -moz-backface-visibility: visible !important;
| |
| − | -moz-animation-name: flipInX;
| |
| − | -o-backface-visibility: visible !important;
| |
| − | -o-animation-name: flipInX;
| |
| − | backface-visibility: visible !important;
| |
| − | animation-name: flipInX;
| |
| − | }
| |
| − | @-webkit-keyframes flipOutX {
| |
| − | 0% {
| |
| − | -webkit-transform: perspective(400px) rotateX(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | -webkit-transform: perspective(400px) rotateX(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes flipOutX {
| |
| − | 0% {
| |
| − | -moz-transform: perspective(400px) rotateX(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | -moz-transform: perspective(400px) rotateX(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes flipOutX {
| |
| − | 0% {
| |
| − | -o-transform: perspective(400px) rotateX(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | -o-transform: perspective(400px) rotateX(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes flipOutX {
| |
| − | 0% {
| |
| − | transform: perspective(400px) rotateX(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | transform: perspective(400px) rotateX(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .flipOutX {
| |
| − | -webkit-animation-name: flipOutX;
| |
| − | -webkit-backface-visibility: visible !important;
| |
| − | -moz-animation-name: flipOutX;
| |
| − | -moz-backface-visibility: visible !important;
| |
| − | -o-animation-name: flipOutX;
| |
| − | -o-backface-visibility: visible !important;
| |
| − | animation-name: flipOutX;
| |
| − | backface-visibility: visible !important;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes flipInY {
| |
| − | 0% {
| |
| − | -moz-transform: perspective(400px) rotateY(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 40% {
| |
| − | -moz-transform: perspective(400px) rotateY(-10deg);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | -moz-transform: perspective(400px) rotateY(10deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform: perspective(400px) rotateY(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes flipInY {
| |
| − | 0% {
| |
| − | -o-transform: perspective(400px) rotateY(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 40% {
| |
| − | -o-transform: perspective(400px) rotateY(-10deg);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | -o-transform: perspective(400px) rotateY(10deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform: perspective(400px) rotateY(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − | @keyframes flipInY {
| |
| − | 0% {
| |
| − | transform: perspective(400px) rotateY(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 40% {
| |
| − | transform: perspective(400px) rotateY(-10deg);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | transform: perspective(400px) rotateY(10deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform: perspective(400px) rotateY(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .flipInY {
| |
| − | -webkit-backface-visibility: visible !important;
| |
| − | -webkit-animation-name: flipInY;
| |
| − | -moz-backface-visibility: visible !important;
| |
| − | -moz-animation-name: flipInY;
| |
| − | -o-backface-visibility: visible !important;
| |
| − | -o-animation-name: flipInY;
| |
| − | backface-visibility: visible !important;
| |
| − | animation-name: flipInY;
| |
| − | }
| |
| − | @-webkit-keyframes flipOutY {
| |
| − | 0% {
| |
| − | -webkit-transform: perspective(400px) rotateY(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | -webkit-transform: perspective(400px) rotateY(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes flipOutY {
| |
| − | 0% {
| |
| − | -moz-transform: perspective(400px) rotateY(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | -moz-transform: perspective(400px) rotateY(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes flipOutY {
| |
| − | 0% {
| |
| − | -o-transform: perspective(400px) rotateY(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | -o-transform: perspective(400px) rotateY(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − | @keyframes flipOutY {
| |
| − | 0% {
| |
| − | transform: perspective(400px) rotateY(0deg);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | 100% {
| |
| − | transform: perspective(400px) rotateY(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .flipOutY {
| |
| − | -webkit-backface-visibility: visible !important;
| |
| − | -webkit-animation-name: flipOutY;
| |
| − | -moz-backface-visibility: visible !important;
| |
| − | -moz-animation-name: flipOutY;
| |
| − | -o-backface-visibility: visible !important;
| |
| − | -o-animation-name: flipOutY;
| |
| − | backface-visibility: visible !important;
| |
| − | animation-name: flipOutY;
| |
| − | }
| |
| − | @-webkit-keyframes fadeIn {
| |
| − | 0% {opacity: 0;}
| |
| − | 100% {opacity: 1;}
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeIn {
| |
| − | 0% {opacity: 0;}
| |
| − | 100% {opacity: 1;}
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeIn {
| |
| − | 0% {opacity: 0;}
| |
| − | 100% {opacity: 1;}
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeIn {
| |
| − | 0% {opacity: 0;}
| |
| − | 100% {opacity: 1;}
| |
| − | }
| |
| − |
| |
| − | .fadeIn {
| |
| − | -webkit-animation-name: fadeIn;
| |
| − | -moz-animation-name: fadeIn;
| |
| − | -o-animation-name: fadeIn;
| |
| − | animation-name: fadeIn;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInUp {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeInUp {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeInUp {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeInUp {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInUp {
| |
| − | -webkit-animation-name: fadeInUp;
| |
| − | -moz-animation-name: fadeInUp;
| |
| − | -o-animation-name: fadeInUp;
| |
| − | animation-name: fadeInUp;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInDown {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeInDown {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeInDown {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeInDown {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInDown {
| |
| − | -webkit-animation-name: fadeInDown;
| |
| − | -moz-animation-name: fadeInDown;
| |
| − | -o-animation-name: fadeInDown;
| |
| − | animation-name: fadeInDown;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInLeft {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeInLeft {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeInLeft {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeInLeft {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInLeft {
| |
| − | -webkit-animation-name: fadeInLeft;
| |
| − | -moz-animation-name: fadeInLeft;
| |
| − | -o-animation-name: fadeInLeft;
| |
| − | animation-name: fadeInLeft;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInRight {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeInRight {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeInRight {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeInRight {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInRight {
| |
| − | -webkit-animation-name: fadeInRight;
| |
| − | -moz-animation-name: fadeInRight;
| |
| − | -o-animation-name: fadeInRight;
| |
| − | animation-name: fadeInRight;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInUpBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeInUpBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeInUpBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeInUpBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInUpBig {
| |
| − | -webkit-animation-name: fadeInUpBig;
| |
| − | -moz-animation-name: fadeInUpBig;
| |
| − | -o-animation-name: fadeInUpBig;
| |
| − | animation-name: fadeInUpBig;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInDownBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeInDownBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeInDownBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeInDownBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInDownBig {
| |
| − | -webkit-animation-name: fadeInDownBig;
| |
| − | -moz-animation-name: fadeInDownBig;
| |
| − | -o-animation-name: fadeInDownBig;
| |
| − | animation-name: fadeInDownBig;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInLeftBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes fadeInLeftBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes fadeInLeftBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − | @keyframes fadeInLeftBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(-2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInLeftBig {
| |
| − | -webkit-animation-name: fadeInLeftBig;
| |
| − | -moz-animation-name: fadeInLeftBig;
| |
| − | -o-animation-name: fadeInLeftBig;
| |
| − | animation-name: fadeInLeftBig;
| |
| − | }
| |
| − | @-webkit-keyframes fadeInRightBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeInRightBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeInRightBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeInRightBig {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(2000px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeInRightBig {
| |
| − | -webkit-animation-name: fadeInRightBig;
| |
| − | -moz-animation-name: fadeInRightBig;
| |
| − | -o-animation-name: fadeInRightBig;
| |
| − | animation-name: fadeInRightBig;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOut {
| |
| − | 0% {opacity: 1;}
| |
| − | 100% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeOut {
| |
| − | 0% {opacity: 1;}
| |
| − | 100% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeOut {
| |
| − | 0% {opacity: 1;}
| |
| − | 100% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeOut {
| |
| − | 0% {opacity: 1;}
| |
| − | 100% {opacity: 0;}
| |
| − | }
| |
| − |
| |
| − | .fadeOut {
| |
| − | -webkit-animation-name: fadeOut;
| |
| − | -moz-animation-name: fadeOut;
| |
| − | -o-animation-name: fadeOut;
| |
| − | animation-name: fadeOut;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutUp {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(-20px);
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes fadeOutUp {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(-20px);
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes fadeOutUp {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(-20px);
| |
| − | }
| |
| − | }
| |
| − | @keyframes fadeOutUp {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(-20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutUp {
| |
| − | -webkit-animation-name: fadeOutUp;
| |
| − | -moz-animation-name: fadeOutUp;
| |
| − | -o-animation-name: fadeOutUp;
| |
| − | animation-name: fadeOutUp;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutDown {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeOutDown {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeOutDown {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeOutDown {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutDown {
| |
| − | -webkit-animation-name: fadeOutDown;
| |
| − | -moz-animation-name: fadeOutDown;
| |
| − | -o-animation-name: fadeOutDown;
| |
| − | animation-name: fadeOutDown;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutLeft {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(-20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeOutLeft {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(-20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeOutLeft {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(-20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeOutLeft {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(-20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutLeft {
| |
| − | -webkit-animation-name: fadeOutLeft;
| |
| − | -moz-animation-name: fadeOutLeft;
| |
| − | -o-animation-name: fadeOutLeft;
| |
| − | animation-name: fadeOutLeft;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutRight {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeOutRight {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeOutRight {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeOutRight {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(20px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutRight {
| |
| − | -webkit-animation-name: fadeOutRight;
| |
| − | -moz-animation-name: fadeOutRight;
| |
| − | -o-animation-name: fadeOutRight;
| |
| − | animation-name: fadeOutRight;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutUpBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeOutUpBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeOutUpBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeOutUpBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutUpBig {
| |
| − | -webkit-animation-name: fadeOutUpBig;
| |
| − | -moz-animation-name: fadeOutUpBig;
| |
| − | -o-animation-name: fadeOutUpBig;
| |
| − | animation-name: fadeOutUpBig;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutDownBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeOutDownBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeOutDownBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeOutDownBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutDownBig {
| |
| − | -webkit-animation-name: fadeOutDownBig;
| |
| − | -moz-animation-name: fadeOutDownBig;
| |
| − | -o-animation-name: fadeOutDownBig;
| |
| − | animation-name: fadeOutDownBig;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutLeftBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes fadeOutLeftBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes fadeOutLeftBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes fadeOutLeftBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutLeftBig {
| |
| − | -webkit-animation-name: fadeOutLeftBig;
| |
| − | -moz-animation-name: fadeOutLeftBig;
| |
| − | -o-animation-name: fadeOutLeftBig;
| |
| − | animation-name: fadeOutLeftBig;
| |
| − | }
| |
| − | @-webkit-keyframes fadeOutRightBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes fadeOutRightBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes fadeOutRightBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − | @keyframes fadeOutRightBig {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .fadeOutRightBig {
| |
| − | -webkit-animation-name: fadeOutRightBig;
| |
| − | -moz-animation-name: fadeOutRightBig;
| |
| − | -o-animation-name: fadeOutRightBig;
| |
| − | animation-name: fadeOutRightBig;
| |
| − | }
| |
| − | @-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);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceIn {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: scale(.3);
| |
| − | }
| |
| − |
| |
| − | 50% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: scale(1.05);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | -moz-transform: scale(.9);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform: scale(1);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceIn {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: scale(.3);
| |
| − | }
| |
| − |
| |
| − | 50% {
| |
| − | opacity: 1;
| |
| − | -o-transform: scale(1.05);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | -o-transform: scale(.9);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform: scale(1);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceIn {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: scale(.3);
| |
| − | }
| |
| − |
| |
| − | 50% {
| |
| − | opacity: 1;
| |
| − | transform: scale(1.05);
| |
| − | }
| |
| − |
| |
| − | 70% {
| |
| − | transform: scale(.9);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceIn {
| |
| − | -webkit-animation-name: bounceIn;
| |
| − | -moz-animation-name: bounceIn;
| |
| − | -o-animation-name: bounceIn;
| |
| − | animation-name: bounceIn;
| |
| − | }
| |
| − | @-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);
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes bounceInUp {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(-30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -moz-transform: translateY(10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceInUp {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(-30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -o-transform: translateY(10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceInUp {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(-30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | transform: translateY(10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceInUp {
| |
| − | -webkit-animation-name: bounceInUp;
| |
| − | -moz-animation-name: bounceInUp;
| |
| − | -o-animation-name: bounceInUp;
| |
| − | animation-name: bounceInUp;
| |
| − | }
| |
| − | @-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);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceInDown {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(-2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -moz-transform: translateY(-10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceInDown {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(-2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -o-transform: translateY(-10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceInDown {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(-2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | transform: translateY(-10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceInDown {
| |
| − | -webkit-animation-name: bounceInDown;
| |
| − | -moz-animation-name: bounceInDown;
| |
| − | -o-animation-name: bounceInDown;
| |
| − | animation-name: bounceInDown;
| |
| − | }
| |
| − | @-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);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceInLeft {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(-2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -moz-transform: translateX(-10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceInLeft {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(-2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -o-transform: translateX(-10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceInLeft {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(-2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | transform: translateX(-10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceInLeft {
| |
| − | -webkit-animation-name: bounceInLeft;
| |
| − | -moz-animation-name: bounceInLeft;
| |
| − | -o-animation-name: bounceInLeft;
| |
| − | animation-name: bounceInLeft;
| |
| − | }
| |
| − | @-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);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceInRight {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(-30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -moz-transform: translateX(10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceInRight {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(-30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | -o-transform: translateX(10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceInRight {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(2000px);
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(-30px);
| |
| − | }
| |
| − |
| |
| − | 80% {
| |
| − | transform: translateX(10px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceInRight {
| |
| − | -webkit-animation-name: bounceInRight;
| |
| − | -moz-animation-name: bounceInRight;
| |
| − | -o-animation-name: bounceInRight;
| |
| − | animation-name: bounceInRight;
| |
| − | }
| |
| − | @-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);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceOut {
| |
| − | 0% {
| |
| − | -moz-transform: scale(1);
| |
| − | }
| |
| − |
| |
| − | 25% {
| |
| − | -moz-transform: scale(.95);
| |
| − | }
| |
| − |
| |
| − | 50% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: scale(1.1);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: scale(.3);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceOut {
| |
| − | 0% {
| |
| − | -o-transform: scale(1);
| |
| − | }
| |
| − |
| |
| − | 25% {
| |
| − | -o-transform: scale(.95);
| |
| − | }
| |
| − |
| |
| − | 50% {
| |
| − | opacity: 1;
| |
| − | -o-transform: scale(1.1);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: scale(.3);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceOut {
| |
| − | 0% {
| |
| − | transform: scale(1);
| |
| − | }
| |
| − |
| |
| − | 25% {
| |
| − | transform: scale(.95);
| |
| − | }
| |
| − |
| |
| − | 50% {
| |
| − | opacity: 1;
| |
| − | transform: scale(1.1);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: scale(.3);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceOut {
| |
| − | -webkit-animation-name: bounceOut;
| |
| − | -moz-animation-name: bounceOut;
| |
| − | -o-animation-name: bounceOut;
| |
| − | animation-name: bounceOut;
| |
| − | }
| |
| − | @-webkit-keyframes bounceOutUp {
| |
| − | 0% {
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceOutUp {
| |
| − | 0% {
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceOutUp {
| |
| − | 0% {
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceOutUp {
| |
| − | 0% {
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceOutUp {
| |
| − | -webkit-animation-name: bounceOutUp;
| |
| − | -moz-animation-name: bounceOutUp;
| |
| − | -o-animation-name: bounceOutUp;
| |
| − | animation-name: bounceOutUp;
| |
| − | }
| |
| − | @-webkit-keyframes bounceOutDown {
| |
| − | 0% {
| |
| − | -webkit-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceOutDown {
| |
| − | 0% {
| |
| − | -moz-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceOutDown {
| |
| − | 0% {
| |
| − | -o-transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceOutDown {
| |
| − | 0% {
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceOutDown {
| |
| − | -webkit-animation-name: bounceOutDown;
| |
| − | -moz-animation-name: bounceOutDown;
| |
| − | -o-animation-name: bounceOutDown;
| |
| − | animation-name: bounceOutDown;
| |
| − | }
| |
| − | @-webkit-keyframes bounceOutLeft {
| |
| − | 0% {
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceOutLeft {
| |
| − | 0% {
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceOutLeft {
| |
| − | 0% {
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceOutLeft {
| |
| − | 0% {
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(-2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceOutLeft {
| |
| − | -webkit-animation-name: bounceOutLeft;
| |
| − | -moz-animation-name: bounceOutLeft;
| |
| − | -o-animation-name: bounceOutLeft;
| |
| − | animation-name: bounceOutLeft;
| |
| − | }
| |
| − | @-webkit-keyframes bounceOutRight {
| |
| − | 0% {
| |
| − | -webkit-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes bounceOutRight {
| |
| − | 0% {
| |
| − | -moz-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes bounceOutRight {
| |
| − | 0% {
| |
| − | -o-transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes bounceOutRight {
| |
| − | 0% {
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − |
| |
| − | 20% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(-20px);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(2000px);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .bounceOutRight {
| |
| − | -webkit-animation-name: bounceOutRight;
| |
| − | -moz-animation-name: bounceOutRight;
| |
| − | -o-animation-name: bounceOutRight;
| |
| − | animation-name: bounceOutRight;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes rotateIn {
| |
| − | 0% {
| |
| − | -moz-transform-origin: center center;
| |
| − | -moz-transform: rotate(-200deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: center center;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes rotateIn {
| |
| − | 0% {
| |
| − | -o-transform-origin: center center;
| |
| − | -o-transform: rotate(-200deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: center center;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − | @keyframes rotateIn {
| |
| − | 0% {
| |
| − | transform-origin: center center;
| |
| − | transform: rotate(-200deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: center center;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateIn {
| |
| − | -webkit-animation-name: rotateIn;
| |
| − | -moz-animation-name: rotateIn;
| |
| − | -o-animation-name: rotateIn;
| |
| − | animation-name: rotateIn;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateInUpLeft {
| |
| − | 0% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateInUpLeft {
| |
| − | 0% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateInUpLeft {
| |
| − | 0% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateInUpLeft {
| |
| − | -webkit-animation-name: rotateInUpLeft;
| |
| − | -moz-animation-name: rotateInUpLeft;
| |
| − | -o-animation-name: rotateInUpLeft;
| |
| − | animation-name: rotateInUpLeft;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateInDownLeft {
| |
| − | 0% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateInDownLeft {
| |
| − | 0% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateInDownLeft {
| |
| − | 0% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateInDownLeft {
| |
| − | -webkit-animation-name: rotateInDownLeft;
| |
| − | -moz-animation-name: rotateInDownLeft;
| |
| − | -o-animation-name: rotateInDownLeft;
| |
| − | animation-name: rotateInDownLeft;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateInUpRight {
| |
| − | 0% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateInUpRight {
| |
| − | 0% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateInUpRight {
| |
| − | 0% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateInUpRight {
| |
| − | -webkit-animation-name: rotateInUpRight;
| |
| − | -moz-animation-name: rotateInUpRight;
| |
| − | -o-animation-name: rotateInUpRight;
| |
| − | animation-name: rotateInUpRight;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateInDownRight {
| |
| − | 0% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateInDownRight {
| |
| − | 0% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateInDownRight {
| |
| − | 0% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateInDownRight {
| |
| − | -webkit-animation-name: rotateInDownRight;
| |
| − | -moz-animation-name: rotateInDownRight;
| |
| − | -o-animation-name: rotateInDownRight;
| |
| − | animation-name: rotateInDownRight;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateOut {
| |
| − | 0% {
| |
| − | -moz-transform-origin: center center;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: center center;
| |
| − | -moz-transform: rotate(200deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateOut {
| |
| − | 0% {
| |
| − | -o-transform-origin: center center;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: center center;
| |
| − | -o-transform: rotate(200deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateOut {
| |
| − | 0% {
| |
| − | transform-origin: center center;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: center center;
| |
| − | transform: rotate(200deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateOut {
| |
| − | -webkit-animation-name: rotateOut;
| |
| − | -moz-animation-name: rotateOut;
| |
| − | -o-animation-name: rotateOut;
| |
| − | animation-name: rotateOut;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateOutUpLeft {
| |
| − | 0% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateOutUpLeft {
| |
| − | 0% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateOutUpLeft {
| |
| − | 0% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateOutUpLeft {
| |
| − | -webkit-animation-name: rotateOutUpLeft;
| |
| − | -moz-animation-name: rotateOutUpLeft;
| |
| − | -o-animation-name: rotateOutUpLeft;
| |
| − | animation-name: rotateOutUpLeft;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateOutDownLeft {
| |
| − | 0% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: left bottom;
| |
| − | -moz-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateOutDownLeft {
| |
| − | 0% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: left bottom;
| |
| − | -o-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateOutDownLeft {
| |
| − | 0% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: left bottom;
| |
| − | transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateOutDownLeft {
| |
| − | -webkit-animation-name: rotateOutDownLeft;
| |
| − | -moz-animation-name: rotateOutDownLeft;
| |
| − | -o-animation-name: rotateOutDownLeft;
| |
| − | animation-name: rotateOutDownLeft;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateOutUpRight {
| |
| − | 0% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateOutUpRight {
| |
| − | 0% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateOutUpRight {
| |
| − | 0% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateOutUpRight {
| |
| − | -webkit-animation-name: rotateOutUpRight;
| |
| − | -moz-animation-name: rotateOutUpRight;
| |
| − | -o-animation-name: rotateOutUpRight;
| |
| − | animation-name: rotateOutUpRight;
| |
| − | }
| |
| − | @-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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rotateOutDownRight {
| |
| − | 0% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -moz-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rotateOutDownRight {
| |
| − | 0% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | -o-transform-origin: right bottom;
| |
| − | -o-transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rotateOutDownRight {
| |
| − | 0% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(0);
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | transform-origin: right bottom;
| |
| − | transform: rotate(-90deg);
| |
| − | opacity: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rotateOutDownRight {
| |
| − | -webkit-animation-name: rotateOutDownRight;
| |
| − | -moz-animation-name: rotateOutDownRight;
| |
| − | -o-animation-name: rotateOutDownRight;
| |
| − | animation-name: rotateOutDownRight;
| |
| − | }
| |
| − | @-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; }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes hinge {
| |
| − | 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| |
| − | 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| |
| − | 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| |
| − | 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| |
| − | 100% { -moz-transform: translateY(700px); opacity: 0; }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes hinge {
| |
| − | 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| |
| − | 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| |
| − | 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| |
| − | 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| |
| − | 100% { -o-transform: translateY(700px); opacity: 0; }
| |
| − | }
| |
| − |
| |
| − | @keyframes hinge {
| |
| − | 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
| |
| − | 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
| |
| − | 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
| |
| − | 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
| |
| − | 100% { transform: translateY(700px); opacity: 0; }
| |
| − | }
| |
| − |
| |
| − | .hinge {
| |
| − | -webkit-animation-name: hinge;
| |
| − | -moz-animation-name: hinge;
| |
| − | -o-animation-name: hinge;
| |
| − | animation-name: hinge;
| |
| − | }
| |
| − | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
| |
| − |
| |
| − | @-webkit-keyframes rollIn {
| |
| − | 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
| |
| − | 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rollIn {
| |
| − | 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
| |
| − | 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rollIn {
| |
| − | 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
| |
| − | 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
| |
| − | }
| |
| − |
| |
| − | @keyframes rollIn {
| |
| − | 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
| |
| − | 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
| |
| − | }
| |
| − |
| |
| − | .rollIn {
| |
| − | -webkit-animation-name: rollIn;
| |
| − | -moz-animation-name: rollIn;
| |
| − | -o-animation-name: rollIn;
| |
| − | animation-name: rollIn;
| |
| − | }
| |
| − | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
| |
| − |
| |
| − | @-webkit-keyframes rollOut {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateX(0px) rotate(0deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateX(100%) rotate(120deg);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes rollOut {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -moz-transform: translateX(0px) rotate(0deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -moz-transform: translateX(100%) rotate(120deg);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes rollOut {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | -o-transform: translateX(0px) rotate(0deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | -o-transform: translateX(100%) rotate(120deg);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @keyframes rollOut {
| |
| − | 0% {
| |
| − | opacity: 1;
| |
| − | transform: translateX(0px) rotate(0deg);
| |
| − | }
| |
| − |
| |
| − | 100% {
| |
| − | opacity: 0;
| |
| − | transform: translateX(100%) rotate(120deg);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .rollOut {
| |
| − | -webkit-animation-name: rollOut;
| |
| − | -moz-animation-name: rollOut;
| |
| − | -o-animation-name: rollOut;
| |
| − | animation-name: rollOut;
| |
| − | }
| |
| − |
| |
| − | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
| |
| − |
| |
| − | @-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; }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes lightSpeedIn {
| |
| − | 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| |
| − | 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
| |
| − | 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
| |
| − | 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes lightSpeedIn {
| |
| − | 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| |
| − | 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
| |
| − | 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
| |
| − | 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
| |
| − | }
| |
| − |
| |
| − | @keyframes lightSpeedIn {
| |
| − | 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
| |
| − | 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
| |
| − | 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
| |
| − | 100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
| |
| − | }
| |
| − |
| |
| − | .lightSpeedIn {
| |
| − | -webkit-animation-name: lightSpeedIn;
| |
| − | -moz-animation-name: lightSpeedIn;
| |
| − | -o-animation-name: lightSpeedIn;
| |
| − | animation-name: lightSpeedIn;
| |
| − |
| |
| − | -webkit-animation-timing-function: ease-out;
| |
| − | -moz-animation-timing-function: ease-out;
| |
| − | -o-animation-timing-function: ease-out;
| |
| − | animation-timing-function: ease-out;
| |
| − | }
| |
| − |
| |
| − | .animated.lightSpeedIn {
| |
| − | -webkit-animation-duration: 0.5s;
| |
| − | -moz-animation-duration: 0.5s;
| |
| − | -o-animation-duration: 0.5s;
| |
| − | animation-duration: 0.5s;
| |
| − | }
| |
| − |
| |
| − | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
| |
| − |
| |
| − | @-webkit-keyframes lightSpeedOut {
| |
| − | 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
| |
| − | 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes lightSpeedOut {
| |
| − | 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
| |
| − | 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes lightSpeedOut {
| |
| − | 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
| |
| − | 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| |
| − | }
| |
| − |
| |
| − | @keyframes lightSpeedOut {
| |
| − | 0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
| |
| − | 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
| |
| − | }
| |
| − |
| |
| − | .lightSpeedOut {
| |
| − | -webkit-animation-name: lightSpeedOut;
| |
| − | -moz-animation-name: lightSpeedOut;
| |
| − | -o-animation-name: lightSpeedOut;
| |
| − | animation-name: lightSpeedOut;
| |
| − |
| |
| − | -webkit-animation-timing-function: ease-in;
| |
| − | -moz-animation-timing-function: ease-in;
| |
| − | -o-animation-timing-function: ease-in;
| |
| − | animation-timing-function: ease-in;
| |
| − | }
| |
| − |
| |
| − | .animated.lightSpeedOut {
| |
| − | -webkit-animation-duration: 0.25s;
| |
| − | -moz-animation-duration: 0.25s;
| |
| − | -o-animation-duration: 0.25s;
| |
| − | animation-duration: 0.25s;
| |
| − | }
| |
| − |
| |
| − | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
| |
| − |
| |
| − | @-webkit-keyframes wiggle {
| |
| − | 0% { -webkit-transform: skewX(9deg); }
| |
| − | 10% { -webkit-transform: skewX(-8deg); }
| |
| − | 20% { -webkit-transform: skewX(7deg); }
| |
| − | 30% { -webkit-transform: skewX(-6deg); }
| |
| − | 40% { -webkit-transform: skewX(5deg); }
| |
| − | 50% { -webkit-transform: skewX(-4deg); }
| |
| − | 60% { -webkit-transform: skewX(3deg); }
| |
| − | 70% { -webkit-transform: skewX(-2deg); }
| |
| − | 80% { -webkit-transform: skewX(1deg); }
| |
| − | 90% { -webkit-transform: skewX(0deg); }
| |
| − | 100% { -webkit-transform: skewX(0deg); }
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes wiggle {
| |
| − | 0% { -moz-transform: skewX(9deg); }
| |
| − | 10% { -moz-transform: skewX(-8deg); }
| |
| − | 20% { -moz-transform: skewX(7deg); }
| |
| − | 30% { -moz-transform: skewX(-6deg); }
| |
| − | 40% { -moz-transform: skewX(5deg); }
| |
| − | 50% { -moz-transform: skewX(-4deg); }
| |
| − | 60% { -moz-transform: skewX(3deg); }
| |
| − | 70% { -moz-transform: skewX(-2deg); }
| |
| − | 80% { -moz-transform: skewX(1deg); }
| |
| − | 90% { -moz-transform: skewX(0deg); }
| |
| − | 100% { -moz-transform: skewX(0deg); }
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes wiggle {
| |
| − | 0% { -o-transform: skewX(9deg); }
| |
| − | 10% { -o-transform: skewX(-8deg); }
| |
| − | 20% { -o-transform: skewX(7deg); }
| |
| − | 30% { -o-transform: skewX(-6deg); }
| |
| − | 40% { -o-transform: skewX(5deg); }
| |
| − | 50% { -o-transform: skewX(-4deg); }
| |
| − | 60% { -o-transform: skewX(3deg); }
| |
| − | 70% { -o-transform: skewX(-2deg); }
| |
| − | 80% { -o-transform: skewX(1deg); }
| |
| − | 90% { -o-transform: skewX(0deg); }
| |
| − | 100% { -o-transform: skewX(0deg); }
| |
| − | }
| |
| − |
| |
| − | @keyframes wiggle {
| |
| − | 0% { transform: skewX(9deg); }
| |
| − | 10% { transform: skewX(-8deg); }
| |
| − | 20% { transform: skewX(7deg); }
| |
| − | 30% { transform: skewX(-6deg); }
| |
| − | 40% { transform: skewX(5deg); }
| |
| − | 50% { transform: skewX(-4deg); }
| |
| − | 60% { transform: skewX(3deg); }
| |
| − | 70% { transform: skewX(-2deg); }
| |
| − | 80% { transform: skewX(1deg); }
| |
| − | 90% { transform: skewX(0deg); }
| |
| − | 100% { transform: skewX(0deg); }
| |
| − | }
| |
| − |
| |
| − | .wiggle {
| |
| − | -webkit-animation-name: wiggle;
| |
| − | -moz-animation-name: wiggle;
| |
| − | -o-animation-name: wiggle;
| |
| − | animation-name: wiggle;
| |
| − |
| |
| − | -webkit-animation-timing-function: ease-in;
| |
| − | -moz-animation-timing-function: ease-in;
| |
| − | -o-animation-timing-function: ease-in;
| |
| − | animation-timing-function: ease-in;
| |
| − | }
| |
| − |
| |
| − | .animated.wiggle {
| |
| − | -webkit-animation-duration: 0.75s;
| |
| − | -moz-animation-duration: 0.75s;
| |
| − | -o-animation-duration: 0.75s;
| |
| − | animation-duration: 0.75s;
| |
| − | }
| |
| | /*Adjustment*/ | | /*Adjustment*/ |
| | .content p{ | | .content p{ |
