From efb8867c8eb5d87b36e596f50119740cb3b27a73 Mon Sep 17 00:00:00 2001 From: Jinwei Zhao Date: Tue, 7 Jun 2016 11:02:39 +0800 Subject: clean up --- css/font.css | 17 - css/main.css | 3818 ---------------------------------------------------------- 2 files changed, 3835 deletions(-) delete mode 100755 css/font.css delete mode 100755 css/main.css (limited to 'css') diff --git a/css/font.css b/css/font.css deleted file mode 100755 index c57f289..0000000 --- a/css/font.css +++ /dev/null @@ -1,17 +0,0 @@ -h1 { - font-family: Century Gothic, sans-serif; - font-size: 24px; - font-style: normal; - font-variant: normal; - font-weight: 500; - line-height: 26.3999996185303px; -} - -p { - font-family: Century Gothic, sans-serif; - font-size: 14px; - font-style: normal; - font-variant: normal; - font-weight: 400; - line-height: 20px; -} diff --git a/css/main.css b/css/main.css deleted file mode 100755 index 023297e..0000000 --- a/css/main.css +++ /dev/null @@ -1,3818 +0,0 @@ -@charset "UTF-8"; -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block -} - -audio, -canvas, -video { - display: inline-block -} - -audio:not([controls]) { - display: none; - height: 0 -} - -[hidden], -template { - display: none -} - -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100% -} - -body { - margin: 0 -} - -a { - background: 0 0 -} - -a:focus { - outline: thin dotted -} - -a:active, -a:hover { - outline: 0 -} - -h1 { - font-size: 2em; - margin: .67em 0 -} - -abbr[title] { - border-bottom: 1px dotted -} - -b, -strong { - font-weight: 700 -} - -dfn { - font-style: italic -} - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0 -} - -mark { - background: #ff0; - color: #000 -} - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em -} - -pre { - white-space: pre-wrap -} - -q { - quotes: "\201C" "\201D" "\2018" "\2019" -} - -small { - font-size: 80% -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline -} - -sup { - top: -.5em -} - -sub { - bottom: -.25em -} - -img { - border: 0 -} - -svg:not(:root) { - overflow: hidden -} - -figure { - margin: 0 -} - -fieldset { - border: 1px solid silver; - margin: 0 2px; - padding: .35em .625em .75em -} - -legend { - border: 0; - padding: 0 -} - -button, -input, -select, -textarea { - font-family: inherit; - font-size: 100%; - margin: 0 -} - -button, -input { - line-height: normal -} - -button, -select { - text-transform: none -} - -button, -html input[type=button], -input[type=reset], -input[type=submit] { - -webkit-appearance: button; - cursor: pointer -} - -button[disabled], -html input[disabled] { - cursor: default -} - -input[type=checkbox], -input[type=radio] { - box-sizing: border-box; - padding: 0 -} - -input[type=search] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box -} - -input[type=search]::-webkit-search-cancel-button, -input[type=search]::-webkit-search-decoration { - -webkit-appearance: none -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0 -} - -textarea { - overflow: auto; - vertical-align: top -} - -table { - border-collapse: collapse; - border-spacing: 0 -} - -.clearfix { - *zoom: 1 -} - -.clearfix:before, -.clearfix:after { - display: table; - content: ""; - line-height: 0 -} - -.clearfix:after { - clear: both -} - -.border-box { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box -} - -.no-touch { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none -} - -@font-face { - font-family: 'Mono Social Icons Font'; - src: url(webfonts/MonoSocialIconsFont-1.10.eot); - src: url(webfonts/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'), url(webfonts/MonoSocialIconsFont-1.10.woff) format('woff'), url(webfonts/MonoSocialIconsFont-1.10.ttf) format('truetype'), url(webfonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg'); - src: url(webfonts/MonoSocialIconsFont-1.10.ttf) format('truetype'); - font-weight: 400; - font-style: normal -} - -.symbol { - font-family: 'Mono Social Icons Font'; - -webkit-text-rendering: optimizeLegibility; - -moz-text-rendering: optimizeLegibility; - -ms-text-rendering: optimizeLegibility; - -o-text-rendering: optimizeLegibility; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-font-smoothing: antialiased; - -ms-font-smoothing: antialiased; - -o-font-smoothing: antialiased; - font-smoothing: antialiased -} - -a.symbol:before { - content: attr(title); - margin-right: .3em; - font-size: 130% -} - -.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 -} - -@-webkit-keyframes bounce { - 0%, - 20%, - 50%, - 80%, - 100% { - -webkit-transform: translateY(0); - transform: translateY(0) - } - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px) - } - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px) - } -} - -@keyframes bounce { - 0%, - 20%, - 50%, - 80%, - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 40% { - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px) - } - 60% { - -webkit-transform: translateY(-15px); - -ms-transform: translateY(-15px); - transform: translateY(-15px) - } -} - -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce -} - -@-webkit-keyframes flash { - 0%, - 50%, - 100% { - opacity: 1 - } - 25%, - 75% { - opacity: 0 - } -} - -@keyframes flash { - 0%, - 50%, - 100% { - opacity: 1 - } - 25%, - 75% { - opacity: 0 - } -} - -.flash { - -webkit-animation-name: flash; - animation-name: flash -} - -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1) - } - 50% { - -webkit-transform: scale(1.1); - transform: scale(1.1) - } - 100% { - -webkit-transform: scale(1); - transform: scale(1) - } -} - -@keyframes pulse { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } - 50% { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1) - } - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } -} - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse -} - -@-webkit-keyframes rubberBand { - 0% { - -webkit-transform: scale(1); - transform: scale(1) - } - 30% { - -webkit-transform: scaleX(1.25) scaleY(.75); - transform: scaleX(1.25) scaleY(.75) - } - 40% { - -webkit-transform: scaleX(.75) scaleY(1.25); - transform: scaleX(.75) scaleY(1.25) - } - 60% { - -webkit-transform: scaleX(1.15) scaleY(.85); - transform: scaleX(1.15) scaleY(.85) - } - 100% { - -webkit-transform: scale(1); - transform: scale(1) - } -} - -@keyframes rubberBand { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } - 30% { - -webkit-transform: scaleX(1.25) scaleY(.75); - -ms-transform: scaleX(1.25) scaleY(.75); - transform: scaleX(1.25) scaleY(.75) - } - 40% { - -webkit-transform: scaleX(.75) scaleY(1.25); - -ms-transform: scaleX(.75) scaleY(1.25); - transform: scaleX(.75) scaleY(1.25) - } - 60% { - -webkit-transform: scaleX(1.15) scaleY(.85); - -ms-transform: scaleX(1.15) scaleY(.85); - transform: scaleX(1.15) scaleY(.85) - } - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } -} - -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand -} - -@-webkit-keyframes shake { - 0%, - 100% { - -webkit-transform: translateX(0); - transform: translateX(0) - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px) - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px) - } -} - -@keyframes shake { - 0%, - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px) - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px) - } -} - -.shake { - -webkit-animation-name: shake; - animation-name: shake -} - -@-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) - } - 100% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg) - } -} - -@keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - -ms-transform: rotate(15deg); - transform: rotate(15deg) - } - 40% { - -webkit-transform: rotate(-10deg); - -ms-transform: rotate(-10deg); - transform: rotate(-10deg) - } - 60% { - -webkit-transform: rotate(5deg); - -ms-transform: rotate(5deg); - transform: rotate(5deg) - } - 80% { - -webkit-transform: rotate(-5deg); - -ms-transform: rotate(-5deg); - transform: rotate(-5deg) - } - 100% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg) - } -} - -.swing { - -webkit-transform-origin: top center; - -ms-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing -} - -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1) - } - 10%, - 20% { - -webkit-transform: scale(.9) rotate(-3deg); - transform: scale(.9) rotate(-3deg) - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg) - } - 40%, - 60%, - 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg) - } - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0) - } -} - -@keyframes tada { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } - 10%, - 20% { - -webkit-transform: scale(.9) rotate(-3deg); - -ms-transform: scale(.9) rotate(-3deg); - transform: scale(.9) rotate(-3deg) - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale(1.1) rotate(3deg); - -ms-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg) - } - 40%, - 60%, - 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - -ms-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg) - } - 100% { - -webkit-transform: scale(1) rotate(0); - -ms-transform: scale(1) rotate(0); - transform: scale(1) rotate(0) - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada -} - -@-webkit-keyframes wobble { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0) - } - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg) - } - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg) - } - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg) - } - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg) - } - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg) - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes wobble { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - -ms-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg) - } - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - -ms-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg) - } - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - -ms-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg) - } - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - -ms-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg) - } - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - -ms-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg) - } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble -} - -@-webkit-keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3) - } - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - transform: scale(1.05) - } - 70% { - -webkit-transform: scale(.9); - transform: scale(.9) - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1) - } -} - -@keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3) - } - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - -ms-transform: scale(1.05); - transform: scale(1.05) - } - 70% { - -webkit-transform: scale(.9); - -ms-transform: scale(.9); - transform: scale(.9) - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } -} - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn -} - -@-webkit-keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - transform: translateY(30px) - } - 80% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px) - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - -ms-transform: translateY(30px); - transform: translateY(30px) - } - 80% { - -webkit-transform: translateY(-10px); - -ms-transform: translateY(-10px); - transform: translateY(-10px) - } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown -} - -@-webkit-keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - transform: translateX(30px) - } - 80% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px) - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - -ms-transform: translateX(30px); - transform: translateX(30px) - } - 80% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px) - } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft -} - -@-webkit-keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - transform: translateX(-30px) - } - 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px) - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - -ms-transform: translateX(-30px); - transform: translateX(-30px) - } - 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px) - } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight -} - -@-webkit-keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - transform: translateY(-30px) - } - 80% { - -webkit-transform: translateY(10px); - transform: translateY(10px) - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px) - } - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px) - } - 80% { - -webkit-transform: translateY(10px); - -ms-transform: translateY(10px); - transform: translateY(10px) - } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp -} - -@-webkit-keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - transform: scale(1) - } - 25% { - -webkit-transform: scale(.95); - transform: scale(.95) - } - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - transform: scale(1.1) - } - 100% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3) - } -} - -@keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } - 25% { - -webkit-transform: scale(.95); - -ms-transform: scale(.95); - transform: scale(.95) - } - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1) - } - 100% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3) - } -} - -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut -} - -@-webkit-keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0) - } - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - transform: translateY(-20px) - } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px) - } -} - -@keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px) - } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px) - } -} - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown -} - -@-webkit-keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0) - } - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - transform: translateX(20px) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px) - } -} - -@keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px) - } -} - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft -} - -@-webkit-keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0) - } - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - transform: translateX(-20px) - } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px) - } -} - -@keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px) - } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px) - } -} - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight -} - -@-webkit-keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0) - } - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - transform: translateY(20px) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px) - } -} - -@keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px) - } -} - -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp -} - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0 - } - 100% { - opacity: 1 - } -} - -@keyframes fadeIn { - 0% { - opacity: 0 - } - 100% { - opacity: 1 - } -} - -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown -} - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft -} - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight -} - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp -} - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1 - } - 100% { - opacity: 0 - } -} - -@keyframes fadeOut { - 0% { - opacity: 1 - } - 100% { - opacity: 0 - } -} - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px) - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px) - } -} - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown -} - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px) - } -} - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px) - } -} - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px) - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px) - } -} - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft -} - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px) - } -} - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px) - } -} - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px) - } -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px) - } -} - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight -} - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px) - } -} - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px) - } -} - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px) - } -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px) - } -} - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp -} - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px) - } -} - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px) - } -} - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig -} - -@-webkit-keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in - } - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); - transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in - } - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in - } -} - -@keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in - } - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); - -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); - transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in - } - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in - } -} - -.animated.flip { - -webkit-backface-visibility: visible; - -ms-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 - } - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg) - } - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg) - } - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1 - } -} - -@keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0 - } - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - -ms-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg) - } - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - -ms-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg) - } - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1 - } -} - -.flipInX { - -webkit-backface-visibility: visible!important; - -ms-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 - } - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg) - } - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg) - } - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1 - } -} - -@keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0 - } - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - -ms-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg) - } - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - -ms-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg) - } - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1 - } -} - -.flipInY { - -webkit-backface-visibility: visible!important; - -ms-backface-visibility: visible!important; - backface-visibility: visible!important; - -webkit-animation-name: flipInY; - animation-name: flipInY -} - -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1 - } - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0 - } -} - -@keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1 - } - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0 - } -} - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible!important; - -ms-backface-visibility: visible!important; - backface-visibility: visible!important -} - -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1 - } - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0 - } -} - -@keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1 - } - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0 - } -} - -.flipOutY { - -webkit-backface-visibility: visible!important; - -ms-backface-visibility: visible!important; - backface-visibility: visible!important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY -} - -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0 - } - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1 - } - 80% { - -webkit-transform: translateX(0) skewX(-15deg); - transform: translateX(0) skewX(-15deg); - opacity: 1 - } - 100% { - -webkit-transform: translateX(0) skewX(0deg); - transform: translateX(0) skewX(0deg); - opacity: 1 - } -} - -@keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0 - } - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - -ms-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1 - } - 80% { - -webkit-transform: translateX(0) skewX(-15deg); - -ms-transform: translateX(0) skewX(-15deg); - transform: translateX(0) skewX(-15deg); - opacity: 1 - } - 100% { - -webkit-transform: translateX(0) skewX(0deg); - -ms-transform: translateX(0) skewX(0deg); - transform: translateX(0) skewX(0deg); - opacity: 1 - } -} - -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out -} - -@-webkit-keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0) skewX(0deg); - transform: translateX(0) skewX(0deg); - opacity: 1 - } - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0 - } -} - -@keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0) skewX(0deg); - -ms-transform: translateX(0) skewX(0deg); - transform: translateX(0) skewX(0deg); - opacity: 1 - } - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0 - } -} - -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in -} - -@-webkit-keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -@keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - -ms-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn -} - -@-webkit-keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -@keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft -} - -@-webkit-keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -@keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight -} - -@-webkit-keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -@keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft -} - -@-webkit-keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -@keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } -} - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight -} - -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0 - } -} - -@keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - -ms-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0 - } -} - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut -} - -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } -} - -@keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } -} - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft -} - -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } -} - -@keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } -} - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight -} - -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } -} - -@keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0 - } -} - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft -} - -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } -} - -@keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1 - } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0 - } -} - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight -} - -@-webkit-keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px) - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px) - } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown -} - -@-webkit-keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px) - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px) - } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft -} - -@-webkit-keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px) - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0) - } -} - -@keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px) - } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } -} - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight -} - -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px) - } -} - -@keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px) - } -} - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft -} - -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px) - } -} - -@keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0) - } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px) - } -} - -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight -} - -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px) - } -} - -@keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px) - } -} - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp -} - -@-webkit-keyframes slideInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } -} - -@keyframes slideInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px) - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } -} - -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp -} - -@-webkit-keyframes slideOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px) - } -} - -@keyframes slideOutDown { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0) - } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px) - } -} - -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown -} - -@-webkit-keyframes hinge { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 20%, - 60% { - -webkit-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 40% { - -webkit-transform: rotate(60deg); - 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 - } - 80% { - -webkit-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1 - } - 100% { - -webkit-transform: translateY(700px); - transform: translateY(700px); - opacity: 0 - } -} - -@keyframes hinge { - 0% { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 20%, - 60% { - -webkit-transform: rotate(80deg); - -ms-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 40% { - -webkit-transform: rotate(60deg); - -ms-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 80% { - -webkit-transform: rotate(60deg) translateY(0); - -ms-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1 - } - 100% { - -webkit-transform: translateY(700px); - -ms-transform: translateY(700px); - transform: translateY(700px); - opacity: 0 - } -} - -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge -} - -@-webkit-keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0) rotate(0deg); - transform: translateX(0) rotate(0deg) - } -} - -@keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - -ms-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg) - } - 100% { - opacity: 1; - -webkit-transform: translateX(0) rotate(0deg); - -ms-transform: translateX(0) rotate(0deg); - transform: translateX(0) rotate(0deg) - } -} - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn -} - -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0) rotate(0deg); - transform: translateX(0) rotate(0deg) - } - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg) - } -} - -@keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0) rotate(0deg); - -ms-transform: translateX(0) rotate(0deg); - transform: translateX(0) rotate(0deg) - } - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - -ms-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg) - } -} - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut -} - -@-webkit-keyframes zoomIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3) - } - 50% { - opacity: 1 - } -} - -@keyframes zoomIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3) - } - 50% { - opacity: 1 - } -} - -.zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn -} - -@-webkit-keyframes zoomInDown { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateY(-2000px); - transform: scale(.1) translateY(-2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateY(60px); - transform: scale(.475) translateY(60px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -@keyframes zoomInDown { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateY(-2000px); - -ms-transform: scale(.1) translateY(-2000px); - transform: scale(.1) translateY(-2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateY(60px); - -ms-transform: scale(.475) translateY(60px); - transform: scale(.475) translateY(60px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown -} - -@-webkit-keyframes zoomInLeft { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateX(-2000px); - transform: scale(.1) translateX(-2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateX(48px); - transform: scale(.475) translateX(48px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -@keyframes zoomInLeft { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateX(-2000px); - -ms-transform: scale(.1) translateX(-2000px); - transform: scale(.1) translateX(-2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateX(48px); - -ms-transform: scale(.475) translateX(48px); - transform: scale(.475) translateX(48px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft -} - -@-webkit-keyframes zoomInRight { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateX(2000px); - transform: scale(.1) translateX(2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateX(-48px); - transform: scale(.475) translateX(-48px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -@keyframes zoomInRight { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateX(2000px); - -ms-transform: scale(.1) translateX(2000px); - transform: scale(.1) translateX(2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateX(-48px); - -ms-transform: scale(.475) translateX(-48px); - transform: scale(.475) translateX(-48px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight -} - -@-webkit-keyframes zoomInUp { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateY(2000px); - transform: scale(.1) translateY(2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateY(-60px); - transform: scale(.475) translateY(-60px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -@keyframes zoomInUp { - 0% { - opacity: 0; - -webkit-transform: scale(.1) translateY(2000px); - -ms-transform: scale(.1) translateY(2000px); - transform: scale(.1) translateY(2000px); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out - } - 60% { - opacity: 1; - -webkit-transform: scale(.475) translateY(-60px); - -ms-transform: scale(.475) translateY(-60px); - transform: scale(.475) translateY(-60px); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out - } -} - -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp -} - -@-webkit-keyframes zoomOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1) - } - 50% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3) - } - 100% { - opacity: 0 - } -} - -@keyframes zoomOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1) - } - 50% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3) - } - 100% { - opacity: 0 - } -} - -.zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut -} - -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateY(-60px); - transform: scale(.475) translateY(-60px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateY(2000px); - transform: scale(.1) translateY(2000px); - -webkit-transform-origin: center bottom; - transform-origin: center bottom - } -} - -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateY(-60px); - -ms-transform: scale(.475) translateY(-60px); - transform: scale(.475) translateY(-60px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateY(2000px); - -ms-transform: scale(.1) translateY(2000px); - transform: scale(.1) translateY(2000px); - -webkit-transform-origin: center bottom; - -ms-transform-origin: center bottom; - transform-origin: center bottom - } -} - -.zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown -} - -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateX(42px); - transform: scale(.475) translateX(42px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateX(-2000px); - transform: scale(.1) translateX(-2000px); - -webkit-transform-origin: left center; - transform-origin: left center - } -} - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateX(42px); - -ms-transform: scale(.475) translateX(42px); - transform: scale(.475) translateX(42px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateX(-2000px); - -ms-transform: scale(.1) translateX(-2000px); - transform: scale(.1) translateX(-2000px); - -webkit-transform-origin: left center; - -ms-transform-origin: left center; - transform-origin: left center - } -} - -.zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft -} - -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateX(-42px); - transform: scale(.475) translateX(-42px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateX(2000px); - transform: scale(.1) translateX(2000px); - -webkit-transform-origin: right center; - transform-origin: right center - } -} - -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateX(-42px); - -ms-transform: scale(.475) translateX(-42px); - transform: scale(.475) translateX(-42px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateX(2000px); - -ms-transform: scale(.1) translateX(2000px); - transform: scale(.1) translateX(2000px); - -webkit-transform-origin: right center; - -ms-transform-origin: right center; - transform-origin: right center - } -} - -.zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight -} - -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateY(60px); - transform: scale(.475) translateY(60px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateY(-2000px); - transform: scale(.1) translateY(-2000px); - -webkit-transform-origin: center top; - transform-origin: center top - } -} - -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale(.475) translateY(60px); - -ms-transform: scale(.475) translateY(60px); - transform: scale(.475) translateY(60px); - -webkit-animation-timing-function: linear; - animation-timing-function: linear - } - 100% { - opacity: 0; - -webkit-transform: scale(.1) translateY(-2000px); - -ms-transform: scale(.1) translateY(-2000px); - transform: scale(.1) translateY(-2000px); - -webkit-transform-origin: center top; - -ms-transform-origin: center top; - transform-origin: center top - } -} - -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp -} - -p { - font-size: 1.7em; - line-height: 120%; - margin: 0 auto 10px; - text-align: left; - font-weight: 300 -} - -.lead { - text-align: left; - margin-bottom: 20px; - font-size: 4em; - margin-top: 40px; - font-weight: 400; - line-height: 30px -} - -small { - font-size: 85% -} - -strong { - font-weight: 700 -} - -em { - font-style: italic -} - -cite { - font-style: normal -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 10px 0; - font-family: adelle, proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 500; - line-height: 120%; - color: inherit; - text-rendering: optimizelegibility -} - -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - font-weight: 400; - line-height: 1; - color: #999 -} - -@media all and (max-width:500px) { - h1, - h2, - h3, - h4, - h5, - h6 { - line-height: 140% - } -} - -h1, -h2, -h3 { - line-height: 40px -} - -h1 { - font-size: 56px; - text-align: left; - margin: 0 auto 30px; - line-height: 100% -} - -h2 { - font-size: 31.5px -} - -h3 { - font-size: 24.5px -} - -h4 { - font-size: 17.5px -} - -h5 { - font-size: 14px -} - -h6 { - font-size: 11.9px -} - -h1 small { - font-size: 24.5px -} - -h2 small { - font-size: 17.5px -} - -h3 small { - font-size: 14px -} - -h4 small { - font-size: 14px -} - -ul, -ol { - padding: 0; - margin: 0 0 10px 25px -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0 -} - -li { - line-height: 20px -} - -ul.unstyled, -ol.unstyled { - margin-left: 0; - list-style: none -} - -ul.inline, -ol.inline { - margin-left: 0; - list-style: none -} - -ul.inline>li, -ol.inline>li { - display: inline-block; - padding-left: 5px; - padding-right: 5px -} - -dl { - margin-bottom: 20px -} - -dt, -dd { - line-height: 20px -} - -dt { - font-weight: 700 -} - -dd { - margin-left: 10px -} - -hr { - margin: 20px 0; - border: 0; - border-top: 1px solid #eee; - border-bottom: 1px solid #fff -} - -blockquote { - padding: 0 0 0 15px; - margin: 0 0 20px; - border-left: 5px solid #eee -} - -blockquote p { - margin-bottom: 0; - font-size: 17.5px; - font-weight: 300; - line-height: 1.25 -} - -blockquote small { - display: block; - line-height: 20px; - color: #999 -} - -blockquote small:before { - content: '\2014 \00A0' -} - -blockquote.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eee; - border-left: 0 -} - -blockquote.pull-right p, -blockquote.pull-right small { - text-align: right -} - -blockquote.pull-right small:before { - content: '' -} - -blockquote.pull-right small:after { - content: '\00A0 \2014' -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: "" -} - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 20px -} - -pre { - font-family: courier-prime, Consolas, 'Courier New', Courier, Monaco, monospace; - display: block; - word-break: break-all; - word-wrap: break-word -} - -*, -:before, -:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box -} - -html { - font-size: 62.5%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - overflow-x: hidden; - height: 100% -} - -body { - font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 20px; - color: #fff; - background-color: #2b303b; - overflow-x: hidden; - -webkit-font-smoothing: antialiased; - min-height: 100% -} - -a { - color: #5dc5be; - text-decoration: none; - -webkit-transition: all 300ms ease-in; - -moz-transition: all 300ms ease-in; - -ms-transition: all 300ms ease-in; - -o-transition: all 300ms ease-in; - transition: all 300ms ease-in -} - -a:hover, -a:focus { - color: #389d96; - text-decoration: none -} - -.bg-highlight { - position: absolute; - bottom: 0; - left: 0; - -ms-filter: "alpha(Opacity=20)"; - filter: alpha(opacity=20); - opacity: .2; - font-size: 90%; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none -} - -.bg-highlight span { - color: #a9a9a9 -} - -.bg-highlight pre { - margin: 0; - padding: 5px -} - -.copyright { - position: absolute; - bottom: 0; - right: 0; - -ms-filter: "alpha(Opacity=20)"; - filter: alpha(opacity=20); - opacity: .2; - font-size: 90%; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none -} - -.copyright span { - color: #a9a9a9 -} - -.copyright pre { - margin: 0; - padding: 5px -} - -.block { - position: relative; - min-height: 100%; - margin-top: 200px; - text-align: center -} - -.block p, -.block h1 { - width: 100%; - max-width: 600px; - padding: 0 10px -} - -@media all and (max-width:500px) { - .block { - margin-top: 150px - } -} - -.favthing { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both -} - -.social { - float: right; - margin: 0 10px; - list-style: none; - padding: 0 -} - -.social li { - padding: 0; - margin: 0 5px; - display: inline-block; - vertical-align: top; - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -ms-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out -} - -.social li a { - font-family: 'Mono Social Icons Font'; - -webkit-text-rendering: optimizeLegibility; - -moz-text-rendering: optimizeLegibility; - -ms-text-rendering: optimizeLegibility; - -o-text-rendering: optimizeLegibility; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-font-smoothing: antialiased; - -ms-font-smoothing: antialiased; - -o-font-smoothing: antialiased; - font-smoothing: antialiased; - color: #a9a9a9; - -ms-filter: "alpha(Opacity=50)"; - filter: alpha(opacity=50); - opacity: .5; - font-size: 7em -} - -.social li a:before { - font-family: 'Mono Social Icons Font'; - -webkit-text-rendering: optimizeLegibility; - -moz-text-rendering: optimizeLegibility; - -ms-text-rendering: optimizeLegibility; - -o-text-rendering: optimizeLegibility; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-font-smoothing: antialiased; - -ms-font-smoothing: antialiased; - -o-font-smoothing: antialiased; - font-smoothing: antialiased; - content: attr(title); - margin: 0; - font-size: 130% -} - -.social li:hover, -.social li:focus { - margin-top: 2em; - color: #909090 -} - -@media all and (max-width:500px) { - .social li a { - font-size: 5em - } -} - -.pull-right { - float: right -} - -.pull-left { - float: left -} - -.hide { - display: none -} - -.show { - display: block -} - -.invisible { - visibility: hidden -} - -.affix { - position: fixed -} - -.block { - -webkit-touch-callout: all; - -webkit-user-select: all; - -khtml-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; -} -- cgit v1.2.3