diff --git a/css/animate.min.css b/css/animate.min.css deleted file mode 100644 index b6f6129..0000000 --- a/css/animate.min.css +++ /dev/null @@ -1,11 +0,0 @@ -@charset "UTF-8"; - -/*! - * animate.css -http://daneden.me/animate - * Version - 3.5.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2016 Daniel Eden - */ - -.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} \ No newline at end of file diff --git a/css/iconfont.css b/css/iconfont.css deleted file mode 100644 index 1e1cdb4..0000000 --- a/css/iconfont.css +++ /dev/null @@ -1,42 +0,0 @@ - -@font-face {font-family: "iconfont"; - src: url('iconfont.eot?t=1488506741493#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('iconfont.woff?t=1488506741493') format('woff'), /* chrome, firefox */ - url('iconfont.ttf?t=1488506741493') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ - url('iconfont.svg?t=1488506741493#iconfont') format('svg'); /* iOS 4.1- */ -} - -.iconfont { - display: inline-block; - font-family:"iconfont" !important; - font-size:16px; - font-style:normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - cursor: pointer; -} -.iconfont:active { - opacity: .7; -} -.iconfont.disabled { - opacity: .3; - cursor: default; -} -.iconfont.disabled:active { - opacity: .3; -} - -.icon-check:before { content: "\e656"; color: #4ec34a; } - -.icon-circle:before { content: "\e6d7"; } - -.icon-add:before { content: "\e6d8"; } - -.icon-notice:before { content: "\e709"; color: #465777; } - -.icon-left:before { content: "\e799"; color: #fefefe; font-size: 25px; } - -.icon-right:before { content: "\e65a"; color: #fefefe; font-size: 25px; } - -.icon-delete:before { content: "\e7ed"; } - diff --git a/css/iconfont.eot b/css/iconfont.eot deleted file mode 100644 index 32e695a..0000000 Binary files a/css/iconfont.eot and /dev/null differ diff --git a/css/iconfont.svg b/css/iconfont.svg deleted file mode 100644 index 59614fa..0000000 --- a/css/iconfont.svg +++ /dev/null @@ -1,61 +0,0 @@ - - - - -Created by FontForge 20120731 at Fri Mar 3 10:05:41 2017 - By admin - - - - - - - - - - - - - - - - - - - diff --git a/css/iconfont.ttf b/css/iconfont.ttf deleted file mode 100644 index eb312d2..0000000 Binary files a/css/iconfont.ttf and /dev/null differ diff --git a/css/iconfont.woff b/css/iconfont.woff deleted file mode 100644 index feffc98..0000000 Binary files a/css/iconfont.woff and /dev/null differ diff --git a/css/popup.css b/css/popup.css deleted file mode 100644 index 25945c1..0000000 --- a/css/popup.css +++ /dev/null @@ -1,262 +0,0 @@ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -ul, li { - list-style: none; -} - -input:focus { - outline-offset: 0; - outline: none; -} - -body { - width: 250px; - font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; - font-size: 14px; -} - -.hidden { - display: none; -} - -.container { - display: flex; - flex-direction: column; - height: 400px; - background-color: #f6f6f6; -} - -/* banner */ -.banner { - display: flex; - height: 40px; - line-height: 30px; - padding: 5px 10px; - margin-bottom: 2px; - background-color: #54678c; - /*background: linear-gradient(#5f78a3,#5e76a1,#566a92,#52648c,#52648c,#52648c,#52648c,#52648c,#52648c,#52648c,#566a92,#5e76a1,#5f78a3);*/ - border-top-left-radius: 5px; - border-top-right-radius: 5px; - box-shadow: 0 1px 4px 0px #23262f; -} - -.banner .center { - flex: 1; - color: #fff; - text-align: center; - padding: 0 10px; -} - -/* list container */ -.list-container { - flex: 1; - overflow-y: auto; - overflow-x: hidden; - color: #4e4e4c; - background-color: #f6f6f6; -} -.list-container .li .list, -.input-container .li { - display: flex; - height: 41px; - line-height: 41px; - border-bottom: 1px solid #dcdfe4; -} -/*.list-container .li .list:last-child { - border-bottom: none; -}*/ -.list-container .li .list .status, -.input-container .li .status { - display: flex; - justify-content: center; - align-items: center; - width: 41px; - padding: 7px; - border-right: 1px solid #f8dbdb; -} -.list-container .li .list .status .icon-container, -.input-container .li .status .icon-container { - display: flex; - align-items: center; - justify-content: center; - width: 26px; - height: 26px; - line-height: 26px; - border-radius: 50%; - border: 1px solid #f6f6f6; - box-shadow: inset 0 1px 1px 1px #c6c6c6; -} - -.status .icon-container .icon { - display: inline-block; - width: 12px; - height: 12px; - line-height: 12px; - font-size: 10px; - border-radius: 50%; - text-align: center; - background-color: #ededed; - cursor: pointer; - box-shadow: inset 0px 0px 2px 2px #bfbfbf, 0px 0px 0px 1px #bfbfbf; - transition: all .5s; -} -.list-container .list.done .status .icon-container .icon { - color: #4d8749; - background-color: #d3f7cc; - box-shadow: inset 0px 0px 2px 2px #4d8749, 0px 0px 0px 1px #4d8749; -} -.list-container .list.undone .status .icon-container .icon { - background-color: #fed2d2; - box-shadow: inset 0px 0px 2px 2px #b35d5d, 0px 0px 0px 1px #b35d5d; -} - - -.list-container .list .notice { - width: 30px; - text-align: center; -} - - -.list-container .list .content, -.input-container .li .content { - flex: 1; - padding: 0 10px; - color: #90908e; - word-break: keep-all; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.list-container .list .content { - cursor: pointer; -} -.list-container .list.done .content { - text-decoration: line-through; -} -.list-container .list.undone .content { - color: #e1635a; -} - -/* tip */ -.list-container .li .tip { - height: 30px; - line-height: 30px; - text-align: center; - margin-top: 10px; - border-top: 1px solid #dcdfe4; - border-bottom: 1px solid #dcdfe4; - font-style: italic; - color: #e1635a; -} - -/* list actions */ -.list-container .li .actions { - display: flex; /* toggle to: flex */ - height: 30px; - line-height: 30px; - text-align: center; - background-color: #ddd; - box-shadow: 0px 2px 8px 1px #9E9E9E inset; -} -.list-container .li .actions .action { - position: relative; - flex: 1; -} -.list-container .li .actions .action:first-child:after { - content: ''; - position: absolute; - right: 0; - width: 1px; - top: 5px; - bottom: 5px; - background-color: #727f97; -} - -/* input container */ -.input-container .li { - border-bottom: none; -} -.input-container .status .icon-container { - box-shadow: inset 0 1px 1px 0px #d7d7d7; -} -.input-container .status .icon-container .icon { - box-shadow: 0px 0px 1px 0px #cbcbcb; - background-color: #f1f1f1; - cursor: default; -} -.input-container { - border-top: 1px solid #dcdfe4; - box-shadow: 0 -1px 2px #ddd; -} -.input-container input { - display: inline-block; - width: 100%; - height: 25px; - padding: 0 5px; - border: none; - background-color: #e6e6e6; - font-style: italic; - box-shadow: 0 1px 1px #a7a7a7 inset; -} - -/* notice date select */ -.input-container .notice-select { - display: flex; - height: 30px; - border-bottom: 1px solid #dcdfe4; -} -.input-container .notice-select .notice-icon { - width: 41px; - height: 30px; - line-height: 30px; - text-align: center; - border-right: 1px solid #f8dbdb; -} -.input-container .notice-select .date-select { - display: flex; - flex: 1; - padding: 5px 10px; - height: 30px; - line-height: 30px; -} -.input-container .notice-select .date-select select { - flex: 1; -} -.input-container .notice-select .date-select .time-split { - display: inline-block; - width: 5px; - height: 20px; - line-height: 20px; - margin: 0 5px; -} - -/* 自定义-webkit-浏览器的右侧滚动条样式 -定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ -::-webkit-scrollbar { - width: 2px; - background-color: #f6f6f6; -} -/* 定义滚动条轨道 内阴影+圆角 */ -::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); - border-radius: 10px; - background-color: #f6f6f6; -} -/* 定义滑块 内阴影+圆角 */ -::-webkit-scrollbar-thumb { - border-radius: 15px; - -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); - background-color: #5a6985; -} -/* 修改input placeholder字体颜色 */ -::-webkit-input-placeholder { /* WebKit browsers */ -　　color: #4e4e4c; -} - - - diff --git a/dist/index.html b/dist/index.html index 6265ce9..2db157f 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1 +1 @@ -Todo List
\ No newline at end of file +Todo List
\ No newline at end of file diff --git a/dist/static/css/app.3d9f5e33058868aada8ccb716e9c0ce4.css b/dist/static/css/app.fad3d0143bf3a9255f736dd1204e8657.css similarity index 98% rename from dist/static/css/app.3d9f5e33058868aada8ccb716e9c0ce4.css rename to dist/static/css/app.fad3d0143bf3a9255f736dd1204e8657.css index ca26e30..f47cf5a 100644 --- a/dist/static/css/app.3d9f5e33058868aada8ccb716e9c0ce4.css +++ b/dist/static/css/app.fad3d0143bf3a9255f736dd1204e8657.css @@ -1,4 +1,4 @@ -.hidden[data-v-4fbb73e6]{display:none}.container[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:400px;background-color:#f6f6f6}.banner[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;line-height:30px;padding:5px 10px;margin-bottom:2px;background-color:#54678c;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 1px 4px 0 #23262f}.banner .center[data-v-4fbb73e6]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#fff;text-align:center;padding:0 10px}.input-container .li[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:41px;line-height:41px;border-bottom:none}.input-container .li .status[data-v-4fbb73e6]{width:41px;padding:7px;border-right:1px solid #f8dbdb}.input-container .li .status .icon-container[data-v-4fbb73e6],.input-container .li .status[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-container .li .status .icon-container[data-v-4fbb73e6]{width:26px;height:26px;line-height:26px;border-radius:50%;border:1px solid #f6f6f6;box-shadow:inset 0 1px 1px 1px #c6c6c6}.input-container .li .status .icon-container .icon[data-v-4fbb73e6]{display:inline-block;width:12px;height:12px;line-height:12px;font-size:10px;border-radius:50%;text-align:center;background-color:#ededed;box-shadow:inset 0 0 2px 2px #bfbfbf,0 0 0 1px #bfbfbf;transition:all .5s}.input-container .li .content[data-v-4fbb73e6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;color:#90908e;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-container[data-v-4fbb73e6]{border-top:1px solid #dcdfe4;box-shadow:0 -1px 2px #ddd}.input-container input[data-v-4fbb73e6]{display:inline-block;width:100%;height:25px;padding:0 5px;border:none;background-color:#e6e6e6;font-style:italic;box-shadow:inset 0 1px 1px #a7a7a7}.input-container .notice-select[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;border-bottom:1px solid #dcdfe4}.input-container .notice-select .notice-icon[data-v-4fbb73e6]{width:41px;height:30px;line-height:30px;text-align:center;border-right:1px solid #f8dbdb}.input-container .notice-select .date-select[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5px 10px;height:30px;line-height:30px}.input-container .notice-select .date-select select[data-v-4fbb73e6]{-webkit-box-flex:1;-ms-flex:1;flex:1}.input-container .notice-select .date-select .time-split[data-v-4fbb73e6]{display:inline-block;width:5px;height:20px;line-height:20px;margin:0 5px}.list-container[data-v-176eb016]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;color:#4e4e4c;background-color:#f6f6f6}.list-container .li .list[data-v-176eb016]{display:-webkit-box;display:-ms-flexbox;display:flex;height:41px;line-height:41px;border-bottom:1px solid #dcdfe4}.list-container .li .list .status[data-v-176eb016]{width:41px;padding:7px;border-right:1px solid #f8dbdb}.list-container .li .list .status .icon-container[data-v-176eb016],.list-container .li .list .status[data-v-176eb016]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-container .li .list .status .icon-container[data-v-176eb016]{width:26px;height:26px;line-height:26px;border-radius:50%;border:1px solid #f6f6f6;box-shadow:inset 0 1px 1px 1px #c6c6c6}.list-container .li .list .status .icon-container .icon[data-v-176eb016]{display:inline-block;width:12px;height:12px;line-height:12px;font-size:10px;border-radius:50%;text-align:center;background-color:#ededed;cursor:pointer;box-shadow:inset 0 0 2px 2px #bfbfbf,0 0 0 1px #bfbfbf;transition:all .5s}.list-container .li .list .notice[data-v-176eb016]{width:30px;text-align:center}.list-container .li .list .content[data-v-176eb016]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;cursor:pointer;transition:all .5s}.list-container .li .list.done .icon-container .icon[data-v-176eb016]{color:#4d8749;background-color:#d3f7cc;box-shadow:inset 0 0 2px 2px #4d8749,0 0 0 1px #4d8749}.list-container .li .list.done .content[data-v-176eb016]{text-decoration:line-through wavy #4d8749}.list-container .li .list.undone .icon-container .icon[data-v-176eb016]{background-color:#fed2d2;box-shadow:inset 0 0 2px 2px #b35d5d,0 0 0 1px #b35d5d}.list-container .li .list.undone .content[data-v-176eb016]{color:#e1635a}.list-container .li .tip[data-v-176eb016]{height:30px;line-height:30px;text-align:center;margin-top:10px;border-top:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;font-style:italic;color:#e1635a}.list-container .li .actions[data-v-176eb016]{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;line-height:30px;text-align:center;background-color:#ddd;box-shadow:inset 0 2px 8px 1px #9e9e9e}.list-container .li .actions .action[data-v-176eb016]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.list-container .li .actions .action[data-v-176eb016]:first-child:after{content:"";position:absolute;right:0;width:1px;top:5px;bottom:5px;background-color:#727f97}/*! +.hidden[data-v-4fbb73e6]{display:none}.container[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:400px;background-color:#f6f6f6}.banner[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;line-height:30px;padding:5px 10px;margin-bottom:2px;background-color:#19a5d2;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 1px 5px 0 #239fc5}.banner .center[data-v-4fbb73e6]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#fff;text-align:center;padding:0 10px}.input-container .li[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:41px;line-height:41px;border-bottom:none}.input-container .li .status[data-v-4fbb73e6]{width:41px;padding:7px;border-right:1px solid #f8dbdb}.input-container .li .status .icon-container[data-v-4fbb73e6],.input-container .li .status[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-container .li .status .icon-container[data-v-4fbb73e6]{width:26px;height:26px;line-height:26px;border-radius:50%;border:1px solid #f6f6f6;box-shadow:inset 0 1px 1px 1px #c6c6c6}.input-container .li .status .icon-container .icon[data-v-4fbb73e6]{display:inline-block;width:12px;height:12px;line-height:12px;font-size:10px;border-radius:50%;text-align:center;background-color:#ededed;box-shadow:inset 0 0 2px 2px #bfbfbf,0 0 0 1px #bfbfbf;transition:all .5s}.input-container .li .content[data-v-4fbb73e6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;color:#90908e;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-container[data-v-4fbb73e6]{border-top:1px solid #dcdfe4;box-shadow:0 -1px 2px #ddd}.input-container input[data-v-4fbb73e6]{display:inline-block;width:100%;height:25px;padding:0 5px;border:none;background-color:#e6e6e6;font-style:italic;box-shadow:inset 0 1px 1px #a7a7a7}.input-container .notice-select[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;border-bottom:1px solid #dcdfe4}.input-container .notice-select .notice-icon[data-v-4fbb73e6]{width:41px;height:30px;line-height:30px;text-align:center;border-right:1px solid #f8dbdb}.input-container .notice-select .date-select[data-v-4fbb73e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5px 10px;height:30px;line-height:30px}.input-container .notice-select .date-select select[data-v-4fbb73e6]{-webkit-box-flex:1;-ms-flex:1;flex:1}.input-container .notice-select .date-select .time-split[data-v-4fbb73e6]{display:inline-block;width:5px;height:20px;line-height:20px;margin:0 5px}.list-container[data-v-176eb016]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;color:#4e4e4c;background-color:#f6f6f6}.list-container .li .list[data-v-176eb016]{display:-webkit-box;display:-ms-flexbox;display:flex;height:41px;line-height:41px;border-bottom:1px solid #dcdfe4}.list-container .li .list .status[data-v-176eb016]{width:41px;padding:7px;border-right:1px solid #f8dbdb}.list-container .li .list .status .icon-container[data-v-176eb016],.list-container .li .list .status[data-v-176eb016]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-container .li .list .status .icon-container[data-v-176eb016]{width:26px;height:26px;line-height:26px;border-radius:50%;border:1px solid #f6f6f6;box-shadow:inset 0 1px 1px 1px #c6c6c6}.list-container .li .list .status .icon-container .icon[data-v-176eb016]{display:inline-block;width:12px;height:12px;line-height:12px;font-size:10px;border-radius:50%;text-align:center;background-color:#ededed;cursor:pointer;box-shadow:inset 0 0 2px 2px #bfbfbf,0 0 0 1px #bfbfbf;transition:all .5s}.list-container .li .list .notice[data-v-176eb016]{width:30px;text-align:center}.list-container .li .list .content[data-v-176eb016]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;cursor:pointer;transition:all .5s}.list-container .li .list.done .icon-container .icon[data-v-176eb016]{color:#09a599;background-color:#d3f7cc;box-shadow:inset 0 0 2px 2px #09a599,0 0 0 1px #09a599}.list-container .li .list.done .content[data-v-176eb016]{text-decoration:line-through}.list-container .li .list.undone .icon-container .icon[data-v-176eb016]{background-color:#fed2d2;box-shadow:inset 0 0 2px 2px #b35d5d,0 0 0 1px #b35d5d}.list-container .li .list.undone .content[data-v-176eb016]{color:#e1635a}.list-container .li .tip[data-v-176eb016]{height:30px;line-height:30px;text-align:center;margin-top:10px;border-top:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;font-style:italic;color:#e1635a}.list-container .li .actions[data-v-176eb016]{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;line-height:30px;text-align:center;background-color:#ddd;box-shadow:inset 0 2px 8px 1px #9e9e9e}.list-container .li .actions .action[data-v-176eb016]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.list-container .li .actions .action[data-v-176eb016]:first-child:after{content:"";position:absolute;right:0;width:1px;top:5px;bottom:5px;background-color:#727f97}/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT diff --git a/dist/static/js/app.dfa9d77c19c88fcbfde7.js b/dist/static/js/app.af39f03e28496aaaf999.js similarity index 65% rename from dist/static/js/app.dfa9d77c19c88fcbfde7.js rename to dist/static/js/app.af39f03e28496aaaf999.js index a999792..7944a54 100644 --- a/dist/static/js/app.dfa9d77c19c88fcbfde7.js +++ b/dist/static/js/app.af39f03e28496aaaf999.js @@ -1 +1 @@ -webpackJsonp([0],[,function(t,e){},function(t,e){},function(t,e){},function(t,e,n){function s(t){n(10)}var i=n(0)(n(7),n(13),s,"data-v-4fbb73e6",null);t.exports=i.exports},,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=n(5),i=n(4),a=n.n(i),o=n(1),c=(n.n(o),n(3)),r=(n.n(c),n(2));n.n(r);s.a.config.productionTip=!1,new s.a({el:"#app",template:"",components:{App:a.a}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=n(11),i=n.n(s),a=["Sun.","Mon.","Tue.","Wed.","Thu.","Fri.","Sat."],o=window.chrome;e.default={components:{todoList:i.a},data:function(){return{today:"",currentDate:"",todos:[],inputVal:"",showDateSelect:!1,setNotice:!1,noticeHour:0,noticeMin:0}},computed:{selectedDate:function(){var t=this.getCurrentDate(),e=t.getDay();return""+(e=a[e])+" "+this.currentDate}},methods:{getCurrentDate:function(){if(0===this.currentDate.length)return new Date;var t=this.currentDate.split(".");return new Date(Number(t[0]),Number(t[1])-1,Number(t[2]))},formatDate:function(t){return t.getFullYear()+"."+(t.getMonth()+1)+"."+t.getDate()},initDate:function(){var t=this.formatDate(new Date);this.today=t,this.currentDate=t},getTodods:function(){var t=this;o.runtime.sendMessage({type:"getAll",date:t.currentDate},function(e){e.map&&(e.map(function(t,e){return t.showAction=!1,t}),t.todos=e)})},init:function(){this.initDate(),this.getTodods()},saveNewTodo:function(t){console.log(t);var e=this;o.runtime.sendMessage({type:"add",date:e.currentDate,newTodo:t},function(n){console.log(n),n&&(t.showAction=!1,e.todos.push(t))})},typeNewTask:function(t){var e=this.inputVal.trim(),n=t.keyCode;if(this.showDateSelect=e.length>0,e.length>0&&13===n){this.showDateSelect=!0;var s={status:"on",message:e,setNotice:this.setNotice,noticeTime:this.setNotice?this.noticeHour+":"+this.noticeMin:""};this.saveNewTodo(s),this.inputVal="",this.setNotice=!1,this.showDateSelect=!1,this.noticeHour=0,this.noticeMin=0}},turnPre:function(){var t=this.getCurrentDate(),e=new Date(t.getTime()-864e5),n=this.formatDate(e);this.currentDate=n,this.getTodods()},turnPost:function(){var t=this.getCurrentDate(),e=new Date(t.getTime()+864e5),n=this.formatDate(e);this.currentDate=n,this.getTodods()}},mounted:function(){this.init()}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=window.chrome;e.default={props:{data:{type:Array,default:function(){return[]}},currentDate:{type:String,required:!0,default:function(){var t=new Date;return t.getFullYear()+"."+(t.getMonth()+1)+"."+t.getDate()}}},methods:{changeStatus:function(t,e){var n=this;"on"===t?e.status="done":"done"===t?e.status="on":"undone"===t&&(e.status="on"),s.runtime.sendMessage({type:"save",date:n.currentDate,todos:n.data})},toggleAction:function(t){t.showAction=!t.showAction},deleteTodo:function(t){var e=this;console.log(t),e.data.splice(t,1),s.runtime.sendMessage({type:"save",date:e.currentDate,todos:e.data})}}}},function(t,e){},function(t,e){},function(t,e,n){function s(t){n(9)}var i=n(0)(n(8),n(12),s,"data-v-176eb016",null);t.exports=i.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"list-container"},[0===t.data.length?n("li",{staticClass:"li"},[n("div",{staticClass:"tip"},[t._v("There are no todos.")])]):t._e(),t._v(" "),t._l(t.data,function(e,s){return n("li",{key:s,staticClass:"li"},[n("div",{staticClass:"list",class:e.status},[n("div",{staticClass:"status"},[n("div",{staticClass:"icon-container"},[n("i",{staticClass:"icon",on:{click:function(n){t.changeStatus(e.status,e)}}},[t._v("\n "+t._s("done"===e.status?"✓":"")+"\n ")])])]),t._v(" "),n("div",{staticClass:"content",attrs:{title:e.message},on:{click:function(n){t.toggleAction(e)}}},[t._v("\n "+t._s(e.message)+"\n ")])]),t._v(" "),n("transition",{attrs:{name:"custom-classes-transition","enter-active-class":"animated swing","leave-active-class":"animated flipOutY"}},[e.showAction?n("div",{staticClass:"actions"},[n("div",{staticClass:"action",on:{click:function(e){t.deleteTodo(s)}}},[n("i",{staticClass:"iconfont icon-delete"})])]):t._e()])],1)})],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"container",attrs:{id:"todo-list-container"}},[n("div",{staticClass:"banner"},[n("i",{staticClass:"iconfont icon-left",on:{click:t.turnPre}}),t._v(" "),n("div",{staticClass:"center",domProps:{innerHTML:t._s(t.selectedDate)}}),t._v(" "),n("i",{staticClass:"iconfont icon-right",on:{click:t.turnPost}})]),t._v(" "),n("todo-list",{attrs:{data:t.todos,"current-date":t.currentDate}}),t._v(" "),n("transition",{attrs:{name:"custom-classes-transition","enter-active-class":"animated flipInX","leave-active-class":"animated flipOutX"}},[t.today===t.currentDate?n("div",{staticClass:"input-container"},[n("div",{staticClass:"li"},[n("div",{staticClass:"status"},[n("div",{staticClass:"icon-container"},[n("i",{staticClass:"icon"})])]),t._v(" "),n("div",{staticClass:"content"},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.inputVal,expression:"inputVal"}],attrs:{type:"text",placeholder:"Type a new task, then Enter"},domProps:{value:t.inputVal},on:{keyup:t.typeNewTask,input:function(e){e.target.composing||(t.inputVal=e.target.value)}}})])])]):t._e()])],1)},staticRenderFns:[]}}],[6]); \ No newline at end of file +webpackJsonp([0],[,function(t,e){},function(t,e){},function(t,e){},function(t,e,n){function s(t){n(10)}var i=n(0)(n(7),n(13),s,"data-v-4fbb73e6",null);t.exports=i.exports},,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=n(5),i=n(4),a=n.n(i),o=n(1),c=(n.n(o),n(3)),r=(n.n(c),n(2));n.n(r);s.a.config.productionTip=!1,new s.a({el:"#app",template:"",components:{App:a.a}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=n(11),i=n.n(s),a=["Sun.","Mon.","Tue.","Wed.","Thu.","Fri.","Sat."],o=window.chrome;e.default={components:{todoList:i.a},data:function(){return{today:"",currentDate:"",todos:[],inputVal:"",showDateSelect:!1,setNotice:!1,noticeHour:0,noticeMin:0}},computed:{selectedDate:function(){var t=this.getCurrentDate(),e=t.getDay();return""+(e=a[e])+" "+this.currentDate}},methods:{getCurrentDate:function(){if(0===this.currentDate.length)return new Date;var t=this.currentDate.split(".");return new Date(Number(t[0]),Number(t[1])-1,Number(t[2]))},formatDate:function(t){return t.getFullYear()+"."+(t.getMonth()+1)+"."+t.getDate()},initDate:function(){var t=this.formatDate(new Date);this.today=t,this.currentDate=t},getTodods:function(){var t=this;o.runtime.sendMessage({type:"getAll",date:t.currentDate},function(e){e.map&&(e.map(function(t,e){return t.showAction=!1,t}),t.todos=e)})},init:function(){this.initDate(),this.getTodods()},saveNewTodo:function(t){console.log(t);var e=this;o.runtime.sendMessage({type:"add",date:e.currentDate,newTodo:t},function(n){console.log(n),n&&(t.showAction=!1,e.todos.push(t))})},typeNewTask:function(t){var e=this.inputVal.trim(),n=t.keyCode;if(this.showDateSelect=e.length>0,e.length>0&&13===n){this.showDateSelect=!0;var s={status:"on",message:e,setNotice:this.setNotice,noticeTime:this.setNotice?this.noticeHour+":"+this.noticeMin:""};this.saveNewTodo(s),this.inputVal="",this.setNotice=!1,this.showDateSelect=!1,this.noticeHour=0,this.noticeMin=0}},turnPre:function(){var t=this.getCurrentDate(),e=new Date(t.getTime()-864e5),n=this.formatDate(e);this.currentDate=n,this.getTodods()},turnPost:function(){var t=this.getCurrentDate(),e=new Date(t.getTime()+864e5),n=this.formatDate(e);this.currentDate=n,this.getTodods()}},mounted:function(){this.init()}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=window.chrome;e.default={props:{data:{type:Array,default:function(){return[]}},currentDate:{type:String,required:!0,default:function(){var t=new Date;return t.getFullYear()+"."+(t.getMonth()+1)+"."+t.getDate()}}},methods:{changeStatus:function(t,e){var n=this;"on"===t?e.status="done":"done"===t?e.status="on":"undone"===t&&(e.status="on"),s.runtime.sendMessage({type:"save",date:n.currentDate,todos:n.data})},toggleAction:function(t){t.showAction=!t.showAction},deleteTodo:function(t){var e=this;console.log(t),e.data.splice(t,1),s.runtime.sendMessage({type:"save",date:e.currentDate,todos:e.data})}}}},function(t,e){},function(t,e){},function(t,e,n){function s(t){n(9)}var i=n(0)(n(8),n(12),s,"data-v-176eb016",null);t.exports=i.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"list-container"},[0===t.data.length?n("li",{staticClass:"li"},[n("div",{staticClass:"tip"},[t._v("There are no todos.")])]):t._e(),t._v(" "),t._l(t.data,function(e,s){return n("li",{key:s,staticClass:"li"},[n("div",{staticClass:"list",class:e.status},[n("div",{staticClass:"status"},[n("div",{staticClass:"icon-container"},[n("i",{staticClass:"icon",on:{click:function(n){t.changeStatus(e.status,e)}}})])]),t._v(" "),n("div",{staticClass:"content",attrs:{title:e.message},on:{click:function(n){t.toggleAction(e)}}},[t._v("\n  "+t._s(e.message)+"  \n ")])]),t._v(" "),n("transition",{attrs:{name:"custom-classes-transition","enter-active-class":"animated swing","leave-active-class":"animated flipOutY"}},[e.showAction?n("div",{staticClass:"actions"},[n("div",{staticClass:"action",on:{click:function(e){t.deleteTodo(s)}}},[n("i",{staticClass:"iconfont icon-delete"})])]):t._e()])],1)})],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"container",attrs:{id:"todo-list-container"}},[n("div",{staticClass:"banner"},[n("i",{staticClass:"iconfont icon-left",on:{click:t.turnPre}}),t._v(" "),n("div",{staticClass:"center",domProps:{innerHTML:t._s(t.selectedDate)}}),t._v(" "),n("i",{staticClass:"iconfont icon-right",on:{click:t.turnPost}})]),t._v(" "),n("todo-list",{attrs:{data:t.todos,"current-date":t.currentDate}}),t._v(" "),n("transition",{attrs:{name:"custom-classes-transition","enter-active-class":"animated flipInX","leave-active-class":"animated flipOutX"}},[t.today===t.currentDate?n("div",{staticClass:"input-container"},[n("div",{staticClass:"li"},[n("div",{staticClass:"status"},[n("div",{staticClass:"icon-container"},[n("i",{staticClass:"icon"})])]),t._v(" "),n("div",{staticClass:"content"},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.inputVal,expression:"inputVal"}],attrs:{type:"text",placeholder:"Type a new task, then Enter"},domProps:{value:t.inputVal},on:{keyup:t.typeNewTask,input:function(e){e.target.composing||(t.inputVal=e.target.value)}}})])])]):t._e()])],1)},staticRenderFns:[]}}],[6]); \ No newline at end of file diff --git a/dist/static/js/manifest.a67035177637c3a468c9.js b/dist/static/js/manifest.757adf569f5e7ece886c.js similarity index 60% rename from dist/static/js/manifest.a67035177637c3a468c9.js rename to dist/static/js/manifest.757adf569f5e7ece886c.js index c3254d1..e71ff06 100644 --- a/dist/static/js/manifest.a67035177637c3a468c9.js +++ b/dist/static/js/manifest.757adf569f5e7ece886c.js @@ -1 +1 @@ -!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var i,u,f,s=0,l=[];s' + day + '' + ' ' + this.currentDate; - } - }, - methods: { - getCurrentDate: function() { - if(this.currentDate.length === 0) return (new Date()); - var dateInfo = this.currentDate.split('.'); - var date = new Date(Number(dateInfo[0]), Number(dateInfo[1]) - 1, Number(dateInfo[2])); - return date; - }, - formatDate: function(date) { - return date.getFullYear() + '.' + (date.getMonth() + 1) + '.' + date.getDate(); - }, - toggleAction: function(todo) { - todo.showAction = !todo.showAction; - }, - initDate: function() { - var today = this.formatDate(new Date()); - this.today = today; - this.currentDate = today; - }, - getTodods: function() { - var _this = this; - chrome.runtime.sendMessage({ - type: 'getAll', - date: _this.currentDate - }, function(response) { - if(!response.map) return; - response.map(function(v, i) { - v.showAction = false; - return v; - }); - _this.todos = response; - }); - }, - init: function() { - this.initDate(); - this.getTodods(); - }, - saveNewTodo: function(newTodo) { - console.log(newTodo); - var _this = this; - chrome.runtime.sendMessage({ - type: 'add', - date: _this.currentDate, - newTodo: newTodo - }, function(response) { - console.log(response); - if(response) { - newTodo.showAction = false; - _this.todos.push(newTodo); - } - }); - }, - typeNewTask: function(e) { - var inputVal = this.inputVal.trim(); - var keyCode = e.keyCode; - this.showDateSelect = inputVal.length > 0; - if(inputVal.length > 0 && keyCode === 13) { - this.showDateSelect = true; - var newTodo = { - status: 'on', - message: inputVal, - setNotice: this.setNotice, - noticeTime: this.setNotice ? this.noticeHour + ':' + this.noticeMin : '' - }; - this.saveNewTodo(newTodo); - this.inputVal = ''; - this.setNotice = false; - this.showDateSelect = false; - this.noticeHour = 0; - this.noticeMin = 0; - // this.getTodods(); - } - }, - changeStatus: function(currentStatus, currentTodo) { - var _this = this; - if (currentStatus === 'on') { - currentTodo.status = 'done'; - } else if (currentStatus === 'done') { - currentTodo.status = 'on'; - } else if (currentStatus === 'undone') { - currentTodo.status = 'on'; - } - chrome.runtime.sendMessage({ - type: 'save', - date: _this.currentDate, - todos: _this.todos - }); - }, - deleteTodo: function(index) { - var _this = this; - console.log(index); - _this.todos.splice(index, 1); - chrome.runtime.sendMessage({ - type: 'save', - date: _this.currentDate, - todos: _this.todos - }); - }, - turnPre: function() { - var date = this.getCurrentDate(); - var preDate = new Date(date.getTime() - 1000 * 60 * 60 * 24); - var currentDate = this.formatDate(preDate); - this.currentDate = currentDate; - this.getTodods(); - }, - turnPost: function() { - var date = this.getCurrentDate(); - var preDate = new Date(date.getTime() + 1000 * 60 * 60 * 24); - var currentDate = this.formatDate(preDate); - this.currentDate = currentDate; - this.getTodods(); - } - } - }); - - todoApp.init(); - -}(window, document)); diff --git a/manifest.json b/manifest.json index f46a817..3900a15 100644 --- a/manifest.json +++ b/manifest.json @@ -1,19 +1,19 @@ { - "name": "Todo", + "name": "Z Todo List", "version": "0.0.2", "manifest_version": 2, "description": "An extension to manage todo list.", "icons": { - "16": "images/normal19.png", - "48": "images/normal48.png", - "128": "images/normal128.png" + "16": "icons/icon-16.png", + "48": "icons/icon-48.png", + "128": "icons/icon-128.png" }, "browser_action": { "default_icon": { - "19": "images/normal19.png", - "38": "images/normal38.png" + "19": "icons/icon-19.png", + "38": "icons/icon-38.png" }, - "default_title": "Todo List", + "default_title": "Z Todo List", "default_popup": "./dist/index.html" }, "permissions": [ diff --git a/src/App/index.less b/src/App/index.less index 263b844..caf5fd6 100644 --- a/src/App/index.less +++ b/src/App/index.less @@ -1,3 +1,6 @@ + +@banner_bg: #19a5d2; + .hidden { display: none; } @@ -16,10 +19,10 @@ line-height: 30px; padding: 5px 10px; margin-bottom: 2px; - background-color: #54678c; + background-color: @banner_bg; border-top-left-radius: 5px; border-top-right-radius: 5px; - box-shadow: 0 1px 4px 0px #23262f; + box-shadow: 0 1px 5px 0px #239fc5; } .banner .center { diff --git a/src/components/todo-list/index.less b/src/components/todo-list/index.less index 499ed18..95ec134 100644 --- a/src/components/todo-list/index.less +++ b/src/components/todo-list/index.less @@ -1,6 +1,6 @@ /* list container */ -@success_color: #4d8749; +@success_color: #09A599; .list-container { flex: 1; @@ -80,7 +80,7 @@ } .content { - text-decoration: line-through wavy @success_color; + text-decoration: line-through; } } diff --git a/src/components/todo-list/index.vue b/src/components/todo-list/index.vue index c588f68..e88039e 100644 --- a/src/components/todo-list/index.vue +++ b/src/components/todo-list/index.vue @@ -9,12 +9,12 @@
- {{ todo.status === 'done' ? '✓' : '' }} +
- {{ todo.message }} +  {{ todo.message }}