viithiisys / Acufuel

Download as
Browse Code ยป

Commit 956e0d9edc131752966d08172be0494789a4dd9e

Authored by Swarn Singh
1 parent ce8f52a122
Exists in master

contact view effect fix, select box issue fixed

Showing 11 changed files with 2947 additions and 136 deletions   Show diff stats
app/css/animation.css
Diff comments   View file @956e0d9
... ... @@ -0,0 +1,2880 @@
  1 +@charset "UTF-8";
  2 +
  3 +/*!
  4 +Animate.css - http://daneden.me/animate
  5 +Licensed under the MIT license
  6 +
  7 +Copyright (c) 2013 Daniel Eden
  8 +
  9 +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:
  10 +
  11 +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  12 +
  13 +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.
  14 +*/
  15 +
  16 +.animated {
  17 + -webkit-animation-duration: 1s;
  18 + animation-duration: 1s;
  19 + -webkit-animation-fill-mode: both;
  20 + animation-fill-mode: both;
  21 +}
  22 +
  23 +.animated.infinite {
  24 + -webkit-animation-iteration-count: infinite;
  25 + animation-iteration-count: infinite;
  26 +}
  27 +
  28 +.animated.hinge {
  29 + -webkit-animation-duration: 2s;
  30 + animation-duration: 2s;
  31 +}
  32 +
  33 +@-webkit-keyframes bounce {
  34 + 0%, 20%, 50%, 80%, 100% {
  35 + -webkit-transform: translateY(0);
  36 + transform: translateY(0);
  37 + }
  38 +
  39 + 40% {
  40 + -webkit-transform: translateY(-30px);
  41 + transform: translateY(-30px);
  42 + }
  43 +
  44 + 60% {
  45 + -webkit-transform: translateY(-15px);
  46 + transform: translateY(-15px);
  47 + }
  48 +}
  49 +
  50 +@keyframes bounce {
  51 + 0%, 20%, 50%, 80%, 100% {
  52 + -webkit-transform: translateY(0);
  53 + -ms-transform: translateY(0);
  54 + transform: translateY(0);
  55 + }
  56 +
  57 + 40% {
  58 + -webkit-transform: translateY(-30px);
  59 + -ms-transform: translateY(-30px);
  60 + transform: translateY(-30px);
  61 + }
  62 +
  63 + 60% {
  64 + -webkit-transform: translateY(-15px);
  65 + -ms-transform: translateY(-15px);
  66 + transform: translateY(-15px);
  67 + }
  68 +}
  69 +
  70 +.bounce {
  71 + -webkit-animation-name: bounce;
  72 + animation-name: bounce;
  73 +}
  74 +
  75 +@-webkit-keyframes flash {
  76 + 0%, 50%, 100% {
  77 + opacity: 1;
  78 + }
  79 +
  80 + 25%, 75% {
  81 + opacity: 0;
  82 + }
  83 +}
  84 +
  85 +@keyframes flash {
  86 + 0%, 50%, 100% {
  87 + opacity: 1;
  88 + }
  89 +
  90 + 25%, 75% {
  91 + opacity: 0;
  92 + }
  93 +}
  94 +
  95 +.flash {
  96 + -webkit-animation-name: flash;
  97 + animation-name: flash;
  98 +}
  99 +
  100 +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  101 +
  102 +@-webkit-keyframes pulse {
  103 + 0% {
  104 + -webkit-transform: scale(1);
  105 + transform: scale(1);
  106 + }
  107 +
  108 + 50% {
  109 + -webkit-transform: scale(1.1);
  110 + transform: scale(1.1);
  111 + }
  112 +
  113 + 100% {
  114 + -webkit-transform: scale(1);
  115 + transform: scale(1);
  116 + }
  117 +}
  118 +
  119 +@keyframes pulse {
  120 + 0% {
  121 + -webkit-transform: scale(1);
  122 + -ms-transform: scale(1);
  123 + transform: scale(1);
  124 + }
  125 +
  126 + 50% {
  127 + -webkit-transform: scale(1.1);
  128 + -ms-transform: scale(1.1);
  129 + transform: scale(1.1);
  130 + }
  131 +
  132 + 100% {
  133 + -webkit-transform: scale(1);
  134 + -ms-transform: scale(1);
  135 + transform: scale(1);
  136 + }
  137 +}
  138 +
  139 +.pulse {
  140 + -webkit-animation-name: pulse;
  141 + animation-name: pulse;
  142 +}
  143 +
  144 +@-webkit-keyframes rubberBand {
  145 + 0% {
  146 + -webkit-transform: scale(1);
  147 + transform: scale(1);
  148 + }
  149 +
  150 + 30% {
  151 + -webkit-transform: scaleX(1.25) scaleY(0.75);
  152 + transform: scaleX(1.25) scaleY(0.75);
  153 + }
  154 +
  155 + 40% {
  156 + -webkit-transform: scaleX(0.75) scaleY(1.25);
  157 + transform: scaleX(0.75) scaleY(1.25);
  158 + }
  159 +
  160 + 60% {
  161 + -webkit-transform: scaleX(1.15) scaleY(0.85);
  162 + transform: scaleX(1.15) scaleY(0.85);
  163 + }
  164 +
  165 + 100% {
  166 + -webkit-transform: scale(1);
  167 + transform: scale(1);
  168 + }
  169 +}
  170 +
  171 +@keyframes rubberBand {
  172 + 0% {
  173 + -webkit-transform: scale(1);
  174 + -ms-transform: scale(1);
  175 + transform: scale(1);
  176 + }
  177 +
  178 + 30% {
  179 + -webkit-transform: scaleX(1.25) scaleY(0.75);
  180 + -ms-transform: scaleX(1.25) scaleY(0.75);
  181 + transform: scaleX(1.25) scaleY(0.75);
  182 + }
  183 +
  184 + 40% {
  185 + -webkit-transform: scaleX(0.75) scaleY(1.25);
  186 + -ms-transform: scaleX(0.75) scaleY(1.25);
  187 + transform: scaleX(0.75) scaleY(1.25);
  188 + }
  189 +
  190 + 60% {
  191 + -webkit-transform: scaleX(1.15) scaleY(0.85);
  192 + -ms-transform: scaleX(1.15) scaleY(0.85);
  193 + transform: scaleX(1.15) scaleY(0.85);
  194 + }
  195 +
  196 + 100% {
  197 + -webkit-transform: scale(1);
  198 + -ms-transform: scale(1);
  199 + transform: scale(1);
  200 + }
  201 +}
  202 +
  203 +.rubberBand {
  204 + -webkit-animation-name: rubberBand;
  205 + animation-name: rubberBand;
  206 +}
  207 +
  208 +@-webkit-keyframes shake {
  209 + 0%, 100% {
  210 + -webkit-transform: translateX(0);
  211 + transform: translateX(0);
  212 + }
  213 +
  214 + 10%, 30%, 50%, 70%, 90% {
  215 + -webkit-transform: translateX(-10px);
  216 + transform: translateX(-10px);
  217 + }
  218 +
  219 + 20%, 40%, 60%, 80% {
  220 + -webkit-transform: translateX(10px);
  221 + transform: translateX(10px);
  222 + }
  223 +}
  224 +
  225 +@keyframes shake {
  226 + 0%, 100% {
  227 + -webkit-transform: translateX(0);
  228 + -ms-transform: translateX(0);
  229 + transform: translateX(0);
  230 + }
  231 +
  232 + 10%, 30%, 50%, 70%, 90% {
  233 + -webkit-transform: translateX(-10px);
  234 + -ms-transform: translateX(-10px);
  235 + transform: translateX(-10px);
  236 + }
  237 +
  238 + 20%, 40%, 60%, 80% {
  239 + -webkit-transform: translateX(10px);
  240 + -ms-transform: translateX(10px);
  241 + transform: translateX(10px);
  242 + }
  243 +}
  244 +
  245 +.shake {
  246 + -webkit-animation-name: shake;
  247 + animation-name: shake;
  248 +}
  249 +
  250 +@-webkit-keyframes swing {
  251 + 20% {
  252 + -webkit-transform: rotate(15deg);
  253 + transform: rotate(15deg);
  254 + }
  255 +
  256 + 40% {
  257 + -webkit-transform: rotate(-10deg);
  258 + transform: rotate(-10deg);
  259 + }
  260 +
  261 + 60% {
  262 + -webkit-transform: rotate(5deg);
  263 + transform: rotate(5deg);
  264 + }
  265 +
  266 + 80% {
  267 + -webkit-transform: rotate(-5deg);
  268 + transform: rotate(-5deg);
  269 + }
  270 +
  271 + 100% {
  272 + -webkit-transform: rotate(0deg);
  273 + transform: rotate(0deg);
  274 + }
  275 +}
  276 +
  277 +@keyframes swing {
  278 + 20% {
  279 + -webkit-transform: rotate(15deg);
  280 + -ms-transform: rotate(15deg);
  281 + transform: rotate(15deg);
  282 + }
  283 +
  284 + 40% {
  285 + -webkit-transform: rotate(-10deg);
  286 + -ms-transform: rotate(-10deg);
  287 + transform: rotate(-10deg);
  288 + }
  289 +
  290 + 60% {
  291 + -webkit-transform: rotate(5deg);
  292 + -ms-transform: rotate(5deg);
  293 + transform: rotate(5deg);
  294 + }
  295 +
  296 + 80% {
  297 + -webkit-transform: rotate(-5deg);
  298 + -ms-transform: rotate(-5deg);
  299 + transform: rotate(-5deg);
  300 + }
  301 +
  302 + 100% {
  303 + -webkit-transform: rotate(0deg);
  304 + -ms-transform: rotate(0deg);
  305 + transform: rotate(0deg);
  306 + }
  307 +}
  308 +
  309 +.swing {
  310 + -webkit-transform-origin: top center;
  311 + -ms-transform-origin: top center;
  312 + transform-origin: top center;
  313 + -webkit-animation-name: swing;
  314 + animation-name: swing;
  315 +}
  316 +
  317 +@-webkit-keyframes tada {
  318 + 0% {
  319 + -webkit-transform: scale(1);
  320 + transform: scale(1);
  321 + }
  322 +
  323 + 10%, 20% {
  324 + -webkit-transform: scale(0.9) rotate(-3deg);
  325 + transform: scale(0.9) rotate(-3deg);
  326 + }
  327 +
  328 + 30%, 50%, 70%, 90% {
  329 + -webkit-transform: scale(1.1) rotate(3deg);
  330 + transform: scale(1.1) rotate(3deg);
  331 + }
  332 +
  333 + 40%, 60%, 80% {
  334 + -webkit-transform: scale(1.1) rotate(-3deg);
  335 + transform: scale(1.1) rotate(-3deg);
  336 + }
  337 +
  338 + 100% {
  339 + -webkit-transform: scale(1) rotate(0);
  340 + transform: scale(1) rotate(0);
  341 + }
  342 +}
  343 +
  344 +@keyframes tada {
  345 + 0% {
  346 + -webkit-transform: scale(1);
  347 + -ms-transform: scale(1);
  348 + transform: scale(1);
  349 + }
  350 +
  351 + 10%, 20% {
  352 + -webkit-transform: scale(0.9) rotate(-3deg);
  353 + -ms-transform: scale(0.9) rotate(-3deg);
  354 + transform: scale(0.9) rotate(-3deg);
  355 + }
  356 +
  357 + 30%, 50%, 70%, 90% {
  358 + -webkit-transform: scale(1.1) rotate(3deg);
  359 + -ms-transform: scale(1.1) rotate(3deg);
  360 + transform: scale(1.1) rotate(3deg);
  361 + }
  362 +
  363 + 40%, 60%, 80% {
  364 + -webkit-transform: scale(1.1) rotate(-3deg);
  365 + -ms-transform: scale(1.1) rotate(-3deg);
  366 + transform: scale(1.1) rotate(-3deg);
  367 + }
  368 +
  369 + 100% {
  370 + -webkit-transform: scale(1) rotate(0);
  371 + -ms-transform: scale(1) rotate(0);
  372 + transform: scale(1) rotate(0);
  373 + }
  374 +}
  375 +
  376 +.tada {
  377 + -webkit-animation-name: tada;
  378 + animation-name: tada;
  379 +}
  380 +
  381 +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  382 +
  383 +@-webkit-keyframes wobble {
  384 + 0% {
  385 + -webkit-transform: translateX(0%);
  386 + transform: translateX(0%);
  387 + }
  388 +
  389 + 15% {
  390 + -webkit-transform: translateX(-25%) rotate(-5deg);
  391 + transform: translateX(-25%) rotate(-5deg);
  392 + }
  393 +
  394 + 30% {
  395 + -webkit-transform: translateX(20%) rotate(3deg);
  396 + transform: translateX(20%) rotate(3deg);
  397 + }
  398 +
  399 + 45% {
  400 + -webkit-transform: translateX(-15%) rotate(-3deg);
  401 + transform: translateX(-15%) rotate(-3deg);
  402 + }
  403 +
  404 + 60% {
  405 + -webkit-transform: translateX(10%) rotate(2deg);
  406 + transform: translateX(10%) rotate(2deg);
  407 + }
  408 +
  409 + 75% {
  410 + -webkit-transform: translateX(-5%) rotate(-1deg);
  411 + transform: translateX(-5%) rotate(-1deg);
  412 + }
  413 +
  414 + 100% {
  415 + -webkit-transform: translateX(0%);
  416 + transform: translateX(0%);
  417 + }
  418 +}
  419 +
  420 +@keyframes wobble {
  421 + 0% {
  422 + -webkit-transform: translateX(0%);
  423 + -ms-transform: translateX(0%);
  424 + transform: translateX(0%);
  425 + }
  426 +
  427 + 15% {
  428 + -webkit-transform: translateX(-25%) rotate(-5deg);
  429 + -ms-transform: translateX(-25%) rotate(-5deg);
  430 + transform: translateX(-25%) rotate(-5deg);
  431 + }
  432 +
  433 + 30% {
  434 + -webkit-transform: translateX(20%) rotate(3deg);
  435 + -ms-transform: translateX(20%) rotate(3deg);
  436 + transform: translateX(20%) rotate(3deg);
  437 + }
  438 +
  439 + 45% {
  440 + -webkit-transform: translateX(-15%) rotate(-3deg);
  441 + -ms-transform: translateX(-15%) rotate(-3deg);
  442 + transform: translateX(-15%) rotate(-3deg);
  443 + }
  444 +
  445 + 60% {
  446 + -webkit-transform: translateX(10%) rotate(2deg);
  447 + -ms-transform: translateX(10%) rotate(2deg);
  448 + transform: translateX(10%) rotate(2deg);
  449 + }
  450 +
  451 + 75% {
  452 + -webkit-transform: translateX(-5%) rotate(-1deg);
  453 + -ms-transform: translateX(-5%) rotate(-1deg);
  454 + transform: translateX(-5%) rotate(-1deg);
  455 + }
  456 +
  457 + 100% {
  458 + -webkit-transform: translateX(0%);
  459 + -ms-transform: translateX(0%);
  460 + transform: translateX(0%);
  461 + }
  462 +}
  463 +
  464 +.wobble {
  465 + -webkit-animation-name: wobble;
  466 + animation-name: wobble;
  467 +}
  468 +
  469 +@-webkit-keyframes bounceIn {
  470 + 0% {
  471 + opacity: 0;
  472 + -webkit-transform: scale(.3);
  473 + transform: scale(.3);
  474 + }
  475 +
  476 + 50% {
  477 + opacity: 1;
  478 + -webkit-transform: scale(1.05);
  479 + transform: scale(1.05);
  480 + }
  481 +
  482 + 70% {
  483 + -webkit-transform: scale(.9);
  484 + transform: scale(.9);
  485 + }
  486 +
  487 + 100% {
  488 + opacity: 1;
  489 + -webkit-transform: scale(1);
  490 + transform: scale(1);
  491 + }
  492 +}
  493 +
  494 +@keyframes bounceIn {
  495 + 0% {
  496 + opacity: 0;
  497 + -webkit-transform: scale(.3);
  498 + -ms-transform: scale(.3);
  499 + transform: scale(.3);
  500 + }
  501 +
  502 + 50% {
  503 + opacity: 1;
  504 + -webkit-transform: scale(1.05);
  505 + -ms-transform: scale(1.05);
  506 + transform: scale(1.05);
  507 + }
  508 +
  509 + 70% {
  510 + -webkit-transform: scale(.9);
  511 + -ms-transform: scale(.9);
  512 + transform: scale(.9);
  513 + }
  514 +
  515 + 100% {
  516 + opacity: 1;
  517 + -webkit-transform: scale(1);
  518 + -ms-transform: scale(1);
  519 + transform: scale(1);
  520 + }
  521 +}
  522 +
  523 +.bounceIn {
  524 + -webkit-animation-name: bounceIn;
  525 + animation-name: bounceIn;
  526 +}
  527 +
  528 +@-webkit-keyframes bounceInDown {
  529 + 0% {
  530 + opacity: 0;
  531 + -webkit-transform: translateY(-2000px);
  532 + transform: translateY(-2000px);
  533 + }
  534 +
  535 + 60% {
  536 + opacity: 1;
  537 + -webkit-transform: translateY(30px);
  538 + transform: translateY(30px);
  539 + }
  540 +
  541 + 80% {
  542 + -webkit-transform: translateY(-10px);
  543 + transform: translateY(-10px);
  544 + }
  545 +
  546 + 100% {
  547 + -webkit-transform: translateY(0);
  548 + transform: translateY(0);
  549 + }
  550 +}
  551 +
  552 +@keyframes bounceInDown {
  553 + 0% {
  554 + opacity: 0;
  555 + -webkit-transform: translateY(-2000px);
  556 + -ms-transform: translateY(-2000px);
  557 + transform: translateY(-2000px);
  558 + }
  559 +
  560 + 60% {
  561 + opacity: 1;
  562 + -webkit-transform: translateY(30px);
  563 + -ms-transform: translateY(30px);
  564 + transform: translateY(30px);
  565 + }
  566 +
  567 + 80% {
  568 + -webkit-transform: translateY(-10px);
  569 + -ms-transform: translateY(-10px);
  570 + transform: translateY(-10px);
  571 + }
  572 +
  573 + 100% {
  574 + -webkit-transform: translateY(0);
  575 + -ms-transform: translateY(0);
  576 + transform: translateY(0);
  577 + }
  578 +}
  579 +
  580 +.bounceInDown {
  581 + -webkit-animation-name: bounceInDown;
  582 + animation-name: bounceInDown;
  583 +}
  584 +
  585 +@-webkit-keyframes bounceInLeft {
  586 + 0% {
  587 + opacity: 0;
  588 + -webkit-transform: translateX(-2000px);
  589 + transform: translateX(-2000px);
  590 + }
  591 +
  592 + 60% {
  593 + opacity: 1;
  594 + -webkit-transform: translateX(30px);
  595 + transform: translateX(30px);
  596 + }
  597 +
  598 + 80% {
  599 + -webkit-transform: translateX(-10px);
  600 + transform: translateX(-10px);
  601 + }
  602 +
  603 + 100% {
  604 + -webkit-transform: translateX(0);
  605 + transform: translateX(0);
  606 + }
  607 +}
  608 +
  609 +@keyframes bounceInLeft {
  610 + 0% {
  611 + opacity: 0;
  612 + -webkit-transform: translateX(-2000px);
  613 + -ms-transform: translateX(-2000px);
  614 + transform: translateX(-2000px);
  615 + }
  616 +
  617 + 60% {
  618 + opacity: 1;
  619 + -webkit-transform: translateX(30px);
  620 + -ms-transform: translateX(30px);
  621 + transform: translateX(30px);
  622 + }
  623 +
  624 + 80% {
  625 + -webkit-transform: translateX(-10px);
  626 + -ms-transform: translateX(-10px);
  627 + transform: translateX(-10px);
  628 + }
  629 +
  630 + 100% {
  631 + -webkit-transform: translateX(0);
  632 + -ms-transform: translateX(0);
  633 + transform: translateX(0);
  634 + }
  635 +}
  636 +
  637 +.bounceInLeft {
  638 + -webkit-animation-name: bounceInLeft;
  639 + animation-name: bounceInLeft;
  640 +}
  641 +
  642 +@-webkit-keyframes bounceInRight {
  643 + 0% {
  644 + opacity: 0;
  645 + -webkit-transform: translateX(2000px);
  646 + transform: translateX(2000px);
  647 + }
  648 +
  649 + 60% {
  650 + opacity: 1;
  651 + -webkit-transform: translateX(-30px);
  652 + transform: translateX(-30px);
  653 + }
  654 +
  655 + 80% {
  656 + -webkit-transform: translateX(10px);
  657 + transform: translateX(10px);
  658 + }
  659 +
  660 + 100% {
  661 + -webkit-transform: translateX(0);
  662 + transform: translateX(0);
  663 + }
  664 +}
  665 +
  666 +@keyframes bounceInRight {
  667 + 0% {
  668 + opacity: 0;
  669 + -webkit-transform: translateX(2000px);
  670 + -ms-transform: translateX(2000px);
  671 + transform: translateX(2000px);
  672 + }
  673 +
  674 + 60% {
  675 + opacity: 1;
  676 + -webkit-transform: translateX(-30px);
  677 + -ms-transform: translateX(-30px);
  678 + transform: translateX(-30px);
  679 + }
  680 +
  681 + 80% {
  682 + -webkit-transform: translateX(10px);
  683 + -ms-transform: translateX(10px);
  684 + transform: translateX(10px);
  685 + }
  686 +
  687 + 100% {
  688 + -webkit-transform: translateX(0);
  689 + -ms-transform: translateX(0);
  690 + transform: translateX(0);
  691 + }
  692 +}
  693 +
  694 +.bounceInRight {
  695 + -webkit-animation-name: bounceInRight;
  696 + animation-name: bounceInRight;
  697 +}
  698 +
  699 +@-webkit-keyframes bounceInUp {
  700 + 0% {
  701 + opacity: 0;
  702 + -webkit-transform: translateY(2000px);
  703 + transform: translateY(2000px);
  704 + }
  705 +
  706 + 60% {
  707 + opacity: 1;
  708 + -webkit-transform: translateY(-30px);
  709 + transform: translateY(-30px);
  710 + }
  711 +
  712 + 80% {
  713 + -webkit-transform: translateY(10px);
  714 + transform: translateY(10px);
  715 + }
  716 +
  717 + 100% {
  718 + -webkit-transform: translateY(0);
  719 + transform: translateY(0);
  720 + }
  721 +}
  722 +
  723 +@keyframes bounceInUp {
  724 + 0% {
  725 + opacity: 0;
  726 + -webkit-transform: translateY(2000px);
  727 + -ms-transform: translateY(2000px);
  728 + transform: translateY(2000px);
  729 + }
  730 +
  731 + 60% {
  732 + opacity: 1;
  733 + -webkit-transform: translateY(-30px);
  734 + -ms-transform: translateY(-30px);
  735 + transform: translateY(-30px);
  736 + }
  737 +
  738 + 80% {
  739 + -webkit-transform: translateY(10px);
  740 + -ms-transform: translateY(10px);
  741 + transform: translateY(10px);
  742 + }
  743 +
  744 + 100% {
  745 + -webkit-transform: translateY(0);
  746 + -ms-transform: translateY(0);
  747 + transform: translateY(0);
  748 + }
  749 +}
  750 +
  751 +.bounceInUp {
  752 + -webkit-animation-name: bounceInUp;
  753 + animation-name: bounceInUp;
  754 +}
  755 +
  756 +@-webkit-keyframes bounceOut {
  757 + 0% {
  758 + -webkit-transform: scale(1);
  759 + transform: scale(1);
  760 + }
  761 +
  762 + 25% {
  763 + -webkit-transform: scale(.95);
  764 + transform: scale(.95);
  765 + }
  766 +
  767 + 50% {
  768 + opacity: 1;
  769 + -webkit-transform: scale(1.1);
  770 + transform: scale(1.1);
  771 + }
  772 +
  773 + 100% {
  774 + opacity: 0;
  775 + -webkit-transform: scale(.3);
  776 + transform: scale(.3);
  777 + }
  778 +}
  779 +
  780 +@keyframes bounceOut {
  781 + 0% {
  782 + -webkit-transform: scale(1);
  783 + -ms-transform: scale(1);
  784 + transform: scale(1);
  785 + }
  786 +
  787 + 25% {
  788 + -webkit-transform: scale(.95);
  789 + -ms-transform: scale(.95);
  790 + transform: scale(.95);
  791 + }
  792 +
  793 + 50% {
  794 + opacity: 1;
  795 + -webkit-transform: scale(1.1);
  796 + -ms-transform: scale(1.1);
  797 + transform: scale(1.1);
  798 + }
  799 +
  800 + 100% {
  801 + opacity: 0;
  802 + -webkit-transform: scale(.3);
  803 + -ms-transform: scale(.3);
  804 + transform: scale(.3);
  805 + }
  806 +}
  807 +
  808 +.bounceOut {
  809 + -webkit-animation-name: bounceOut;
  810 + animation-name: bounceOut;
  811 +}
  812 +
  813 +@-webkit-keyframes bounceOutDown {
  814 + 0% {
  815 + -webkit-transform: translateY(0);
  816 + transform: translateY(0);
  817 + }
  818 +
  819 + 20% {
  820 + opacity: 1;
  821 + -webkit-transform: translateY(-20px);
  822 + transform: translateY(-20px);
  823 + }
  824 +
  825 + 100% {
  826 + opacity: 0;
  827 + -webkit-transform: translateY(2000px);
  828 + transform: translateY(2000px);
  829 + }
  830 +}
  831 +
  832 +@keyframes bounceOutDown {
  833 + 0% {
  834 + -webkit-transform: translateY(0);
  835 + -ms-transform: translateY(0);
  836 + transform: translateY(0);
  837 + }
  838 +
  839 + 20% {
  840 + opacity: 1;
  841 + -webkit-transform: translateY(-20px);
  842 + -ms-transform: translateY(-20px);
  843 + transform: translateY(-20px);
  844 + }
  845 +
  846 + 100% {
  847 + opacity: 0;
  848 + -webkit-transform: translateY(2000px);
  849 + -ms-transform: translateY(2000px);
  850 + transform: translateY(2000px);
  851 + }
  852 +}
  853 +
  854 +.bounceOutDown {
  855 + -webkit-animation-name: bounceOutDown;
  856 + animation-name: bounceOutDown;
  857 +}
  858 +
  859 +@-webkit-keyframes bounceOutLeft {
  860 + 0% {
  861 + -webkit-transform: translateX(0);
  862 + transform: translateX(0);
  863 + }
  864 +
  865 + 20% {
  866 + opacity: 1;
  867 + -webkit-transform: translateX(20px);
  868 + transform: translateX(20px);
  869 + }
  870 +
  871 + 100% {
  872 + opacity: 0;
  873 + -webkit-transform: translateX(-2000px);
  874 + transform: translateX(-2000px);
  875 + }
  876 +}
  877 +
  878 +@keyframes bounceOutLeft {
  879 + 0% {
  880 + -webkit-transform: translateX(0);
  881 + -ms-transform: translateX(0);
  882 + transform: translateX(0);
  883 + }
  884 +
  885 + 20% {
  886 + opacity: 1;
  887 + -webkit-transform: translateX(20px);
  888 + -ms-transform: translateX(20px);
  889 + transform: translateX(20px);
  890 + }
  891 +
  892 + 100% {
  893 + opacity: 0;
  894 + -webkit-transform: translateX(-2000px);
  895 + -ms-transform: translateX(-2000px);
  896 + transform: translateX(-2000px);
  897 + }
  898 +}
  899 +
  900 +.bounceOutLeft {
  901 + -webkit-animation-name: bounceOutLeft;
  902 + animation-name: bounceOutLeft;
  903 +}
  904 +
  905 +@-webkit-keyframes bounceOutRight {
  906 + 0% {
  907 + -webkit-transform: translateX(0);
  908 + transform: translateX(0);
  909 + }
  910 +
  911 + 20% {
  912 + opacity: 1;
  913 + -webkit-transform: translateX(-20px);
  914 + transform: translateX(-20px);
  915 + }
  916 +
  917 + 100% {
  918 + opacity: 0;
  919 + -webkit-transform: translateX(2000px);
  920 + transform: translateX(2000px);
  921 + }
  922 +}
  923 +
  924 +@keyframes bounceOutRight {
  925 + 0% {
  926 + -webkit-transform: translateX(0);
  927 + -ms-transform: translateX(0);
  928 + transform: translateX(0);
  929 + }
  930 +
  931 + 20% {
  932 + opacity: 1;
  933 + -webkit-transform: translateX(-20px);
  934 + -ms-transform: translateX(-20px);
  935 + transform: translateX(-20px);
  936 + }
  937 +
  938 + 100% {
  939 + opacity: 0;
  940 + -webkit-transform: translateX(2000px);
  941 + -ms-transform: translateX(2000px);
  942 + transform: translateX(2000px);
  943 + }
  944 +}
  945 +
  946 +.bounceOutRight {
  947 + -webkit-animation-name: bounceOutRight;
  948 + animation-name: bounceOutRight;
  949 +}
  950 +
  951 +@-webkit-keyframes bounceOutUp {
  952 + 0% {
  953 + -webkit-transform: translateY(0);
  954 + transform: translateY(0);
  955 + }
  956 +
  957 + 20% {
  958 + opacity: 1;
  959 + -webkit-transform: translateY(20px);
  960 + transform: translateY(20px);
  961 + }
  962 +
  963 + 100% {
  964 + opacity: 0;
  965 + -webkit-transform: translateY(-2000px);
  966 + transform: translateY(-2000px);
  967 + }
  968 +}
  969 +
  970 +@keyframes bounceOutUp {
  971 + 0% {
  972 + -webkit-transform: translateY(0);
  973 + -ms-transform: translateY(0);
  974 + transform: translateY(0);
  975 + }
  976 +
  977 + 20% {
  978 + opacity: 1;
  979 + -webkit-transform: translateY(20px);
  980 + -ms-transform: translateY(20px);
  981 + transform: translateY(20px);
  982 + }
  983 +
  984 + 100% {
  985 + opacity: 0;
  986 + -webkit-transform: translateY(-2000px);
  987 + -ms-transform: translateY(-2000px);
  988 + transform: translateY(-2000px);
  989 + }
  990 +}
  991 +
  992 +.bounceOutUp {
  993 + -webkit-animation-name: bounceOutUp;
  994 + animation-name: bounceOutUp;
  995 +}
  996 +
  997 +@-webkit-keyframes fadeIn {
  998 + 0% {
  999 + opacity: 0;
  1000 + }
  1001 +
  1002 + 100% {
  1003 + opacity: 1;
  1004 + }
  1005 +}
  1006 +
  1007 +@keyframes fadeIn {
  1008 + 0% {
  1009 + opacity: 0;
  1010 + }
  1011 +
  1012 + 100% {
  1013 + opacity: 1;
  1014 + }
  1015 +}
  1016 +
  1017 +.fadeIn {
  1018 + -webkit-animation-name: fadeIn;
  1019 + animation-name: fadeIn;
  1020 +}
  1021 +
  1022 +@-webkit-keyframes fadeInDown {
  1023 + 0% {
  1024 + opacity: 0;
  1025 + -webkit-transform: translateY(-20px);
  1026 + transform: translateY(-20px);
  1027 + }
  1028 +
  1029 + 100% {
  1030 + opacity: 1;
  1031 + -webkit-transform: translateY(0);
  1032 + transform: translateY(0);
  1033 + }
  1034 +}
  1035 +
  1036 +@keyframes fadeInDown {
  1037 + 0% {
  1038 + opacity: 0;
  1039 + -webkit-transform: translateY(-20px);
  1040 + -ms-transform: translateY(-20px);
  1041 + transform: translateY(-20px);
  1042 + }
  1043 +
  1044 + 100% {
  1045 + opacity: 1;
  1046 + -webkit-transform: translateY(0);
  1047 + -ms-transform: translateY(0);
  1048 + transform: translateY(0);
  1049 + }
  1050 +}
  1051 +
  1052 +.fadeInDown {
  1053 + -webkit-animation-name: fadeInDown;
  1054 + animation-name: fadeInDown;
  1055 +}
  1056 +
  1057 +@-webkit-keyframes fadeInDownBig {
  1058 + 0% {
  1059 + opacity: 0;
  1060 + -webkit-transform: translateY(-2000px);
  1061 + transform: translateY(-2000px);
  1062 + }
  1063 +
  1064 + 100% {
  1065 + opacity: 1;
  1066 + -webkit-transform: translateY(0);
  1067 + transform: translateY(0);
  1068 + }
  1069 +}
  1070 +
  1071 +@keyframes fadeInDownBig {
  1072 + 0% {
  1073 + opacity: 0;
  1074 + -webkit-transform: translateY(-2000px);
  1075 + -ms-transform: translateY(-2000px);
  1076 + transform: translateY(-2000px);
  1077 + }
  1078 +
  1079 + 100% {
  1080 + opacity: 1;
  1081 + -webkit-transform: translateY(0);
  1082 + -ms-transform: translateY(0);
  1083 + transform: translateY(0);
  1084 + }
  1085 +}
  1086 +
  1087 +.fadeInDownBig {
  1088 + -webkit-animation-name: fadeInDownBig;
  1089 + animation-name: fadeInDownBig;
  1090 +}
  1091 +
  1092 +@-webkit-keyframes fadeInLeft {
  1093 + 0% {
  1094 + opacity: 0;
  1095 + -webkit-transform: translateX(-20px);
  1096 + transform: translateX(-20px);
  1097 + }
  1098 +
  1099 + 100% {
  1100 + opacity: 1;
  1101 + -webkit-transform: translateX(0);
  1102 + transform: translateX(0);
  1103 + }
  1104 +}
  1105 +
  1106 +@keyframes fadeInLeft {
  1107 + 0% {
  1108 + opacity: 0;
  1109 + -webkit-transform: translateX(-20px);
  1110 + -ms-transform: translateX(-20px);
  1111 + transform: translateX(-20px);
  1112 + }
  1113 +
  1114 + 100% {
  1115 + opacity: 1;
  1116 + -webkit-transform: translateX(0);
  1117 + -ms-transform: translateX(0);
  1118 + transform: translateX(0);
  1119 + }
  1120 +}
  1121 +
  1122 +.fadeInLeft {
  1123 + -webkit-animation-name: fadeInLeft;
  1124 + animation-name: fadeInLeft;
  1125 +}
  1126 +
  1127 +@-webkit-keyframes fadeInLeftBig {
  1128 + 0% {
  1129 + opacity: 0;
  1130 + -webkit-transform: translateX(-2000px);
  1131 + transform: translateX(-2000px);
  1132 + }
  1133 +
  1134 + 100% {
  1135 + opacity: 1;
  1136 + -webkit-transform: translateX(0);
  1137 + transform: translateX(0);
  1138 + }
  1139 +}
  1140 +
  1141 +@keyframes fadeInLeftBig {
  1142 + 0% {
  1143 + opacity: 0;
  1144 + -webkit-transform: translateX(-2000px);
  1145 + -ms-transform: translateX(-2000px);
  1146 + transform: translateX(-2000px);
  1147 + }
  1148 +
  1149 + 100% {
  1150 + opacity: 1;
  1151 + -webkit-transform: translateX(0);
  1152 + -ms-transform: translateX(0);
  1153 + transform: translateX(0);
  1154 + }
  1155 +}
  1156 +
  1157 +.fadeInLeftBig {
  1158 + -webkit-animation-name: fadeInLeftBig;
  1159 + animation-name: fadeInLeftBig;
  1160 +}
  1161 +
  1162 +@-webkit-keyframes fadeInRight {
  1163 + 0% {
  1164 + opacity: 0;
  1165 + -webkit-transform: translateX(20px);
  1166 + transform: translateX(20px);
  1167 + }
  1168 +
  1169 + 100% {
  1170 + opacity: 1;
  1171 + -webkit-transform: translateX(0);
  1172 + transform: translateX(0);
  1173 + }
  1174 +}
  1175 +
  1176 +@keyframes fadeInRight {
  1177 + 0% {
  1178 + opacity: 0;
  1179 + -webkit-transform: translateX(20px);
  1180 + -ms-transform: translateX(20px);
  1181 + transform: translateX(20px);
  1182 + }
  1183 +
  1184 + 100% {
  1185 + opacity: 1;
  1186 + -webkit-transform: translateX(0);
  1187 + -ms-transform: translateX(0);
  1188 + transform: translateX(0);
  1189 + }
  1190 +}
  1191 +
  1192 +.fadeInRight {
  1193 + -webkit-animation-name: fadeInRight;
  1194 + animation-name: fadeInRight;
  1195 +}
  1196 +
  1197 +@-webkit-keyframes fadeInRightBig {
  1198 + 0% {
  1199 + opacity: 0;
  1200 + -webkit-transform: translateX(2000px);
  1201 + transform: translateX(2000px);
  1202 + }
  1203 +
  1204 + 100% {
  1205 + opacity: 1;
  1206 + -webkit-transform: translateX(0);
  1207 + transform: translateX(0);
  1208 + }
  1209 +}
  1210 +
  1211 +@keyframes fadeInRightBig {
  1212 + 0% {
  1213 + opacity: 0;
  1214 + -webkit-transform: translateX(2000px);
  1215 + -ms-transform: translateX(2000px);
  1216 + transform: translateX(2000px);
  1217 + }
  1218 +
  1219 + 100% {
  1220 + opacity: 1;
  1221 + -webkit-transform: translateX(0);
  1222 + -ms-transform: translateX(0);
  1223 + transform: translateX(0);
  1224 + }
  1225 +}
  1226 +
  1227 +.fadeInRightBig {
  1228 + -webkit-animation-name: fadeInRightBig;
  1229 + animation-name: fadeInRightBig;
  1230 +}
  1231 +
  1232 +@-webkit-keyframes fadeInUp {
  1233 + 0% {
  1234 + opacity: 0;
  1235 + -webkit-transform: translateY(20px);
  1236 + transform: translateY(20px);
  1237 + }
  1238 +
  1239 + 100% {
  1240 + opacity: 1;
  1241 + -webkit-transform: translateY(0);
  1242 + transform: translateY(0);
  1243 + }
  1244 +}
  1245 +
  1246 +@keyframes fadeInUp {
  1247 + 0% {
  1248 + opacity: 0;
  1249 + -webkit-transform: translateY(20px);
  1250 + -ms-transform: translateY(20px);
  1251 + transform: translateY(20px);
  1252 + }
  1253 +
  1254 + 100% {
  1255 + opacity: 1;
  1256 + -webkit-transform: translateY(0);
  1257 + -ms-transform: translateY(0);
  1258 + transform: translateY(0);
  1259 + }
  1260 +}
  1261 +
  1262 +.fadeInUp {
  1263 + -webkit-animation-name: fadeInUp;
  1264 + animation-name: fadeInUp;
  1265 +}
  1266 +
  1267 +@-webkit-keyframes fadeInUpBig {
  1268 + 0% {
  1269 + opacity: 0;
  1270 + -webkit-transform: translateY(2000px);
  1271 + transform: translateY(2000px);
  1272 + }
  1273 +
  1274 + 100% {
  1275 + opacity: 1;
  1276 + -webkit-transform: translateY(0);
  1277 + transform: translateY(0);
  1278 + }
  1279 +}
  1280 +
  1281 +@keyframes fadeInUpBig {
  1282 + 0% {
  1283 + opacity: 0;
  1284 + -webkit-transform: translateY(2000px);
  1285 + -ms-transform: translateY(2000px);
  1286 + transform: translateY(2000px);
  1287 + }
  1288 +
  1289 + 100% {
  1290 + opacity: 1;
  1291 + -webkit-transform: translateY(0);
  1292 + -ms-transform: translateY(0);
  1293 + transform: translateY(0);
  1294 + }
  1295 +}
  1296 +
  1297 +.fadeInUpBig {
  1298 + -webkit-animation-name: fadeInUpBig;
  1299 + animation-name: fadeInUpBig;
  1300 +}
  1301 +
  1302 +@-webkit-keyframes fadeOut {
  1303 + 0% {
  1304 + opacity: 1;
  1305 + }
  1306 +
  1307 + 100% {
  1308 + opacity: 0;
  1309 + }
  1310 +}
  1311 +
  1312 +@keyframes fadeOut {
  1313 + 0% {
  1314 + opacity: 1;
  1315 + }
  1316 +
  1317 + 100% {
  1318 + opacity: 0;
  1319 + }
  1320 +}
  1321 +
  1322 +.fadeOut {
  1323 + -webkit-animation-name: fadeOut;
  1324 + animation-name: fadeOut;
  1325 +}
  1326 +
  1327 +@-webkit-keyframes fadeOutDown {
  1328 + 0% {
  1329 + opacity: 1;
  1330 + -webkit-transform: translateY(0);
  1331 + transform: translateY(0);
  1332 + }
  1333 +
  1334 + 100% {
  1335 + opacity: 0;
  1336 + -webkit-transform: translateY(20px);
  1337 + transform: translateY(20px);
  1338 + }
  1339 +}
  1340 +
  1341 +@keyframes fadeOutDown {
  1342 + 0% {
  1343 + opacity: 1;
  1344 + -webkit-transform: translateY(0);
  1345 + -ms-transform: translateY(0);
  1346 + transform: translateY(0);
  1347 + }
  1348 +
  1349 + 100% {
  1350 + opacity: 0;
  1351 + -webkit-transform: translateY(20px);
  1352 + -ms-transform: translateY(20px);
  1353 + transform: translateY(20px);
  1354 + }
  1355 +}
  1356 +
  1357 +.fadeOutDown {
  1358 + -webkit-animation-name: fadeOutDown;
  1359 + animation-name: fadeOutDown;
  1360 +}
  1361 +
  1362 +@-webkit-keyframes fadeOutDownBig {
  1363 + 0% {
  1364 + opacity: 1;
  1365 + -webkit-transform: translateY(0);
  1366 + transform: translateY(0);
  1367 + }
  1368 +
  1369 + 100% {
  1370 + opacity: 0;
  1371 + -webkit-transform: translateY(2000px);
  1372 + transform: translateY(2000px);
  1373 + }
  1374 +}
  1375 +
  1376 +@keyframes fadeOutDownBig {
  1377 + 0% {
  1378 + opacity: 1;
  1379 + -webkit-transform: translateY(0);
  1380 + -ms-transform: translateY(0);
  1381 + transform: translateY(0);
  1382 + }
  1383 +
  1384 + 100% {
  1385 + opacity: 0;
  1386 + -webkit-transform: translateY(2000px);
  1387 + -ms-transform: translateY(2000px);
  1388 + transform: translateY(2000px);
  1389 + }
  1390 +}
  1391 +
  1392 +.fadeOutDownBig {
  1393 + -webkit-animation-name: fadeOutDownBig;
  1394 + animation-name: fadeOutDownBig;
  1395 +}
  1396 +
  1397 +@-webkit-keyframes fadeOutLeft {
  1398 + 0% {
  1399 + opacity: 1;
  1400 + -webkit-transform: translateX(0);
  1401 + transform: translateX(0);
  1402 + }
  1403 +
  1404 + 100% {
  1405 + opacity: 0;
  1406 + -webkit-transform: translateX(-20px);
  1407 + transform: translateX(-20px);
  1408 + }
  1409 +}
  1410 +
  1411 +@keyframes fadeOutLeft {
  1412 + 0% {
  1413 + opacity: 1;
  1414 + -webkit-transform: translateX(0);
  1415 + -ms-transform: translateX(0);
  1416 + transform: translateX(0);
  1417 + }
  1418 +
  1419 + 100% {
  1420 + opacity: 0;
  1421 + -webkit-transform: translateX(-20px);
  1422 + -ms-transform: translateX(-20px);
  1423 + transform: translateX(-20px);
  1424 + }
  1425 +}
  1426 +
  1427 +.fadeOutLeft {
  1428 + -webkit-animation-name: fadeOutLeft;
  1429 + animation-name: fadeOutLeft;
  1430 +}
  1431 +
  1432 +@-webkit-keyframes fadeOutLeftBig {
  1433 + 0% {
  1434 + opacity: 1;
  1435 + -webkit-transform: translateX(0);
  1436 + transform: translateX(0);
  1437 + }
  1438 +
  1439 + 100% {
  1440 + opacity: 0;
  1441 + -webkit-transform: translateX(-2000px);
  1442 + transform: translateX(-2000px);
  1443 + }
  1444 +}
  1445 +
  1446 +@keyframes fadeOutLeftBig {
  1447 + 0% {
  1448 + opacity: 1;
  1449 + -webkit-transform: translateX(0);
  1450 + -ms-transform: translateX(0);
  1451 + transform: translateX(0);
  1452 + }
  1453 +
  1454 + 100% {
  1455 + opacity: 0;
  1456 + -webkit-transform: translateX(-2000px);
  1457 + -ms-transform: translateX(-2000px);
  1458 + transform: translateX(-2000px);
  1459 + }
  1460 +}
  1461 +
  1462 +.fadeOutLeftBig {
  1463 + -webkit-animation-name: fadeOutLeftBig;
  1464 + animation-name: fadeOutLeftBig;
  1465 +}
  1466 +
  1467 +@-webkit-keyframes fadeOutRight {
  1468 + 0% {
  1469 + opacity: 1;
  1470 + -webkit-transform: translateX(0);
  1471 + transform: translateX(0);
  1472 + }
  1473 +
  1474 + 100% {
  1475 + opacity: 0;
  1476 + -webkit-transform: translateX(20px);
  1477 + transform: translateX(20px);
  1478 + }
  1479 +}
  1480 +
  1481 +@keyframes fadeOutRight {
  1482 + 0% {
  1483 + opacity: 1;
  1484 + -webkit-transform: translateX(0);
  1485 + -ms-transform: translateX(0);
  1486 + transform: translateX(0);
  1487 + }
  1488 +
  1489 + 100% {
  1490 + opacity: 0;
  1491 + -webkit-transform: translateX(20px);
  1492 + -ms-transform: translateX(20px);
  1493 + transform: translateX(20px);
  1494 + }
  1495 +}
  1496 +
  1497 +.fadeOutRight {
  1498 + -webkit-animation-name: fadeOutRight;
  1499 + animation-name: fadeOutRight;
  1500 +}
  1501 +
  1502 +@-webkit-keyframes fadeOutRightBig {
  1503 + 0% {
  1504 + opacity: 1;
  1505 + -webkit-transform: translateX(0);
  1506 + transform: translateX(0);
  1507 + }
  1508 +
  1509 + 100% {
  1510 + opacity: 0;
  1511 + -webkit-transform: translateX(2000px);
  1512 + transform: translateX(2000px);
  1513 + }
  1514 +}
  1515 +
  1516 +@keyframes fadeOutRightBig {
  1517 + 0% {
  1518 + opacity: 1;
  1519 + -webkit-transform: translateX(0);
  1520 + -ms-transform: translateX(0);
  1521 + transform: translateX(0);
  1522 + }
  1523 +
  1524 + 100% {
  1525 + opacity: 0;
  1526 + -webkit-transform: translateX(2000px);
  1527 + -ms-transform: translateX(2000px);
  1528 + transform: translateX(2000px);
  1529 + }
  1530 +}
  1531 +
  1532 +.fadeOutRightBig {
  1533 + -webkit-animation-name: fadeOutRightBig;
  1534 + animation-name: fadeOutRightBig;
  1535 +}
  1536 +
  1537 +@-webkit-keyframes fadeOutUp {
  1538 + 0% {
  1539 + opacity: 1;
  1540 + -webkit-transform: translateY(0);
  1541 + transform: translateY(0);
  1542 + }
  1543 +
  1544 + 100% {
  1545 + opacity: 0;
  1546 + -webkit-transform: translateY(-20px);
  1547 + transform: translateY(-20px);
  1548 + }
  1549 +}
  1550 +
  1551 +@keyframes fadeOutUp {
  1552 + 0% {
  1553 + opacity: 1;
  1554 + -webkit-transform: translateY(0);
  1555 + -ms-transform: translateY(0);
  1556 + transform: translateY(0);
  1557 + }
  1558 +
  1559 + 100% {
  1560 + opacity: 0;
  1561 + -webkit-transform: translateY(-20px);
  1562 + -ms-transform: translateY(-20px);
  1563 + transform: translateY(-20px);
  1564 + }
  1565 +}
  1566 +
  1567 +.fadeOutUp {
  1568 + -webkit-animation-name: fadeOutUp;
  1569 + animation-name: fadeOutUp;
  1570 +}
  1571 +
  1572 +@-webkit-keyframes fadeOutUpBig {
  1573 + 0% {
  1574 + opacity: 1;
  1575 + -webkit-transform: translateY(0);
  1576 + transform: translateY(0);
  1577 + }
  1578 +
  1579 + 100% {
  1580 + opacity: 0;
  1581 + -webkit-transform: translateY(-2000px);
  1582 + transform: translateY(-2000px);
  1583 + }
  1584 +}
  1585 +
  1586 +@keyframes fadeOutUpBig {
  1587 + 0% {
  1588 + opacity: 1;
  1589 + -webkit-transform: translateY(0);
  1590 + -ms-transform: translateY(0);
  1591 + transform: translateY(0);
  1592 + }
  1593 +
  1594 + 100% {
  1595 + opacity: 0;
  1596 + -webkit-transform: translateY(-2000px);
  1597 + -ms-transform: translateY(-2000px);
  1598 + transform: translateY(-2000px);
  1599 + }
  1600 +}
  1601 +
  1602 +.fadeOutUpBig {
  1603 + -webkit-animation-name: fadeOutUpBig;
  1604 + animation-name: fadeOutUpBig;
  1605 +}
  1606 +
  1607 +@-webkit-keyframes flip {
  1608 + 0% {
  1609 + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  1610 + transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  1611 + -webkit-animation-timing-function: ease-out;
  1612 + animation-timing-function: ease-out;
  1613 + }
  1614 +
  1615 + 40% {
  1616 + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  1617 + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  1618 + -webkit-animation-timing-function: ease-out;
  1619 + animation-timing-function: ease-out;
  1620 + }
  1621 +
  1622 + 50% {
  1623 + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  1624 + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  1625 + -webkit-animation-timing-function: ease-in;
  1626 + animation-timing-function: ease-in;
  1627 + }
  1628 +
  1629 + 80% {
  1630 + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
  1631 + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
  1632 + -webkit-animation-timing-function: ease-in;
  1633 + animation-timing-function: ease-in;
  1634 + }
  1635 +
  1636 + 100% {
  1637 + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  1638 + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  1639 + -webkit-animation-timing-function: ease-in;
  1640 + animation-timing-function: ease-in;
  1641 + }
  1642 +}
  1643 +
  1644 +@keyframes flip {
  1645 + 0% {
  1646 + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  1647 + -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  1648 + transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  1649 + -webkit-animation-timing-function: ease-out;
  1650 + animation-timing-function: ease-out;
  1651 + }
  1652 +
  1653 + 40% {
  1654 + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  1655 + -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  1656 + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  1657 + -webkit-animation-timing-function: ease-out;
  1658 + animation-timing-function: ease-out;
  1659 + }
  1660 +
  1661 + 50% {
  1662 + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  1663 + -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  1664 + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  1665 + -webkit-animation-timing-function: ease-in;
  1666 + animation-timing-function: ease-in;
  1667 + }
  1668 +
  1669 + 80% {
  1670 + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
  1671 + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
  1672 + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
  1673 + -webkit-animation-timing-function: ease-in;
  1674 + animation-timing-function: ease-in;
  1675 + }
  1676 +
  1677 + 100% {
  1678 + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  1679 + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  1680 + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  1681 + -webkit-animation-timing-function: ease-in;
  1682 + animation-timing-function: ease-in;
  1683 + }
  1684 +}
  1685 +
  1686 +.animated.flip {
  1687 + -webkit-backface-visibility: visible;
  1688 + -ms-backface-visibility: visible;
  1689 + backface-visibility: visible;
  1690 + -webkit-animation-name: flip;
  1691 + animation-name: flip;
  1692 +}
  1693 +
  1694 +@-webkit-keyframes flipInX {
  1695 + 0% {
  1696 + -webkit-transform: perspective(400px) rotateX(90deg);
  1697 + transform: perspective(400px) rotateX(90deg);
  1698 + opacity: 0;
  1699 + }
  1700 +
  1701 + 40% {
  1702 + -webkit-transform: perspective(400px) rotateX(-10deg);
  1703 + transform: perspective(400px) rotateX(-10deg);
  1704 + }
  1705 +
  1706 + 70% {
  1707 + -webkit-transform: perspective(400px) rotateX(10deg);
  1708 + transform: perspective(400px) rotateX(10deg);
  1709 + }
  1710 +
  1711 + 100% {
  1712 + -webkit-transform: perspective(400px) rotateX(0deg);
  1713 + transform: perspective(400px) rotateX(0deg);
  1714 + opacity: 1;
  1715 + }
  1716 +}
  1717 +
  1718 +@keyframes flipInX {
  1719 + 0% {
  1720 + -webkit-transform: perspective(400px) rotateX(90deg);
  1721 + -ms-transform: perspective(400px) rotateX(90deg);
  1722 + transform: perspective(400px) rotateX(90deg);
  1723 + opacity: 0;
  1724 + }
  1725 +
  1726 + 40% {
  1727 + -webkit-transform: perspective(400px) rotateX(-10deg);
  1728 + -ms-transform: perspective(400px) rotateX(-10deg);
  1729 + transform: perspective(400px) rotateX(-10deg);
  1730 + }
  1731 +
  1732 + 70% {
  1733 + -webkit-transform: perspective(400px) rotateX(10deg);
  1734 + -ms-transform: perspective(400px) rotateX(10deg);
  1735 + transform: perspective(400px) rotateX(10deg);
  1736 + }
  1737 +
  1738 + 100% {
  1739 + -webkit-transform: perspective(400px) rotateX(0deg);
  1740 + -ms-transform: perspective(400px) rotateX(0deg);
  1741 + transform: perspective(400px) rotateX(0deg);
  1742 + opacity: 1;
  1743 + }
  1744 +}
  1745 +
  1746 +.flipInX {
  1747 + -webkit-backface-visibility: visible !important;
  1748 + -ms-backface-visibility: visible !important;
  1749 + backface-visibility: visible !important;
  1750 + -webkit-animation-name: flipInX;
  1751 + animation-name: flipInX;
  1752 +}
  1753 +
  1754 +@-webkit-keyframes flipInY {
  1755 + 0% {
  1756 + -webkit-transform: perspective(400px) rotateY(90deg);
  1757 + transform: perspective(400px) rotateY(90deg);
  1758 + opacity: 0;
  1759 + }
  1760 +
  1761 + 40% {
  1762 + -webkit-transform: perspective(400px) rotateY(-10deg);
  1763 + transform: perspective(400px) rotateY(-10deg);
  1764 + }
  1765 +
  1766 + 70% {
  1767 + -webkit-transform: perspective(400px) rotateY(10deg);
  1768 + transform: perspective(400px) rotateY(10deg);
  1769 + }
  1770 +
  1771 + 100% {
  1772 + -webkit-transform: perspective(400px) rotateY(0deg);
  1773 + transform: perspective(400px) rotateY(0deg);
  1774 + opacity: 1;
  1775 + }
  1776 +}
  1777 +
  1778 +@keyframes flipInY {
  1779 + 0% {
  1780 + -webkit-transform: perspective(400px) rotateY(90deg);
  1781 + -ms-transform: perspective(400px) rotateY(90deg);
  1782 + transform: perspective(400px) rotateY(90deg);
  1783 + opacity: 0;
  1784 + }
  1785 +
  1786 + 40% {
  1787 + -webkit-transform: perspective(400px) rotateY(-10deg);
  1788 + -ms-transform: perspective(400px) rotateY(-10deg);
  1789 + transform: perspective(400px) rotateY(-10deg);
  1790 + }
  1791 +
  1792 + 70% {
  1793 + -webkit-transform: perspective(400px) rotateY(10deg);
  1794 + -ms-transform: perspective(400px) rotateY(10deg);
  1795 + transform: perspective(400px) rotateY(10deg);
  1796 + }
  1797 +
  1798 + 100% {
  1799 + -webkit-transform: perspective(400px) rotateY(0deg);
  1800 + -ms-transform: perspective(400px) rotateY(0deg);
  1801 + transform: perspective(400px) rotateY(0deg);
  1802 + opacity: 1;
  1803 + }
  1804 +}
  1805 +
  1806 +.flipInY {
  1807 + -webkit-backface-visibility: visible !important;
  1808 + -ms-backface-visibility: visible !important;
  1809 + backface-visibility: visible !important;
  1810 + -webkit-animation-name: flipInY;
  1811 + animation-name: flipInY;
  1812 +}
  1813 +
  1814 +@-webkit-keyframes flipOutX {
  1815 + 0% {
  1816 + -webkit-transform: perspective(400px) rotateX(0deg);
  1817 + transform: perspective(400px) rotateX(0deg);
  1818 + opacity: 1;
  1819 + }
  1820 +
  1821 + 100% {
  1822 + -webkit-transform: perspective(400px) rotateX(90deg);
  1823 + transform: perspective(400px) rotateX(90deg);
  1824 + opacity: 0;
  1825 + }
  1826 +}
  1827 +
  1828 +@keyframes flipOutX {
  1829 + 0% {
  1830 + -webkit-transform: perspective(400px) rotateX(0deg);
  1831 + -ms-transform: perspective(400px) rotateX(0deg);
  1832 + transform: perspective(400px) rotateX(0deg);
  1833 + opacity: 1;
  1834 + }
  1835 +
  1836 + 100% {
  1837 + -webkit-transform: perspective(400px) rotateX(90deg);
  1838 + -ms-transform: perspective(400px) rotateX(90deg);
  1839 + transform: perspective(400px) rotateX(90deg);
  1840 + opacity: 0;
  1841 + }
  1842 +}
  1843 +
  1844 +.flipOutX {
  1845 + -webkit-animation-name: flipOutX;
  1846 + animation-name: flipOutX;
  1847 + -webkit-backface-visibility: visible !important;
  1848 + -ms-backface-visibility: visible !important;
  1849 + backface-visibility: visible !important;
  1850 +}
  1851 +
  1852 +@-webkit-keyframes flipOutY {
  1853 + 0% {
  1854 + -webkit-transform: perspective(400px) rotateY(0deg);
  1855 + transform: perspective(400px) rotateY(0deg);
  1856 + opacity: 1;
  1857 + }
  1858 +
  1859 + 100% {
  1860 + -webkit-transform: perspective(400px) rotateY(90deg);
  1861 + transform: perspective(400px) rotateY(90deg);
  1862 + opacity: 0;
  1863 + }
  1864 +}
  1865 +
  1866 +@keyframes flipOutY {
  1867 + 0% {
  1868 + -webkit-transform: perspective(400px) rotateY(0deg);
  1869 + -ms-transform: perspective(400px) rotateY(0deg);
  1870 + transform: perspective(400px) rotateY(0deg);
  1871 + opacity: 1;
  1872 + }
  1873 +
  1874 + 100% {
  1875 + -webkit-transform: perspective(400px) rotateY(90deg);
  1876 + -ms-transform: perspective(400px) rotateY(90deg);
  1877 + transform: perspective(400px) rotateY(90deg);
  1878 + opacity: 0;
  1879 + }
  1880 +}
  1881 +
  1882 +.flipOutY {
  1883 + -webkit-backface-visibility: visible !important;
  1884 + -ms-backface-visibility: visible !important;
  1885 + backface-visibility: visible !important;
  1886 + -webkit-animation-name: flipOutY;
  1887 + animation-name: flipOutY;
  1888 +}
  1889 +
  1890 +@-webkit-keyframes lightSpeedIn {
  1891 + 0% {
  1892 + -webkit-transform: translateX(100%) skewX(-30deg);
  1893 + transform: translateX(100%) skewX(-30deg);
  1894 + opacity: 0;
  1895 + }
  1896 +
  1897 + 60% {
  1898 + -webkit-transform: translateX(-20%) skewX(30deg);
  1899 + transform: translateX(-20%) skewX(30deg);
  1900 + opacity: 1;
  1901 + }
  1902 +
  1903 + 80% {
  1904 + -webkit-transform: translateX(0%) skewX(-15deg);
  1905 + transform: translateX(0%) skewX(-15deg);
  1906 + opacity: 1;
  1907 + }
  1908 +
  1909 + 100% {
  1910 + -webkit-transform: translateX(0%) skewX(0deg);
  1911 + transform: translateX(0%) skewX(0deg);
  1912 + opacity: 1;
  1913 + }
  1914 +}
  1915 +
  1916 +@keyframes lightSpeedIn {
  1917 + 0% {
  1918 + -webkit-transform: translateX(100%) skewX(-30deg);
  1919 + -ms-transform: translateX(100%) skewX(-30deg);
  1920 + transform: translateX(100%) skewX(-30deg);
  1921 + opacity: 0;
  1922 + }
  1923 +
  1924 + 60% {
  1925 + -webkit-transform: translateX(-20%) skewX(30deg);
  1926 + -ms-transform: translateX(-20%) skewX(30deg);
  1927 + transform: translateX(-20%) skewX(30deg);
  1928 + opacity: 1;
  1929 + }
  1930 +
  1931 + 80% {
  1932 + -webkit-transform: translateX(0%) skewX(-15deg);
  1933 + -ms-transform: translateX(0%) skewX(-15deg);
  1934 + transform: translateX(0%) skewX(-15deg);
  1935 + opacity: 1;
  1936 + }
  1937 +
  1938 + 100% {
  1939 + -webkit-transform: translateX(0%) skewX(0deg);
  1940 + -ms-transform: translateX(0%) skewX(0deg);
  1941 + transform: translateX(0%) skewX(0deg);
  1942 + opacity: 1;
  1943 + }
  1944 +}
  1945 +
  1946 +.lightSpeedIn {
  1947 + -webkit-animation-name: lightSpeedIn;
  1948 + animation-name: lightSpeedIn;
  1949 + -webkit-animation-timing-function: ease-out;
  1950 + animation-timing-function: ease-out;
  1951 +}
  1952 +
  1953 +@-webkit-keyframes lightSpeedOut {
  1954 + 0% {
  1955 + -webkit-transform: translateX(0%) skewX(0deg);
  1956 + transform: translateX(0%) skewX(0deg);
  1957 + opacity: 1;
  1958 + }
  1959 +
  1960 + 100% {
  1961 + -webkit-transform: translateX(100%) skewX(-30deg);
  1962 + transform: translateX(100%) skewX(-30deg);
  1963 + opacity: 0;
  1964 + }
  1965 +}
  1966 +
  1967 +@keyframes lightSpeedOut {
  1968 + 0% {
  1969 + -webkit-transform: translateX(0%) skewX(0deg);
  1970 + -ms-transform: translateX(0%) skewX(0deg);
  1971 + transform: translateX(0%) skewX(0deg);
  1972 + opacity: 1;
  1973 + }
  1974 +
  1975 + 100% {
  1976 + -webkit-transform: translateX(100%) skewX(-30deg);
  1977 + -ms-transform: translateX(100%) skewX(-30deg);
  1978 + transform: translateX(100%) skewX(-30deg);
  1979 + opacity: 0;
  1980 + }
  1981 +}
  1982 +
  1983 +.lightSpeedOut {
  1984 + -webkit-animation-name: lightSpeedOut;
  1985 + animation-name: lightSpeedOut;
  1986 + -webkit-animation-timing-function: ease-in;
  1987 + animation-timing-function: ease-in;
  1988 +}
  1989 +
  1990 +@-webkit-keyframes rotateIn {
  1991 + 0% {
  1992 + -webkit-transform-origin: center center;
  1993 + transform-origin: center center;
  1994 + -webkit-transform: rotate(-200deg);
  1995 + transform: rotate(-200deg);
  1996 + opacity: 0;
  1997 + }
  1998 +
  1999 + 100% {
  2000 + -webkit-transform-origin: center center;
  2001 + transform-origin: center center;
  2002 + -webkit-transform: rotate(0);
  2003 + transform: rotate(0);
  2004 + opacity: 1;
  2005 + }
  2006 +}
  2007 +
  2008 +@keyframes rotateIn {
  2009 + 0% {
  2010 + -webkit-transform-origin: center center;
  2011 + -ms-transform-origin: center center;
  2012 + transform-origin: center center;
  2013 + -webkit-transform: rotate(-200deg);
  2014 + -ms-transform: rotate(-200deg);
  2015 + transform: rotate(-200deg);
  2016 + opacity: 0;
  2017 + }
  2018 +
  2019 + 100% {
  2020 + -webkit-transform-origin: center center;
  2021 + -ms-transform-origin: center center;
  2022 + transform-origin: center center;
  2023 + -webkit-transform: rotate(0);
  2024 + -ms-transform: rotate(0);
  2025 + transform: rotate(0);
  2026 + opacity: 1;
  2027 + }
  2028 +}
  2029 +
  2030 +.rotateIn {
  2031 + -webkit-animation-name: rotateIn;
  2032 + animation-name: rotateIn;
  2033 +}
  2034 +
  2035 +@-webkit-keyframes rotateInDownLeft {
  2036 + 0% {
  2037 + -webkit-transform-origin: left bottom;
  2038 + transform-origin: left bottom;
  2039 + -webkit-transform: rotate(-90deg);
  2040 + transform: rotate(-90deg);
  2041 + opacity: 0;
  2042 + }
  2043 +
  2044 + 100% {
  2045 + -webkit-transform-origin: left bottom;
  2046 + transform-origin: left bottom;
  2047 + -webkit-transform: rotate(0);
  2048 + transform: rotate(0);
  2049 + opacity: 1;
  2050 + }
  2051 +}
  2052 +
  2053 +@keyframes rotateInDownLeft {
  2054 + 0% {
  2055 + -webkit-transform-origin: left bottom;
  2056 + -ms-transform-origin: left bottom;
  2057 + transform-origin: left bottom;
  2058 + -webkit-transform: rotate(-90deg);
  2059 + -ms-transform: rotate(-90deg);
  2060 + transform: rotate(-90deg);
  2061 + opacity: 0;
  2062 + }
  2063 +
  2064 + 100% {
  2065 + -webkit-transform-origin: left bottom;
  2066 + -ms-transform-origin: left bottom;
  2067 + transform-origin: left bottom;
  2068 + -webkit-transform: rotate(0);
  2069 + -ms-transform: rotate(0);
  2070 + transform: rotate(0);
  2071 + opacity: 1;
  2072 + }
  2073 +}
  2074 +
  2075 +.rotateInDownLeft {
  2076 + -webkit-animation-name: rotateInDownLeft;
  2077 + animation-name: rotateInDownLeft;
  2078 +}
  2079 +
  2080 +@-webkit-keyframes rotateInDownRight {
  2081 + 0% {
  2082 + -webkit-transform-origin: right bottom;
  2083 + transform-origin: right bottom;
  2084 + -webkit-transform: rotate(90deg);
  2085 + transform: rotate(90deg);
  2086 + opacity: 0;
  2087 + }
  2088 +
  2089 + 100% {
  2090 + -webkit-transform-origin: right bottom;
  2091 + transform-origin: right bottom;
  2092 + -webkit-transform: rotate(0);
  2093 + transform: rotate(0);
  2094 + opacity: 1;
  2095 + }
  2096 +}
  2097 +
  2098 +@keyframes rotateInDownRight {
  2099 + 0% {
  2100 + -webkit-transform-origin: right bottom;
  2101 + -ms-transform-origin: right bottom;
  2102 + transform-origin: right bottom;
  2103 + -webkit-transform: rotate(90deg);
  2104 + -ms-transform: rotate(90deg);
  2105 + transform: rotate(90deg);
  2106 + opacity: 0;
  2107 + }
  2108 +
  2109 + 100% {
  2110 + -webkit-transform-origin: right bottom;
  2111 + -ms-transform-origin: right bottom;
  2112 + transform-origin: right bottom;
  2113 + -webkit-transform: rotate(0);
  2114 + -ms-transform: rotate(0);
  2115 + transform: rotate(0);
  2116 + opacity: 1;
  2117 + }
  2118 +}
  2119 +
  2120 +.rotateInDownRight {
  2121 + -webkit-animation-name: rotateInDownRight;
  2122 + animation-name: rotateInDownRight;
  2123 +}
  2124 +
  2125 +@-webkit-keyframes rotateInUpLeft {
  2126 + 0% {
  2127 + -webkit-transform-origin: left bottom;
  2128 + transform-origin: left bottom;
  2129 + -webkit-transform: rotate(90deg);
  2130 + transform: rotate(90deg);
  2131 + opacity: 0;
  2132 + }
  2133 +
  2134 + 100% {
  2135 + -webkit-transform-origin: left bottom;
  2136 + transform-origin: left bottom;
  2137 + -webkit-transform: rotate(0);
  2138 + transform: rotate(0);
  2139 + opacity: 1;
  2140 + }
  2141 +}
  2142 +
  2143 +@keyframes rotateInUpLeft {
  2144 + 0% {
  2145 + -webkit-transform-origin: left bottom;
  2146 + -ms-transform-origin: left bottom;
  2147 + transform-origin: left bottom;
  2148 + -webkit-transform: rotate(90deg);
  2149 + -ms-transform: rotate(90deg);
  2150 + transform: rotate(90deg);
  2151 + opacity: 0;
  2152 + }
  2153 +
  2154 + 100% {
  2155 + -webkit-transform-origin: left bottom;
  2156 + -ms-transform-origin: left bottom;
  2157 + transform-origin: left bottom;
  2158 + -webkit-transform: rotate(0);
  2159 + -ms-transform: rotate(0);
  2160 + transform: rotate(0);
  2161 + opacity: 1;
  2162 + }
  2163 +}
  2164 +
  2165 +.rotateInUpLeft {
  2166 + -webkit-animation-name: rotateInUpLeft;
  2167 + animation-name: rotateInUpLeft;
  2168 +}
  2169 +
  2170 +@-webkit-keyframes rotateInUpRight {
  2171 + 0% {
  2172 + -webkit-transform-origin: right bottom;
  2173 + transform-origin: right bottom;
  2174 + -webkit-transform: rotate(-90deg);
  2175 + transform: rotate(-90deg);
  2176 + opacity: 0;
  2177 + }
  2178 +
  2179 + 100% {
  2180 + -webkit-transform-origin: right bottom;
  2181 + transform-origin: right bottom;
  2182 + -webkit-transform: rotate(0);
  2183 + transform: rotate(0);
  2184 + opacity: 1;
  2185 + }
  2186 +}
  2187 +
  2188 +@keyframes rotateInUpRight {
  2189 + 0% {
  2190 + -webkit-transform-origin: right bottom;
  2191 + -ms-transform-origin: right bottom;
  2192 + transform-origin: right bottom;
  2193 + -webkit-transform: rotate(-90deg);
  2194 + -ms-transform: rotate(-90deg);
  2195 + transform: rotate(-90deg);
  2196 + opacity: 0;
  2197 + }
  2198 +
  2199 + 100% {
  2200 + -webkit-transform-origin: right bottom;
  2201 + -ms-transform-origin: right bottom;
  2202 + transform-origin: right bottom;
  2203 + -webkit-transform: rotate(0);
  2204 + -ms-transform: rotate(0);
  2205 + transform: rotate(0);
  2206 + opacity: 1;
  2207 + }
  2208 +}
  2209 +
  2210 +.rotateInUpRight {
  2211 + -webkit-animation-name: rotateInUpRight;
  2212 + animation-name: rotateInUpRight;
  2213 +}
  2214 +
  2215 +@-webkit-keyframes rotateOut {
  2216 + 0% {
  2217 + -webkit-transform-origin: center center;
  2218 + transform-origin: center center;
  2219 + -webkit-transform: rotate(0);
  2220 + transform: rotate(0);
  2221 + opacity: 1;
  2222 + }
  2223 +
  2224 + 100% {
  2225 + -webkit-transform-origin: center center;
  2226 + transform-origin: center center;
  2227 + -webkit-transform: rotate(200deg);
  2228 + transform: rotate(200deg);
  2229 + opacity: 0;
  2230 + }
  2231 +}
  2232 +
  2233 +@keyframes rotateOut {
  2234 + 0% {
  2235 + -webkit-transform-origin: center center;
  2236 + -ms-transform-origin: center center;
  2237 + transform-origin: center center;
  2238 + -webkit-transform: rotate(0);
  2239 + -ms-transform: rotate(0);
  2240 + transform: rotate(0);
  2241 + opacity: 1;
  2242 + }
  2243 +
  2244 + 100% {
  2245 + -webkit-transform-origin: center center;
  2246 + -ms-transform-origin: center center;
  2247 + transform-origin: center center;
  2248 + -webkit-transform: rotate(200deg);
  2249 + -ms-transform: rotate(200deg);
  2250 + transform: rotate(200deg);
  2251 + opacity: 0;
  2252 + }
  2253 +}
  2254 +
  2255 +.rotateOut {
  2256 + -webkit-animation-name: rotateOut;
  2257 + animation-name: rotateOut;
  2258 +}
  2259 +
  2260 +@-webkit-keyframes rotateOutDownLeft {
  2261 + 0% {
  2262 + -webkit-transform-origin: left bottom;
  2263 + transform-origin: left bottom;
  2264 + -webkit-transform: rotate(0);
  2265 + transform: rotate(0);
  2266 + opacity: 1;
  2267 + }
  2268 +
  2269 + 100% {
  2270 + -webkit-transform-origin: left bottom;
  2271 + transform-origin: left bottom;
  2272 + -webkit-transform: rotate(90deg);
  2273 + transform: rotate(90deg);
  2274 + opacity: 0;
  2275 + }
  2276 +}
  2277 +
  2278 +@keyframes rotateOutDownLeft {
  2279 + 0% {
  2280 + -webkit-transform-origin: left bottom;
  2281 + -ms-transform-origin: left bottom;
  2282 + transform-origin: left bottom;
  2283 + -webkit-transform: rotate(0);
  2284 + -ms-transform: rotate(0);
  2285 + transform: rotate(0);
  2286 + opacity: 1;
  2287 + }
  2288 +
  2289 + 100% {
  2290 + -webkit-transform-origin: left bottom;
  2291 + -ms-transform-origin: left bottom;
  2292 + transform-origin: left bottom;
  2293 + -webkit-transform: rotate(90deg);
  2294 + -ms-transform: rotate(90deg);
  2295 + transform: rotate(90deg);
  2296 + opacity: 0;
  2297 + }
  2298 +}
  2299 +
  2300 +.rotateOutDownLeft {
  2301 + -webkit-animation-name: rotateOutDownLeft;
  2302 + animation-name: rotateOutDownLeft;
  2303 +}
  2304 +
  2305 +@-webkit-keyframes rotateOutDownRight {
  2306 + 0% {
  2307 + -webkit-transform-origin: right bottom;
  2308 + transform-origin: right bottom;
  2309 + -webkit-transform: rotate(0);
  2310 + transform: rotate(0);
  2311 + opacity: 1;
  2312 + }
  2313 +
  2314 + 100% {
  2315 + -webkit-transform-origin: right bottom;
  2316 + transform-origin: right bottom;
  2317 + -webkit-transform: rotate(-90deg);
  2318 + transform: rotate(-90deg);
  2319 + opacity: 0;
  2320 + }
  2321 +}
  2322 +
  2323 +@keyframes rotateOutDownRight {
  2324 + 0% {
  2325 + -webkit-transform-origin: right bottom;
  2326 + -ms-transform-origin: right bottom;
  2327 + transform-origin: right bottom;
  2328 + -webkit-transform: rotate(0);
  2329 + -ms-transform: rotate(0);
  2330 + transform: rotate(0);
  2331 + opacity: 1;
  2332 + }
  2333 +
  2334 + 100% {
  2335 + -webkit-transform-origin: right bottom;
  2336 + -ms-transform-origin: right bottom;
  2337 + transform-origin: right bottom;
  2338 + -webkit-transform: rotate(-90deg);
  2339 + -ms-transform: rotate(-90deg);
  2340 + transform: rotate(-90deg);
  2341 + opacity: 0;
  2342 + }
  2343 +}
  2344 +
  2345 +.rotateOutDownRight {
  2346 + -webkit-animation-name: rotateOutDownRight;
  2347 + animation-name: rotateOutDownRight;
  2348 +}
  2349 +
  2350 +@-webkit-keyframes rotateOutUpLeft {
  2351 + 0% {
  2352 + -webkit-transform-origin: left bottom;
  2353 + transform-origin: left bottom;
  2354 + -webkit-transform: rotate(0);
  2355 + transform: rotate(0);
  2356 + opacity: 1;
  2357 + }
  2358 +
  2359 + 100% {
  2360 + -webkit-transform-origin: left bottom;
  2361 + transform-origin: left bottom;
  2362 + -webkit-transform: rotate(-90deg);
  2363 + transform: rotate(-90deg);
  2364 + opacity: 0;
  2365 + }
  2366 +}
  2367 +
  2368 +@keyframes rotateOutUpLeft {
  2369 + 0% {
  2370 + -webkit-transform-origin: left bottom;
  2371 + -ms-transform-origin: left bottom;
  2372 + transform-origin: left bottom;
  2373 + -webkit-transform: rotate(0);
  2374 + -ms-transform: rotate(0);
  2375 + transform: rotate(0);
  2376 + opacity: 1;
  2377 + }
  2378 +
  2379 + 100% {
  2380 + -webkit-transform-origin: left bottom;
  2381 + -ms-transform-origin: left bottom;
  2382 + transform-origin: left bottom;
  2383 + -webkit-transform: rotate(-90deg);
  2384 + -ms-transform: rotate(-90deg);
  2385 + transform: rotate(-90deg);
  2386 + opacity: 0;
  2387 + }
  2388 +}
  2389 +
  2390 +.rotateOutUpLeft {
  2391 + -webkit-animation-name: rotateOutUpLeft;
  2392 + animation-name: rotateOutUpLeft;
  2393 +}
  2394 +
  2395 +@-webkit-keyframes rotateOutUpRight {
  2396 + 0% {
  2397 + -webkit-transform-origin: right bottom;
  2398 + transform-origin: right bottom;
  2399 + -webkit-transform: rotate(0);
  2400 + transform: rotate(0);
  2401 + opacity: 1;
  2402 + }
  2403 +
  2404 + 100% {
  2405 + -webkit-transform-origin: right bottom;
  2406 + transform-origin: right bottom;
  2407 + -webkit-transform: rotate(90deg);
  2408 + transform: rotate(90deg);
  2409 + opacity: 0;
  2410 + }
  2411 +}
  2412 +
  2413 +@keyframes rotateOutUpRight {
  2414 + 0% {
  2415 + -webkit-transform-origin: right bottom;
  2416 + -ms-transform-origin: right bottom;
  2417 + transform-origin: right bottom;
  2418 + -webkit-transform: rotate(0);
  2419 + -ms-transform: rotate(0);
  2420 + transform: rotate(0);
  2421 + opacity: 1;
  2422 + }
  2423 +
  2424 + 100% {
  2425 + -webkit-transform-origin: right bottom;
  2426 + -ms-transform-origin: right bottom;
  2427 + transform-origin: right bottom;
  2428 + -webkit-transform: rotate(90deg);
  2429 + -ms-transform: rotate(90deg);
  2430 + transform: rotate(90deg);
  2431 + opacity: 0;
  2432 + }
  2433 +}
  2434 +
  2435 +.rotateOutUpRight {
  2436 + -webkit-animation-name: rotateOutUpRight;
  2437 + animation-name: rotateOutUpRight;
  2438 +}
  2439 +
  2440 +@-webkit-keyframes slideInDown {
  2441 + 0% {
  2442 + opacity: 0;
  2443 + -webkit-transform: translateY(-2000px);
  2444 + transform: translateY(-2000px);
  2445 + }
  2446 +
  2447 + 100% {
  2448 + -webkit-transform: translateY(0);
  2449 + transform: translateY(0);
  2450 + }
  2451 +}
  2452 +
  2453 +@keyframes slideInDown {
  2454 + 0% {
  2455 + opacity: 0;
  2456 + -webkit-transform: translateY(-2000px);
  2457 + -ms-transform: translateY(-2000px);
  2458 + transform: translateY(-2000px);
  2459 + }
  2460 +
  2461 + 100% {
  2462 + -webkit-transform: translateY(0);
  2463 + -ms-transform: translateY(0);
  2464 + transform: translateY(0);
  2465 + }
  2466 +}
  2467 +
  2468 +.slideInDown {
  2469 + -webkit-animation-name: slideInDown;
  2470 + animation-name: slideInDown;
  2471 +}
  2472 +
  2473 +@-webkit-keyframes slideInLeft {
  2474 + 0% {
  2475 + opacity: 0;
  2476 + -webkit-transform: translateX(-2000px);
  2477 + transform: translateX(-2000px);
  2478 + }
  2479 +
  2480 + 100% {
  2481 + -webkit-transform: translateX(0);
  2482 + transform: translateX(0);
  2483 + }
  2484 +}
  2485 +
  2486 +@keyframes slideInLeft {
  2487 + 0% {
  2488 + opacity: 0;
  2489 + -webkit-transform: translateX(-2000px);
  2490 + -ms-transform: translateX(-2000px);
  2491 + transform: translateX(-2000px);
  2492 + }
  2493 +
  2494 + 100% {
  2495 + -webkit-transform: translateX(0);
  2496 + -ms-transform: translateX(0);
  2497 + transform: translateX(0);
  2498 + }
  2499 +}
  2500 +
  2501 +.slideInLeft {
  2502 + -webkit-animation-name: slideInLeft;
  2503 + animation-name: slideInLeft;
  2504 +}
  2505 +
  2506 +@-webkit-keyframes slideInRight {
  2507 + 0% {
  2508 + opacity: 0;
  2509 + -webkit-transform: translateX(2000px);
  2510 + transform: translateX(2000px);
  2511 + }
  2512 +
  2513 + 100% {
  2514 + -webkit-transform: translateX(0);
  2515 + transform: translateX(0);
  2516 + }
  2517 +}
  2518 +
  2519 +@keyframes slideInRight {
  2520 + 0% {
  2521 + opacity: 0;
  2522 + -webkit-transform: translateX(2000px);
  2523 + -ms-transform: translateX(2000px);
  2524 + transform: translateX(2000px);
  2525 + }
  2526 +
  2527 + 100% {
  2528 + -webkit-transform: translateX(0);
  2529 + -ms-transform: translateX(0);
  2530 + transform: translateX(0);
  2531 + }
  2532 +}
  2533 +
  2534 +.slideInRight {
  2535 + -webkit-animation-name: slideInRight;
  2536 + animation-name: slideInRight;
  2537 +}
  2538 +
  2539 +@-webkit-keyframes slideOutLeft {
  2540 + 0% {
  2541 + -webkit-transform: translateX(0);
  2542 + transform: translateX(0);
  2543 + }
  2544 +
  2545 + 100% {
  2546 + opacity: 0;
  2547 + -webkit-transform: translateX(-2000px);
  2548 + transform: translateX(-2000px);
  2549 + }
  2550 +}
  2551 +
  2552 +@keyframes slideOutLeft {
  2553 + 0% {
  2554 + -webkit-transform: translateX(0);
  2555 + -ms-transform: translateX(0);
  2556 + transform: translateX(0);
  2557 + }
  2558 +
  2559 + 100% {
  2560 + opacity: 0;
  2561 + -webkit-transform: translateX(-2000px);
  2562 + -ms-transform: translateX(-2000px);
  2563 + transform: translateX(-2000px);
  2564 + }
  2565 +}
  2566 +
  2567 +.slideOutLeft {
  2568 + -webkit-animation-name: slideOutLeft;
  2569 + animation-name: slideOutLeft;
  2570 +}
  2571 +
  2572 +@-webkit-keyframes slideOutRight {
  2573 + 0% {
  2574 + -webkit-transform: translateX(0);
  2575 + transform: translateX(0);
  2576 + }
  2577 +
  2578 + 100% {
  2579 + opacity: 0;
  2580 + -webkit-transform: translateX(2000px);
  2581 + transform: translateX(2000px);
  2582 + }
  2583 +}
  2584 +
  2585 +@keyframes slideOutRight {
  2586 + 0% {
  2587 + -webkit-transform: translateX(0);
  2588 + -ms-transform: translateX(0);
  2589 + transform: translateX(0);
  2590 + }
  2591 +
  2592 + 100% {
  2593 + opacity: 0;
  2594 + -webkit-transform: translateX(2000px);
  2595 + -ms-transform: translateX(2000px);
  2596 + transform: translateX(2000px);
  2597 + }
  2598 +}
  2599 +
  2600 +.slideOutRight {
  2601 + -webkit-animation-name: slideOutRight;
  2602 + animation-name: slideOutRight;
  2603 +}
  2604 +
  2605 +@-webkit-keyframes slideOutUp {
  2606 + 0% {
  2607 + -webkit-transform: translateY(0);
  2608 + transform: translateY(0);
  2609 + }
  2610 +
  2611 + 100% {
  2612 + opacity: 0;
  2613 + -webkit-transform: translateY(-2000px);
  2614 + transform: translateY(-2000px);
  2615 + }
  2616 +}
  2617 +
  2618 +@keyframes slideOutUp {
  2619 + 0% {
  2620 + -webkit-transform: translateY(0);
  2621 + -ms-transform: translateY(0);
  2622 + transform: translateY(0);
  2623 + }
  2624 +
  2625 + 100% {
  2626 + opacity: 0;
  2627 + -webkit-transform: translateY(-2000px);
  2628 + -ms-transform: translateY(-2000px);
  2629 + transform: translateY(-2000px);
  2630 + }
  2631 +}
  2632 +
  2633 +.slideOutUp {
  2634 + -webkit-animation-name: slideOutUp;
  2635 + animation-name: slideOutUp;
  2636 +}
  2637 +
  2638 +@-webkit-keyframes slideInUp {
  2639 + 0% {
  2640 + -webkit-transform: translateY(2000px);
  2641 + transform: translateY(2000px);
  2642 + }
  2643 +
  2644 + 100% {
  2645 + opacity: 0;
  2646 + -webkit-transform: translateY(0);
  2647 + transform: translateY(0);
  2648 + }
  2649 +}
  2650 +
  2651 +@keyframes slideInUp {
  2652 + 0% {
  2653 + -webkit-transform: translateY(2000px);
  2654 + -ms-transform: translateY(2000px);
  2655 + transform: translateY(2000px);
  2656 + }
  2657 +
  2658 + 100% {
  2659 + opacity: 0;
  2660 + -webkit-transform: translateY(0);
  2661 + -ms-transform: translateY(0);
  2662 + transform: translateY(0);
  2663 + }
  2664 +}
  2665 +
  2666 +.slideInUp {
  2667 + -webkit-animation-name: slideInUp;
  2668 + animation-name: slideInUp;
  2669 +}
  2670 +
  2671 +@-webkit-keyframes slideOutDown {
  2672 + 0% {
  2673 + -webkit-transform: translateY(0);
  2674 + transform: translateY(0);
  2675 + }
  2676 +
  2677 + 100% {
  2678 + opacity: 0;
  2679 + -webkit-transform: translateY(2000px);
  2680 + transform: translateY(2000px);
  2681 + }
  2682 +}
  2683 +
  2684 +@keyframes slideOutDown {
  2685 + 0% {
  2686 + -webkit-transform: translateY(0);
  2687 + -ms-transform: translateY(0);
  2688 + transform: translateY(0);
  2689 + }
  2690 +
  2691 + 100% {
  2692 + opacity: 0;
  2693 + -webkit-transform: translateY(2000px);
  2694 + -ms-transform: translateY(2000px);
  2695 + transform: translateY(2000px);
  2696 + }
  2697 +}
  2698 +
  2699 +.slideOutDown {
  2700 + -webkit-animation-name: slideOutDown;
  2701 + animation-name: slideOutDown;
  2702 +}
  2703 +
  2704 +@-webkit-keyframes hinge {
  2705 + 0% {
  2706 + -webkit-transform: rotate(0);
  2707 + transform: rotate(0);
  2708 + -webkit-transform-origin: top left;
  2709 + transform-origin: top left;
  2710 + -webkit-animation-timing-function: ease-in-out;
  2711 + animation-timing-function: ease-in-out;
  2712 + }
  2713 +
  2714 + 20%, 60% {
  2715 + -webkit-transform: rotate(80deg);
  2716 + transform: rotate(80deg);
  2717 + -webkit-transform-origin: top left;
  2718 + transform-origin: top left;
  2719 + -webkit-animation-timing-function: ease-in-out;
  2720 + animation-timing-function: ease-in-out;
  2721 + }
  2722 +
  2723 + 40% {
  2724 + -webkit-transform: rotate(60deg);
  2725 + transform: rotate(60deg);
  2726 + -webkit-transform-origin: top left;
  2727 + transform-origin: top left;
  2728 + -webkit-animation-timing-function: ease-in-out;
  2729 + animation-timing-function: ease-in-out;
  2730 + }
  2731 +
  2732 + 80% {
  2733 + -webkit-transform: rotate(60deg) translateY(0);
  2734 + transform: rotate(60deg) translateY(0);
  2735 + -webkit-transform-origin: top left;
  2736 + transform-origin: top left;
  2737 + -webkit-animation-timing-function: ease-in-out;
  2738 + animation-timing-function: ease-in-out;
  2739 + opacity: 1;
  2740 + }
  2741 +
  2742 + 100% {
  2743 + -webkit-transform: translateY(700px);
  2744 + transform: translateY(700px);
  2745 + opacity: 0;
  2746 + }
  2747 +}
  2748 +
  2749 +@keyframes hinge {
  2750 + 0% {
  2751 + -webkit-transform: rotate(0);
  2752 + -ms-transform: rotate(0);
  2753 + transform: rotate(0);
  2754 + -webkit-transform-origin: top left;
  2755 + -ms-transform-origin: top left;
  2756 + transform-origin: top left;
  2757 + -webkit-animation-timing-function: ease-in-out;
  2758 + animation-timing-function: ease-in-out;
  2759 + }
  2760 +
  2761 + 20%, 60% {
  2762 + -webkit-transform: rotate(80deg);
  2763 + -ms-transform: rotate(80deg);
  2764 + transform: rotate(80deg);
  2765 + -webkit-transform-origin: top left;
  2766 + -ms-transform-origin: top left;
  2767 + transform-origin: top left;
  2768 + -webkit-animation-timing-function: ease-in-out;
  2769 + animation-timing-function: ease-in-out;
  2770 + }
  2771 +
  2772 + 40% {
  2773 + -webkit-transform: rotate(60deg);
  2774 + -ms-transform: rotate(60deg);
  2775 + transform: rotate(60deg);
  2776 + -webkit-transform-origin: top left;
  2777 + -ms-transform-origin: top left;
  2778 + transform-origin: top left;
  2779 + -webkit-animation-timing-function: ease-in-out;
  2780 + animation-timing-function: ease-in-out;
  2781 + }
  2782 +
  2783 + 80% {
  2784 + -webkit-transform: rotate(60deg) translateY(0);
  2785 + -ms-transform: rotate(60deg) translateY(0);
  2786 + transform: rotate(60deg) translateY(0);
  2787 + -webkit-transform-origin: top left;
  2788 + -ms-transform-origin: top left;
  2789 + transform-origin: top left;
  2790 + -webkit-animation-timing-function: ease-in-out;
  2791 + animation-timing-function: ease-in-out;
  2792 + opacity: 1;
  2793 + }
  2794 +
  2795 + 100% {
  2796 + -webkit-transform: translateY(700px);
  2797 + -ms-transform: translateY(700px);
  2798 + transform: translateY(700px);
  2799 + opacity: 0;
  2800 + }
  2801 +}
  2802 +
  2803 +.hinge {
  2804 + -webkit-animation-name: hinge;
  2805 + animation-name: hinge;
  2806 +}
  2807 +
  2808 +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  2809 +
  2810 +@-webkit-keyframes rollIn {
  2811 + 0% {
  2812 + opacity: 0;
  2813 + -webkit-transform: translateX(-100%) rotate(-120deg);
  2814 + transform: translateX(-100%) rotate(-120deg);
  2815 + }
  2816 +
  2817 + 100% {
  2818 + opacity: 1;
  2819 + -webkit-transform: translateX(0px) rotate(0deg);
  2820 + transform: translateX(0px) rotate(0deg);
  2821 + }
  2822 +}
  2823 +
  2824 +@keyframes rollIn {
  2825 + 0% {
  2826 + opacity: 0;
  2827 + -webkit-transform: translateX(-100%) rotate(-120deg);
  2828 + -ms-transform: translateX(-100%) rotate(-120deg);
  2829 + transform: translateX(-100%) rotate(-120deg);
  2830 + }
  2831 +
  2832 + 100% {
  2833 + opacity: 1;
  2834 + -webkit-transform: translateX(0px) rotate(0deg);
  2835 + -ms-transform: translateX(0px) rotate(0deg);
  2836 + transform: translateX(0px) rotate(0deg);
  2837 + }
  2838 +}
  2839 +
  2840 +.rollIn {
  2841 + -webkit-animation-name: rollIn;
  2842 + animation-name: rollIn;
  2843 +}
  2844 +
  2845 +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  2846 +
  2847 +@-webkit-keyframes rollOut {
  2848 + 0% {
  2849 + opacity: 1;
  2850 + -webkit-transform: translateX(0px) rotate(0deg);
  2851 + transform: translateX(0px) rotate(0deg);
  2852 + }
  2853 +
  2854 + 100% {
  2855 + opacity: 0;
  2856 + -webkit-transform: translateX(100%) rotate(120deg);
  2857 + transform: translateX(100%) rotate(120deg);
  2858 + }
  2859 +}
  2860 +
  2861 +@keyframes rollOut {
  2862 + 0% {
  2863 + opacity: 1;
  2864 + -webkit-transform: translateX(0px) rotate(0deg);
  2865 + -ms-transform: translateX(0px) rotate(0deg);
  2866 + transform: translateX(0px) rotate(0deg);
  2867 + }
  2868 +
  2869 + 100% {
  2870 + opacity: 0;
  2871 + -webkit-transform: translateX(100%) rotate(120deg);
  2872 + -ms-transform: translateX(100%) rotate(120deg);
  2873 + transform: translateX(100%) rotate(120deg);
  2874 + }
  2875 +}
  2876 +
  2877 +.rollOut {
  2878 + -webkit-animation-name: rollOut;
  2879 + animation-name: rollOut;
  2880 +}
0 2881 \ No newline at end of file
... ...
... ... @@ -60,6 +60,7 @@
60 60 <script src='https://fullcalendar.io/js/fullcalendar-3.4.0/lib/jquery.min.js'></script>
61 61 <script src='https://fullcalendar.io/js/fullcalendar-3.4.0/lib/jquery-ui.min.js'></script> -->
62 62 <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css"/>
  63 + <link rel="stylesheet" type="text/css" href="css/animation.css">
63 64  
64 65 </head>
65 66 <body>
... ...
app/js/ngTable.js
Diff comments   View file @956e0d9
... ... @@ -646,7 +646,7 @@
646 646 }
647 647 }
648 648 }]), a.module("ngTable").run(["$templateCache", function(a) {
649   - a.put("ng-table/filterRow.html", '<tr ng-show="show_filter" class="ng-table-filters"> <th data-title-text="{{$column.titleAlt(this) || $column.title(this)}}" ng-repeat="$column in $columns" ng-if="$column.show(this)" class="filter"> <div ng-repeat="(name, filter) in $column.filter(this)"> <div ng-include="config.getTemplateUrl(filter)"></div> </div> </th> </tr> '), a.put("ng-table/filters/number.html", '<input type="number" name="{{name}}" ng-disabled="$filterRow.disabled" ng-model="params.filter()[name]" class="input-filter form-control"/> '), a.put("ng-table/filters/select-multiple.html", '<select ng-options="data.id as data.title for data in $column.data" ng-disabled="$filterRow.disabled" multiple ng-multiple="true" ng-model="params.filter()[name]" class="filter filter-select-multiple form-control" name="{{name}}"> </select> '), a.put("ng-table/filters/select.html", '<select ng-options="data.id as data.title for data in $column.data" ng-disabled="$filterRow.disabled" ng-model="params.filter()[name]" class="filter filter-select form-control" name="{{name}}"> <option style="display:none" value=""></option> </select> '), a.put("ng-table/filters/text.html", '<input type="text" name="{{name}}" ng-disabled="$filterRow.disabled" ng-model="params.filter()[name]" class="input-filter form-control"/> '), a.put("ng-table/header.html", "<ng-table-sorter-row></ng-table-sorter-row> <ng-table-filter-row></ng-table-filter-row> "), a.put("ng-table/pager.html", '<div class="ng-cloak ng-table-pager" ng-if="params.data.length"> <div style="float: right;"> <div ng-if="params.settings().counts.length" class="ng-table-counts btn-group" style="float: left; margin-top: 20px; margin-right: 20px;"> <select ng-model="count" ng-change="params.count(count)" class="recordCountSelect"> <option ng-repeat="count in params.settings().counts" value="{{count}}">{{count}} Records Per Page</option> </select> </div> <ul class="pagination ng-table-pagination"> <li ng-class="{disabled: !page.active && !page.current, active: page.current}" ng-repeat="page in pages" ng-switch="page.type"> <a ng-switch-when="prev" ng-click="params.page(page.number)" href="">&laquo;</a> <a ng-switch-when="first" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a> <a ng-switch-when="page" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a> <a ng-switch-when="more" ng-click="params.page(page.number)" href="">&#8230;</a> <a ng-switch-when="last" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a> <a ng-switch-when="next" ng-click="params.page(page.number)" href="">&raquo;</a> </li> </ul> </div> </div> '), a.put("ng-table/sorterRow.html", '<tr> <th title="{{$column.headerTitle(this)}}" ng-repeat="$column in $columns" ng-class="{ sortable: $column.sortable(this), sort-asc: params.sorting()[$column.sortable(this)]==asc, sort-desc: params.sorting()[$column.sortable(this)]==desc }" ng-click="sortBy($column, $event)" ng-if="$column.show(this)" ng-init="template=$column.headerTemplateURL(this)" class="header {{$column.class(this)}}"> <div ng-if="!template" class="ng-table-header" ng-class="{sort-indicator: params.settings().sortingIndicator==div}"> <span ng-bind="$column.title(this)" ng-class="{sort-indicator: params.settings().sortingIndicator==span}"></span> </div> <div ng-if="template" ng-include="template"></div> </th> </tr> ')
  649 + a.put("ng-table/filterRow.html", '<tr ng-show="show_filter" class="ng-table-filters"> <th data-title-text="{{$column.titleAlt(this) || $column.title(this)}}" ng-repeat="$column in $columns" ng-if="$column.show(this)" class="filter"><div ng-repeat="(name, filter) in $column.filter(this)"> <div ng-include="config.getTemplateUrl(filter)"></div> </div> </th> </tr> '), a.put("ng-table/filters/number.html", '<input type="number" name="{{name}}" ng-disabled="$filterRow.disabled" ng-model="params.filter()[name]" class="input-filter form-control"/> '), a.put("ng-table/filters/select-multiple.html", '<select ng-options="data.id as data.title for data in $column.data" ng-disabled="$filterRow.disabled" multiple ng-multiple="true" ng-model="params.filter()[name]" class="filter filter-select-multiple form-control" name="{{name}}"> </select> '), a.put("ng-table/filters/select.html", '<select ng-options="data.id as data.title for data in $column.data" ng-disabled="$filterRow.disabled" ng-model="params.filter()[name]" class="filter filter-select form-control" name="{{name}}"> <option style="display:none" value=""></option> </select> '), a.put("ng-table/filters/text.html", '<input type="text" name="{{name}}" ng-disabled="$filterRow.disabled" ng-model="params.filter()[name]" class="input-filter form-control"/> '), a.put("ng-table/header.html", "<ng-table-sorter-row></ng-table-sorter-row> <ng-table-filter-row></ng-table-filter-row> "), a.put("ng-table/pager.html", '<div class="ng-cloak ng-table-pager" ng-if="params.data.length"> <div style="float: right;"> <div ng-if="params.settings().counts.length" class="ng-table-counts btn-group" style="float: left; margin-top: 20px; margin-right: 20px;"> <select ng-model="count" ng-change="params.count(count)" class="recordCountSelect"> <option style="display:none" value="">10 Records Per Page</option><option ng-repeat="count in params.settings().counts" value="{{count}}">{{count}} Records Per Page</option> </select> </div> <ul class="pagination ng-table-pagination"> <li ng-class="{disabled: !page.active && !page.current, active: page.current}" ng-repeat="page in pages" ng-switch="page.type"> <a ng-switch-when="prev" ng-click="params.page(page.number)" href="">&laquo;</a> <a ng-switch-when="first" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a> <a ng-switch-when="page" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a> <a ng-switch-when="more" ng-click="params.page(page.number)" href="">&#8230;</a> <a ng-switch-when="last" ng-click="params.page(page.number)" href=""><span ng-bind="page.number"></span></a> <a ng-switch-when="next" ng-click="params.page(page.number)" href="">&raquo;</a> </li> </ul> </div> </div> '), a.put("ng-table/sorterRow.html", '<tr> <th title="{{$column.headerTitle(this)}}" ng-repeat="$column in $columns" ng-class="{ sortable: $column.sortable(this), sort-asc: params.sorting()[$column.sortable(this)]==asc, sort-desc: params.sorting()[$column.sortable(this)]==desc }" ng-click="sortBy($column, $event)" ng-if="$column.show(this)" ng-init="template=$column.headerTemplateURL(this)" class="header {{$column.class(this)}}"> <div ng-if="!template" class="ng-table-header" ng-class="{sort-indicator: params.settings().sortingIndicator==div}"> <span ng-bind="$column.title(this)" ng-class="{sort-indicator: params.settings().sortingIndicator==span}"></span> </div> <div ng-if="template" ng-include="template"></div> </th> </tr> ')
650 650 }]), b
651 651 });
652 652 //# sourceMappingURL=ng-table.min.js.map
653 653 \ No newline at end of file
... ...
app/partials/customers/customers.controller.js
Diff comments   View file @956e0d9
... ... @@ -37,30 +37,6 @@
37 37 {id: "false", title: "Inactive"}
38 38 ]
39 39  
40   - /*function getAllCompanies(){
41   - $scope.displayCompanyList = new NgTableParams({
42   - page: 1,
43   - count: 10
44   - }, {
45   - total: 0,
46   - getData: function($defer, params) {
47   - CustomersService.getAllCompanies().then(function(result) {
48   - $scope.companyList = result;
49   - for(var i=0; i<$scope.companyList.length; i++){
50   - $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id;
51   - }
52   - var filteredData = params.filter() ?
53   - $filter('filter')($scope.companyList, params.filter()) : $scope.companyList;
54   - var orderedData = params.sorting() ?
55   - $filter('orderBy')(filteredData, params.orderBy()) : $scope.companyList;
56   -
57   - params.total(orderedData.length);
58   - $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
59   - })
60   - }
61   - });
62   - }*/
63   -
64 40 function getAllCompanies(){
65 41 CustomersService.getAllCompanies().then(function(result) {
66 42 console.log('log', result);
... ...
app/partials/customers/customers.html
Diff comments   View file @956e0d9
... ... @@ -138,101 +138,7 @@
138 138  
139 139 <button type="button" ng-click="exportCompany()" class="btn btn-warning exportBtn">Export CSV</button>
140 140  
141   - <!--
142   - <table class="table table-striped">
143   - <thead>
144   - <tr>
145   - <th>
146   - <input type="text" class="form-control" name="name" id="name">
147   - <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label>
148   - </th>
149   - <th>
150   - <input type="text" class="form-control" name="name" id="name">
151   - <label class="font-company">Fleet <i class="fa fa-sort" aria-hidden="true"></i></label>
152   - </th>
153   - <th>
154   - <input type="text" class="form-control" name="name" id="name">
155   - <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
156   - </th>
157   - <th>
158   - <input type="text" class="form-control" name="name" id="name">
159   - <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
160   - </th>
161   - <th>
162   - <input type="text" class="form-control" name="name" id="name">
163   - <label class="font-company">Base <i class="fa fa-sort" aria-hidden="true"></i></label>
164   - </th>
165   - <th>
166   - <select class="form-control">
167   - <option value="showAll" selected>Show All</option>
168   - </select>
169   - <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
170   - </th>
171   - <th>
172   - <select class="form-control">
173   - <option value="showAll" selected>Show All</option>
174   - </select>
175   - <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
176   - </th>
177   - <th>
178   - <input type="text" class="form-control" name="name" id="name">
179   - <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
180   - </th>
181   - <th> &nbsp; </th>
182   - </thead>
183   - <tbody>
184   - <tr ng-repeat="customer in companyList" style="cursor: pointer;" ui-sref="app.viewCompany({id : customer.id})">
185   - <td class="font-company">
186   - {{customer.companyName}}
187   - </td>
188   - <td class="font-company">{{customer.companyAircraftSize}}</td>
189   - <td class="font-company">{{customer.companyCustomContacts[0].contactNumber}}</td>
190   - <td class="font-company">{{customer.companyPrimaryContacts[0].firstName}} {{customer.companyPrimaryContacts[0].lastName}}</td>
191   - <td class="font-company">{{customer.baseIcao}}</td>
192   - <td class="font-company">
193   - <button type="button" ng-if="customer.activate == true" class="btn btn-success btn-xs">Active</button>
194   - <button type="button" ng-if="customer.activate == false" class="btn btn-warning btn-xs">InActive</button>
195   - </td>
196   - <td class="font-company">
197   - <select class="form-control" ng-click="editMargin(customer)" style="height:31px;" ng-model="customer.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select>
198   - </td>
199   - <td class="font-company">{{customer.allIn}}</td>
200   - <td>
201   - <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
202   - </td>
203   - </tr>
204   - </tbody>
205   - </table>
206   - <div class="row" style="margin-left: 0px;">
207   - <div class="col-md-2">
208   - <button type="button" class="btn btn-warning">Export Customers</button>
209   - </div>
210   - <div class="col-md-10">
211   - <div class="row" style="margin-left: 0px;">
212   - <div class="col-md-6">
213   - </div>
214   - <div class="col-md-2">
215   - <select class="form-control">
216   - <option>20 Records Per Page</option>
217   - <option>50 Records Per Page</option>
218   - <option>100 Records Per Page</option>
219   - </select>
220   - </div>
221   - <div class="col-md-4">
222   - <ul class="pagination" style="margin:0px">
223   - <li><a href="javascript:;">ยซ</a></li>
224   - <li class="active"><a href="#">1</a></li>
225   - <li><a href="javascript:;">2</a></li>
226   - <li><a href="javascript:;">3</a></li>
227   - <li><a href="javascript:;">4</a></li>
228   - <li><a href="javascript:;">5</a></li>
229   - <li><a href="javascript:;">ยป</a></li>
230   - </ul>
231   - </div>
232   - </div>
233   - </div>
234   - </div>
235   - --></div>
  141 + </div>
236 142 </div>
237 143 </div>
238 144 </div>
... ... @@ -599,3 +505,9 @@ sendEvent = function(sel, step) {
599 505 $(sel).trigger('next.m.' + step);
600 506 }
601 507 </script>
  508 +
  509 +<select ng-model="test">
  510 + <option value="10" selected>10</option>
  511 + <option value="50">50</option>
  512 + <option value="100">100</option>
  513 +</select>
602 514 \ No newline at end of file
... ...
app/partials/scheduler/scheduler.controller.js
Diff comments   View file @956e0d9
... ... @@ -10,7 +10,6 @@ angular.module(&#39;acufuel&#39;)
10 10 $scope.events = [];
11 11 function getEventsList(){
12 12 schedulerService.getEvents().then(function(result) {
13   - console.log('result', result);
14 13 for (var i = 0; i < result.length; i++) {
15 14 var newTime = new Date(result[i].deployDate);
16 15 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
... ... @@ -39,7 +38,6 @@ angular.module(&#39;acufuel&#39;)
39 38 }
40 39 //var data = 'aircraft='+$scope.newEvent.aircraft+'&deployDate='+$scope.newEvent.deployDate;
41 40 schedulerService.addNewEventService($scope.newEvent).then(function(response){
42   - console.log('response', response);
43 41 $scope.newEvent = {};
44 42 $('#addEvent').modal('hide');
45 43 getEventsList();
... ... @@ -49,15 +47,32 @@ angular.module(&#39;acufuel&#39;)
49 47 $scope.cancelAdd = function(){
50 48 $scope.newEvent = {};
51 49 }
  50 +
52 51 $scope.editData = {};
53 52 $scope.editEvent = function(data){
54   - console.log('data', data);
55 53 $scope.editData = data;
56   - console.log('$scope.editData', $scope.editData);
57 54 $('#editEvent').modal('show');
58   -
59 55 }
60   -
  56 + $scope.updateEvent = function(){
  57 + $scope.showLoader = true;
  58 + $scope.updatedData = {};
  59 + $scope.updatedData.id = $scope.editData.id;
  60 + $scope.updatedData.aircraft = $scope.editData.title;
  61 + $scope.updatedData.deployDate = $scope.editData.start;
  62 + if ($scope.updatedData.deployDate != undefined) {
  63 + $scope.updatedData.deployDate = new Date($scope.updatedData.deployDate);
  64 + $scope.updatedData.deployDate = $scope.updatedData.deployDate.getTime();
  65 + }
  66 + schedulerService.updateScheduledEvent($scope.updatedData).then(function(response){
  67 + console.log('response', response);
  68 + $scope.updatedData = {};
  69 + $('#editEvent').modal('hide');
  70 + toastr.success('Updated Successfully', {
  71 + closeButton: true
  72 + })
  73 + getEventsList();
  74 + })
  75 + }
61 76  
62 77  
63 78 /* code for calendar */
... ...
app/partials/scheduler/scheduler.html
Diff comments   View file @956e0d9
... ... @@ -175,7 +175,7 @@
175 175 <div class="modal-content">
176 176 <div class="modal-header">
177 177 <button type="button" ng-click="cancelAdd()" class="close" data-dismiss="modal">&times;</button>
178   - <h4 class="modal-title">Schedule New Event</h4>
  178 + <h4 class="modal-title">Update Scheduled Event</h4>
179 179 </div>
180 180 <div class="modal-body">
181 181 <div class="col-md-6" style="padding-left: 0;">
... ... @@ -189,7 +189,7 @@
189 189 <div class="clearfix"></div>
190 190 </div>
191 191 <div class="modal-footer">
192   - <input type="submit" value="Add" class="btn btn-primary">
  192 + <input type="submit" value="Update" class="btn btn-primary">
193 193 <button type="button" class="btn btn-default" ng-click="cancelUpdate()" data-dismiss="modal">Close</button>
194 194 </div>
195 195 </div>
... ...
app/partials/scheduler/scheduler.service.js
Diff comments   View file @956e0d9
... ... @@ -37,6 +37,22 @@
37 37 return deferred.promise;
38 38 }
39 39  
  40 + this.updateScheduledEvent = function(data) {
  41 + var deferred = $q.defer();
  42 + $http({
  43 + method : 'PUT',
  44 + url : BASE_URL.url +'/scheduler',
  45 + headers : {'Content-Type': 'application/json'},
  46 + data: data
  47 + })
  48 + .then(function (result){
  49 + deferred.resolve(result.data);
  50 + },function (result){
  51 + deferred.resolve(result.data);
  52 + })
  53 + return deferred.promise;
  54 + }
  55 +
40 56 }
41 57  
42 58 })();
43 59 \ No newline at end of file
... ...
app/partials/updateFuelManager/updateFuelManager.html
Diff comments   View file @956e0d9
... ... @@ -107,7 +107,7 @@
107 107 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button>
108 108 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button>
109 109 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button>
110   - <button type="button" class="btn btn-primary" ng-model="" ng-click="emailPricingForMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
  110 + <button type="button" class="btn btn-primary" ng-click="emailPricingForMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
111 111 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button>
112 112 </div>
113 113 <div class="clearfix"></div>
... ...
app/partials/viewcontact/viewcontact.controller.js
Diff comments   View file @956e0d9
... ... @@ -4,6 +4,17 @@
4 4 angular.module('acufuel')
5 5  
6 6 .controller('viewcontactController', ['$scope', '$stateParams', '$state', 'ViewcontactService', 'ViewCompanyService', function($scope, $stateParams, $state, ViewcontactService, ViewCompanyService) {
  7 +
  8 + $(document).ready(function() {
  9 + $('.animation_select').click( function(){
  10 + $('#animation_box').removeAttr('class').attr('class', '');
  11 + var animation = $(this).attr("data-animation");
  12 + $('#animation_box').addClass('animated');
  13 + $('#animation_box').addClass(animation);
  14 + return false;
  15 + });
  16 + });
  17 +
7 18 $scope.showLoader = true;
8 19 $scope.showUpdateBtn = false;
9 20 var contactId = $stateParams.id;
... ... @@ -31,22 +42,22 @@
31 42 })
32 43  
33 44 $scope.nextContact = function(){
34   - $scope.showLoader = true;
  45 + //$scope.showLoader = true;
35 46 index = index + one;
36 47 selectedId = $scope.contactIdList[index];
37 48 ViewcontactService.getContact(selectedId).then(function(result) {
38 49 $scope.contactDetail = result;
39   - $scope.showLoader = false;
  50 + //$scope.showLoader = false;
40 51 })
41 52 }
42 53  
43 54 $scope.prevContact = function(){
44   - $scope.showLoader = true;
  55 + //$scope.showLoader = true;
45 56 index = index - one;
46 57 selectedId = $scope.contactIdList[index];
47 58 ViewcontactService.getContact(selectedId).then(function(result) {
48 59 $scope.contactDetail = result;
49   - $scope.showLoader = false;
  60 + //$scope.showLoader = false;
50 61 })
51 62 }
52 63  
... ...
app/partials/viewcontact/viewcontact.html
Diff comments   View file @956e0d9
... ... @@ -20,18 +20,18 @@
20 20 <div class="widget-content" style="padding-left: 0; padding-right: 0; ">
21 21 <div class="container">
22 22 <div style="margin-bottom: 25px;">
23   - <button ng-disabled="disablePrev" class="newButtons" ng-click="prevContact()">
  23 + <button ng-disabled="disablePrev" class="newButtons animation_select" ng-click="prevContact()" data-animation="fadeInLeft">
24 24 <i class="fa fa-long-arrow-left" aria-hidden="true"></i>
25 25 Previous Contact
26 26 </button>
27   - <button ng-disabled="disableNext" class="newButtons" ng-click="nextContact()">
  27 + <button ng-disabled="disableNext" class="newButtons animation_select" ng-click="nextContact()" data-animation="fadeInRight">
28 28 Next Contact
29 29 <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
30 30 </button>
31 31 </div>
32 32 <div class="row">
33 33 <div class="col-md-6" style="margin-left: 20px;">
34   - <div class="widget stacked">
  34 + <div class="widget stacked" id="animation_box">
35 35 <div class="widget-header">
36 36 <i class="fa fa-building-o" aria-hidden="true"></i>
37 37 <h3 style="margin-right: 0px;">Contact Detail</h3>
... ...