diff --git a/js/set.js b/js/set.js index 3344d44..f80c2da 100644 --- a/js/set.js +++ b/js/set.js @@ -5,58 +5,6 @@ GitHub:https://github.com/imsyy/home 版权所有,请勿删除 */ -/* 自定义配置 */ -/* 尚未完善 */ -$(function () { - let url = "../setting.json" - $.getJSON( - url, - function (data) { - /* 页头数据 */ - $('title').text(data.title); - $('#loading-title').html(data.title); - $("meta[name='description']").attr('content', data.description); - $("meta[name='keywords']").attr('content', data.keywords); - $("meta[name='author']").attr('content', data.author); - /* 基础信息 */ - $("#logo-img").attr("src", data.logo_img); - $('#logo-text-1').html(data.logo_text_1); - $('#logo-text-2').html("." + data.logo_text_2); - $('#logo-title-other').html(data.logo_text_1); - $('#logo-title-other-small').html("." + data.logo_text_2); - $('#logo-text-small').html(data.logo_text_1 + "." + data.logo_text_2); - /* 社交链接 */ - $('#github').attr('href', "https://github.com/" + data.github); - $('#qq').attr('href', "https://wpa.qq.com/msgrd?v=3&uin=" + data.qq + "&site=qq&menu=yes"); - $('#email').attr('href', "mailto:" + data.email); - $('#bilibili').attr('href', "https://space.bilibili.com/" + data.bilibili); - $('#telegram').attr('href', "https://t.me/" + data.telegram); - /* 快捷链接 */ - $('#link-url-1').attr('href', data.link_1[0]); - $('#link-icon-1').attr('class', data.link_1[1]); - $('#link-name-1').html(data.link_1[2]); - $('#link-url-2').attr('href', data.link_2[0]); - $('#link-icon-2').attr('class', data.link_2[1]); - $('#link-name-2').html(data.link_2[2]); - $('#link-url-3').attr('href', data.link_3[0]); - $('#link-icon-3').attr('class', data.link_3[1]); - $('#link-name-3').html(data.link_3[2]); - $('#link-url-4').attr('href', data.link_4[0]); - $('#link-icon-4').attr('class', data.link_4[1]); - $('#link-name-4').html(data.link_4[2]); - $('#link-url-5').attr('href', data.link_5[0]); - $('#link-icon-5').attr('class', data.link_5[1]); - $('#link-name-5').html(data.link_5[2]); - $('#link-url-6').attr('href', data.link_6[0]); - $('#link-icon-6').attr('class', data.link_6[1]); - $('#link-name-6').html(data.link_6[2]); - //页脚版权 - $('#power-text').html(data.Copyright_text); - $('#beian').html("& " + data.beian); - } - ) -}); - // 背景图片 Cookies function setBgImg(bg_img) { if (bg_img) { diff --git a/old/css/font.css b/old/css/font.css deleted file mode 100644 index 79cfbde..0000000 --- a/old/css/font.css +++ /dev/null @@ -1,7 +0,0 @@ -@font-face { - font-family:'EngraversOldEnglishBT-Bold'; - src: url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.gif?r=110901002758'); - src: url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.gif?r=110901002758?#iefix') format('embedded-opentype'), url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.png?r=110901002758') format('woff2'), url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.bmp?r=110901002758') format('woff'); - font-weight: normal; - font-style: normal; -} \ No newline at end of file diff --git a/old/css/iconfont.css b/old/css/iconfont.css deleted file mode 100644 index eb0787b..0000000 --- a/old/css/iconfont.css +++ /dev/null @@ -1,80 +0,0 @@ -@font-face {font-family: "iconfont"; - src: url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.eot?t=1597068283360'); /* IE9 */ - src: url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.eot?t=1597068283360#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAygAAsAAAAAFQgAAAxSAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFCgqaDJRUATYCJANECyQABCAFhG0HgUEbYRFRlFBWMtkX2DbsyRi24w5jw9hhxnUCAlAAAADABxRQQMEpHr7f739rH7nfTJMgXvFuFiLTIUHqj+ShUpJn/lr77RfzHZp+USCZJq2cvRVO2dvDMrRMSoQIoTE8bfPf3WHdTUElRIxqdENlsrI50M1eRLCA/W/B1tBmLMtYpK6PY9Ftmg/89wABgM3/fz9X/0OsiUV9mIZCjV+n92OubQlLhEZdSKpveNsa0UITa0TrkVR2SCjgNkZ16IWeTqDTrC2hq6fXdyip0BWBea85VVEyUaNURIf28qbAYRkPfQBm2tM7eBDw3nv8+Cci2klqpp/p5tMTA+3/9LKVdEiqIH8C2XBNYLWRsQ0prPipsPIjKEOOjehcSvEWMKpI/szmZ9Zh2YaRM5/0+Pqy9RA/PWuwk65eGNW1ZhAgHXr0K+jUq02xrhUaWZfuw/jliQal7CZDf4z2Qz9ZeXTwM/Lo4WfiqiGjSh+gQZVOQBuq9ALaoZCFDlQpgGUoDAWbqFIBe1AA3IDCFPAJVboAX1GlG/Afcqj904Lw3JQDjoNFyBZUBhGq95AuvvGU8TW0FBXy5IjZYtFZRkpZneqxeFItFkelaFm7K2a7RzO95JVWibZb6+VCrDvZ7Gkz1lWP+NLJKik9USlnioT25YerZaypGsXMSR3SHkXg1Mmdij5ZwJQuucSm5Zi0x5vaHj9Mbx4vW0E/NQeg61H0cSB9bx533yVKurJR0QmkLaic6AgKgoO3d/rHz+Ye7XMNRVzqArpIVK4P1GggWRcqb6Ers4QieVtOb29Xy2yVvz9uJOjbolrKyoYjgd2+mrclSq1Ux+gZoTFAMjWzq6VUyNrayjrqoddPkktQsUbmTqELUVGX16QeSBk4ShBC2GjEMd1hxVGOteMD3/ZuDmYyiRGSLLCR9zqON/T5Ult72PnaY15TcKGoVGz7Qqiiaw95yduYHV5tRxzVTIMvpmCoOhntOzm67d7t3SyNxvRAxRBrjNmYajujx8RqHnHAp82gAsi6XPQudZBMrCbFB43pJrERbzdhW9BtBGypU02Q1q/Dr8ULV+jBAdBKGYQQlYvUUAsp0pMJyjYJSYrmy9AfaRqLi0ymsrYuWTemadVJtS3iqGO8wruRXDiCNwrfOshkEik6pR1oyxFHw9GSloYt7d4KpmmqSnHOt07vs6ylg7Fc3UafdIxMmKJucSCAsLYHs1X0uUpMRhx07mZ3GoWosiuEELYeZqsYWkK4jwxAO4gYknTUsAxHfUnRtg4mSpoCDXsDJyNbSsFwMWZWgAojUAQrQcViDFKfhDXUYOKwUHWLV8cuh12EA3EVhqqdxdJc9sRwI0DpHQ2AjhEE3aGGECqL/YopWAdNkXsjcZam2QUS+dW7YlDdDuZCIFWiqFwNQfoTPmomTBAigtwT/+GKeESmwTCFCgDpbu/zRsmyllpvPF+331eMtx7lFBt6hZOUdKH0nmtTa1gLNSq65MaTkm5TjaZckozAdm6Kan/0JVIsEJCP8YMDgTX9UYoB35orEilBLIeQqWZBhjqf9rMDgd2u9ZBsT4ChybHtyqZ4nZHz1cyTJvDSNrA7djnXONf6d54/7d3hpLzhXT5tjvpZTkfldKVKxbgxXQzd4f0bm8oCUrqSSeoxYpkpSmE0LjltdG8g+GdIj2aT+NSXmMQkubxO77I85hvtonf49V/A0ijlOVTvGLEnYv7+xBuN4apW7LRJYBKfIdPOmmKPmrgaZ9w52IjXuUgIgtdPAMKIn1YIemoykR685TPkZDAMshaqtHQlgQpFuM4mrbnzqNR7vncH3/q87e/r73crL94VSajUdz7g/IxFC0SJg4mTRyQljZjsN4oWLCI1gNhrdxMaUmNSG+hjkTGRjpxYWZf3h5clNXhawahnjCcKW3k6cphmlwYPTxGTvZEegLZw/gDX9yMmMMMKGawM539eUbujQPdHUIuUuvE/wl0fPi7mJ3PYPhfbB1fbsP5hltX8e5NTktPB2FEVePYHs/S/m8LCwVlQBaXOipw/LwgY11el8aKHNwjAZ/19XnzYxYI5y/jO7pl3PB+I7O6EpYQNUEe+mJzEyj5q5wpicozd48bp2ZFs3dq1UrPTXuHmmbCky8rsHgWVlECCTiitpJh35GhhE0w1V/i6yLIHGUxBvieIoLRo3Ob1jl4B8C40tWHdpkhHf3GQx6bDddRMwtdCTcgYGLuklCh19Wba3ZrlH2TVB2AmjYIMS4CWP9jkcf2LrZQ2GrIv583rYIHwe34pyCqI39z1uYzeMS0Mev5l8Edz3cyqB383yOOn8tP5NiWc9E3jPZLH2RYgQjjXLnFqVJIDH5uUx+fPMPPXL6X8mz5lS++dGy8+fz0N8LjhVHeQbpcFaNnp9mBh3ibziLRzfrmvZmIgg/eCUk7sViO1yKXdSDlS4XxqLZwCP1qS7DorJSx3zfM1tErvKrtr1d8436ofwLEA1h7CSHar+trdDh9Bfl2nNIIJE9S58YHl+vRxtukII/xiKKy6fnrcSof3oe8dNmfGxWdw5sJvgtyD3sDUDT+df60HL0O0TO2x2pXyklg32M2vN6G/gWo4P4HHKwbp+Snn9QCMqQavwKA73X0QALfcorngYCt8wIyZZi2P1wfkmpXo8lzG8iKlmlOVHE6+90igHOfcR++zA6syGRR6czhLn2jm8SJdxubpSswCMuP1G6zTfMwsDxxpBdzjG0c6ZS3LUm/EY/l4XBzj/sm0AS0iRmap6FYB2l2/I2i8AyupoMn/wdNRNl7CzeMRP7ztBc39ZPzVZKgU8DwabcOemLH70GQ6f8bBT9wcfpxHLN2fbdW/O8v35mCm4UCB3b1uWLJu7TbPA1awNw0MXbjloGWg1THLYVTGpf0aqXlKcW4KnAqRdFBpngoabcGLjOX/KUv3r5f9EwoB93FQgmz2DKdlb0eK2eU61xWrPuxe/XFm/e8k2aY9e9ZMtqQpKRYw/65v4SSQpNwxFcTvKUKso7Mow2ZY1McmR6RbtAenjAb5ghV5qSx8KpT9QwL2B7f7pgmE51ZuRdldtstmTK3a/qGKcHXnrZFxQSIkHRVQnrtgbnYK44R6iZWE9Yt6bUd67NiGI8Eeq6Zudxr4f/zh+oI5C+aU/1ilm9k86LR92ioIu9A4Jm5c/SON52mCxgwavm8L5/xnzGpBctyUyPDvY+cWTE6oZNA+HheiS9QnUhhzc3IWBJaDNK7zfO5kZXAyd77zEpN26VAzd7LzfOC51YknEJhRrCy8rDQBnSGL9juhmTMhW5bJyLOYpBkzoUwafxz1sauvRYRVoavSPtOns6BvzoZhY8qniXiuVO6zTzZLOt2nV4Uu4M2yXem27LfnkjHcTBvZfLB1PrKA8fY77Qnc5TVHlhfr9HpoQ/bCyiXDa1xAPOBMDMyzXphkL+CsmQudlJzc4DRwbWAuc4XMfgEqoJhuOORPn5rPWHXewg91u8S7JOtH3W3DCyF+LYSkNEMtEP+M2wbeBrB6SDq9B0mGM73YXnhtbA98V9sv5H8AhhqyRyYRPWtcQ2prRW7C3wEY6rMNKUHKNTuQkEl/AQQMUdovREFiABh65TMyFinXHUeSR7bQIgXJtqdI5J+UIaB+7CwopiZ+tcR+uPpvixf9pphhmtf0ZPo+YAng9yWAv6QqyuMK6o9Ukei1thRpk4VCxOBI1eNiDnuHhpIi/t4dsZWMK86hJO80dvGn1DHob9qKkRdyU2hP8CxO2szgrN0yKqHbuOpyjBvtLuBOW86cdxkiRETpwKYvAod+3zjp9R1n/X5QCf3F1ah/3OiPjDvdj4qHXVbjRfpIgCrBwNo75rrrELNepv35N0ADSxVxiZf8AMLn/XgyHKfHz8ABMYQV/4VOpSSYCNfGp8TZwLJc7An3CXQ5ZFJ6e6MRKbI61F0bpV0hAJV0shswzXtpTudykKOldObhbwAqYFGJim3l0g+A4OPqYxND4wboTOk02nYpS30vqClJNhHYWiu4bNgp2QQsY8SFecX6ngCdNMQ6DHn2jEhVpKlyOL1o33ul27ejTjgQKXKUqNFEW7RHR3RGV7yYvIve6Iv+0EBoECUfONSC7cCLezRdJGpxX6Y0zlr1k2Rwc+KUSxZoiVfgb9yZxJ7YKrfCz8+xD8ZZELMDn+vJO7CACtVOyFcuJYgkC1RNdXZ2Eo8czXKpnwke9Upik8PUe0QIAA==') format('woff2'), - url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.woff?t=1597068283360') format('woff'), - url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.ttf?t=1597068283360') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ - url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.svg?t=1597068283360#iconfont') format('svg'); /* iOS 4.1- */ -} - -.iconfont { - font-family: "iconfont" !important; - font-size: 16px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-angle-up:before { - content: "\e9b3"; -} - -.icon-ngleup:before { - content: "\e624"; -} - -.icon-list:before { - content: "\e647"; -} - -.icon-bilibili1:before { - content: "\e609"; -} - -.icon-bilibili:before { - content: "\e62a"; -} - -.icon-github:before { - content: "\e62f"; -} - -.icon-weixin1:before { - content: "\e608"; -} - -.icon-email:before { - content: "\e6f5"; -} - -.icon-qq:before { - content: "\e600"; -} - -.icon-zhihu:before { - content: "\e606"; -} - -.icon-music:before { - content: "\e6ba"; -} - -.icon-Telegram:before { - content: "\e6bd"; -} - -.icon-twitter:before { - content: "\e601"; -} - -.icon-huaban88:before { - content: "\e607"; -} - -.icon-cnblogs:before { - content: "\e603"; -} - -.icon-u___fm__gp_:before { - content: "\e602"; -} diff --git a/old/css/style.css b/old/css/style.css deleted file mode 100644 index e6ee2ec..0000000 --- a/old/css/style.css +++ /dev/null @@ -1,10096 +0,0 @@ -/*头像效果-start*/ - -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100% -} - -body { - margin: 0 -} - -.ih-item.circle.effect { - margin: 0 auto; - -webkit-perspective: 900px; - -moz-perspective: 900px; - perspective: 900px; -} -.ih-item.circle.effect .img { - z-index: 11; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; -} - -.ih-item.circle.effect .info { - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - -o-transform-style: preserve-3d; - transform-style: preserve-3d; -} - -.ih-item.circle.effect .info .info-back { - opacity: 1; - border-radius: 50%; - width: 100%; - height: 100%; - background: #333333; -} - -.ih-item.circle.effect .info h2 { - color: #fff; - position: relative; - font-size: 18px; - margin: 0 auto; - padding-top: 40px; - height: 35px; - text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.ih-item.circle.effect .info p { - color: #bbb; - padding: 0px 0px 0px 0px; - font-style: italic; - padding-left: 0px; - font-size: 10px; -} - -.ih-item.circle.effect.bottom_to_top .img { - -webkit-transform-origin: 50% 0; - -moz-transform-origin: 50% 0; - -ms-transform-origin: 50% 0; - -o-transform-origin: 50% 0; - transform-origin: 50% 0; -} - -.ih-item.circle.effect.bottom_to_top a:hover .img { - -webkit-transform: rotate3d(1, 0, 0, 180deg); - -moz-transform: rotate3d(1, 0, 0, 180deg); - -ms-transform: rotate3d(1, 0, 0, 180deg); - -o-transform: rotate3d(1, 0, 0, 180deg); - transform: rotate3d(1, 0, 0, 180deg); -} - -.ih-item.circle.effect.top_to_bottom .img { - -webkit-transform-origin: 50% 100%; - -moz-transform-origin: 50% 100%; - -ms-transform-origin: 50% 100%; - -o-transform-origin: 50% 100%; - transform-origin: 50% 100%; -} - -.ih-item.circle.effect.top_to_bottom a:hover .img { - -webkit-transform: rotate3d(1, 0, 0, -180deg); - -moz-transform: rotate3d(1, 0, 0, -180deg); - -ms-transform: rotate3d(1, 0, 0, -180deg); - -o-transform: rotate3d(1, 0, 0, -180deg); - transform: rotate3d(1, 0, 0, -180deg); -} - -.ih-item.circle.effect.left_to_right .img { - -webkit-transform-origin: 100% 50%; - -moz-transform-origin: 100% 50%; - -ms-transform-origin: 100% 50%; - -o-transform-origin: 100% 50%; - transform-origin: 100% 50%; -} - -.ih-item.circle.effect.left_to_right a:hover .img { - -webkit-transform: rotate3d(0, 1, 0, 180deg); - -moz-transform: rotate3d(0, 1, 0, 180deg); - -ms-transform: rotate3d(0, 1, 0, 180deg); - -o-transform: rotate3d(0, 1, 0, 180deg); - transform: rotate3d(0, 1, 0, 180deg); -} - -.ih-item.circle.effect.right_to_left .img { - -webkit-transform-origin: 0% 50%; - -moz-transform-origin: 0% 50%; - -ms-transform-origin: 0% 50%; - -o-transform-origin: 0% 50%; - transform-origin: 0% 50%; -} - -.ih-item.circle.effect.right_to_left a:hover .img { - -webkit-transform: rotate3d(0, 1, 0, -180deg); - -moz-transform: rotate3d(0, 1, 0, -180deg); - -ms-transform: rotate3d(0, 1, 0, -180deg); - -o-transform: rotate3d(0, 1, 0, -180deg); - transform: rotate3d(0, 1, 0, -180deg); -} - -.ih-item a { - color: #333; -} - -.ih-item a:hover { - text-decoration: none; -} - -.ih-item img { - width: 100%; - height: 100%; -} - -.ih-item.circle { - position: relative; - width: 120px; - height: 120px; - border-radius: 50%; -} - -.ih-item.circle .img { - position: relative; - width: 120px; - height: 120px; - border-radius: 50%; -} -.ih-item.circle .img:before { - position: absolute; - display: block; - content: ''; - width: 100%; - height: 100%; - border-radius: 50%; - -webkit-transition: all 0.35s ease-in-out; - -moz-transition: all 0.35s ease-in-out; - transition: all 0.35s ease-in-out; -} - -.ih-item.circle .img img { - border-radius: 50%; -} - -.ih-item.circle .info { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - text-align: center; - border-radius: 50%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -@media all and (max-width: 780px) { - .ih-item.circle .img { - position: relative; - width: 100px; - height: 100px; - /*margin-top: 20px;*/ - border-radius: 50%; - } - .ih-item.circle { - position: relative; - width: 100px; - height: 100px; - border-radius: 50%; - } - .ih-item.circle .info .info-back h2{ - font-size: 0.9em; - } - .panel-title { - margin-bottom: 0.1em !important; - font-size: 2em !important; - } - .panel-subtitle { - font-size: 1em !important; - } -} -/**************抖动效果******************/ -.profilepic { - text-align: center; - display: block; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0px 2px 20px 3px rgba(0, 0, 0, 0.25); - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0px 2px 20px 3px rgba(0, 0, 0, 0.25); - border-radius: 300px; - width: 128px; - height: 128px; - margin: 0 auto; - position: relative; - overflow: hidden; - background: #88acdb; - transition: all 0.2s ease-in; - display: -webkit-box; - -webkit-box-orient: horizontal; - -webkit-box-pack: center; - -webkit-box-align: center; - text-align: center; -} - -.animated { - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -ms-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -ms-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; -} - -.animated.hinge { - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -ms-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; -} - -@-webkit-keyframes flash { - - 0%, - 50%, - 100% { - opacity: 1; - } - - 25%, - 75% { - opacity: 0; - } -} - -@-moz-keyframes flash { - - 0%, - 50%, - 100% { - opacity: 1; - } - - 25%, - 75% { - opacity: 0; - } -} - -@-o-keyframes flash { - - 0%, - 50%, - 100% { - opacity: 1; - } - - 25%, - 75% { - opacity: 0; - } -} - -.flash { - -webkit-animation-name: flash; - -moz-animation-name: flash; - -o-animation-name: flash; - animation-name: flash; -} - -@-webkit-keyframes shake { - - 0%, - 100% { - -webkit-transform: translateX(0); - } - - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translateX(-10px); - } - - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translateX(10px); - } -} - -@-moz-keyframes shake { - - 0%, - 100% { - -moz-transform: translateX(0); - } - - 10%, - 30%, - 50%, - 70%, - 90% { - -moz-transform: translateX(-10px); - } - - 20%, - 40%, - 60%, - 80% { - -moz-transform: translateX(10px); - } -} - -@-o-keyframes shake { - - 0%, - 100% { - -o-transform: translateX(0); - } - - 10%, - 30%, - 50%, - 70%, - 90% { - -o-transform: translateX(-10px); - } - - 20%, - 40%, - 60%, - 80% { - -o-transform: translateX(10px); - } -} - -.shake { - -webkit-animation-name: shake; - -moz-animation-name: shake; - -o-animation-name: shake; - animation-name: shake; -} - -@-webkit-keyframes bounce { - - 0%, - 20%, - 50%, - 80%, - 100% { - -webkit-transform: translateY(0); - } - - 40% { - -webkit-transform: translateY(-30px); - } - - 60% { - -webkit-transform: translateY(-15px); - } -} - -@-moz-keyframes bounce { - - 0%, - 20%, - 50%, - 80%, - 100% { - -moz-transform: translateY(0); - } - - 40% { - -moz-transform: translateY(-30px); - } - - 60% { - -moz-transform: translateY(-15px); - } -} - -@-o-keyframes bounce { - - 0%, - 20%, - 50%, - 80%, - 100% { - -o-transform: translateY(0); - } - - 40% { - -o-transform: translateY(-30px); - } - - 60% { - -o-transform: translateY(-15px); - } -} - -.bounce { - -webkit-animation-name: bounce; - -moz-animation-name: bounce; - -o-animation-name: bounce; - animation-name: bounce; -} - -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - } - - 10%, - 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - } - - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale(1.1) rotate(3deg); - } - - 40%, - 60%, - 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - } - - 100% { - -webkit-transform: scale(1) rotate(0); - } -} - -@-moz-keyframes tada { - 0% { - -moz-transform: scale(1); - } - - 10%, - 20% { - -moz-transform: scale(0.9) rotate(-3deg); - } - - 30%, - 50%, - 70%, - 90% { - -moz-transform: scale(1.1) rotate(3deg); - } - - 40%, - 60%, - 80% { - -moz-transform: scale(1.1) rotate(-3deg); - } - - 100% { - -moz-transform: scale(1) rotate(0); - } -} - -@-o-keyframes tada { - 0% { - -o-transform: scale(1); - } - - 10%, - 20% { - -o-transform: scale(0.9) rotate(-3deg); - } - - 30%, - 50%, - 70%, - 90% { - -o-transform: scale(1.1) rotate(3deg); - } - - 40%, - 60%, - 80% { - -o-transform: scale(1.1) rotate(-3deg); - } - - 100% { - -o-transform: scale(1) rotate(0); - } -} - -.tada { - -webkit-animation-name: tada; - -moz-animation-name: tada; - -o-animation-name: tada; - animation-name: tada; -} - -@-webkit-keyframes swing { - - 20%, - 40%, - 60%, - 80%, - 100% { - -webkit-transform-origin: top center; - } - - 20% { - -webkit-transform: rotate(15deg); - } - - 40% { - -webkit-transform: rotate(-10deg); - } - - 60% { - -webkit-transform: rotate(5deg); - } - - 80% { - -webkit-transform: rotate(-5deg); - } - - 100% { - -webkit-transform: rotate(0deg); - } -} - -@-moz-keyframes swing { - 20% { - -moz-transform: rotate(15deg); - } - - 40% { - -moz-transform: rotate(-10deg); - } - - 60% { - -moz-transform: rotate(5deg); - } - - 80% { - -moz-transform: rotate(-5deg); - } - - 100% { - -moz-transform: rotate(0deg); - } -} - -@-o-keyframes swing { - 20% { - -o-transform: rotate(15deg); - } - - 40% { - -o-transform: rotate(-10deg); - } - - 60% { - -o-transform: rotate(5deg); - } - - 80% { - -o-transform: rotate(-5deg); - } - - 100% { - -o-transform: rotate(0deg); - } -} - -.swing { - -webkit-transform-origin: top center; - -moz-transform-origin: top center; - -o-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - -moz-animation-name: swing; - -o-animation-name: swing; - animation-name: swing; -} - -@-webkit-keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - } - - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - } - - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - } - - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - } - - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - } - - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - } - - 100% { - -webkit-transform: translateX(0%); - } -} - -@-moz-keyframes wobble { - 0% { - -moz-transform: translateX(0%); - } - - 15% { - -moz-transform: translateX(-25%) rotate(-5deg); - } - - 30% { - -moz-transform: translateX(20%) rotate(3deg); - } - - 45% { - -moz-transform: translateX(-15%) rotate(-3deg); - } - - 60% { - -moz-transform: translateX(10%) rotate(2deg); - } - - 75% { - -moz-transform: translateX(-5%) rotate(-1deg); - } - - 100% { - -moz-transform: translateX(0%); - } -} - -@-o-keyframes wobble { - 0% { - -o-transform: translateX(0%); - } - - 15% { - -o-transform: translateX(-25%) rotate(-5deg); - } - - 30% { - -o-transform: translateX(20%) rotate(3deg); - } - - 45% { - -o-transform: translateX(-15%) rotate(-3deg); - } - - 60% { - -o-transform: translateX(10%) rotate(2deg); - } - - 75% { - -o-transform: translateX(-5%) rotate(-1deg); - } - - 100% { - -o-transform: translateX(0%); - } -} - -.wobble { - -webkit-animation-name: wobble; - -moz-animation-name: wobble; - -o-animation-name: wobble; - animation-name: wobble; -} - -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - } - - 50% { - -webkit-transform: scale(1.1); - } - - 100% { - -webkit-transform: scale(1); - } -} - -@-moz-keyframes pulse { - 0% { - -moz-transform: scale(1); - } - - 50% { - -moz-transform: scale(1.1); - } - - 100% { - -moz-transform: scale(1); - } -} - -@-o-keyframes pulse { - 0% { - -o-transform: scale(1); - } - - 50% { - -o-transform: scale(1.1); - } - - 100% { - -o-transform: scale(1); - } -} - -.pulse { - -webkit-animation-name: pulse; - -moz-animation-name: pulse; - -o-animation-name: pulse; - animation-name: pulse; -} - -@-webkit-keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -webkit-animation-timing-function: ease-in; - } - - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - } -} - -@-moz-keyframes flip { - 0% { - -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -moz-animation-timing-function: ease-out; - } - - 40% { - -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -moz-animation-timing-function: ease-out; - } - - 50% { - -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -moz-animation-timing-function: ease-in; - } - - 80% { - -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -moz-animation-timing-function: ease-in; - } - - 100% { - -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -moz-animation-timing-function: ease-in; - } -} - -@-o-keyframes flip { - 0% { - -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -o-animation-timing-function: ease-out; - } - - 40% { - -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -o-animation-timing-function: ease-out; - } - - 50% { - -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -o-animation-timing-function: ease-in; - } - - 80% { - -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -o-animation-timing-function: ease-in; - } - - 100% { - -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -o-animation-timing-function: ease-in; - } -} - -.animated.flip { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flip; - -moz-backface-visibility: visible !important; - -moz-animation-name: flip; - -o-backface-visibility: visible !important; - -o-animation-name: flip; - backface-visibility: visible !important; - animation-name: flip; -} - -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@-moz-keyframes flipInX { - 0% { - -moz-transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - -moz-transform: perspective(400px) rotateX(-10deg); - } - - 70% { - -moz-transform: perspective(400px) rotateX(10deg); - } - - 100% { - -moz-transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@-o-keyframes flipInX { - 0% { - -o-transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - -o-transform: perspective(400px) rotateX(-10deg); - } - - 70% { - -o-transform: perspective(400px) rotateX(10deg); - } - - 100% { - -o-transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -.flipInX { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flipInX; - -moz-backface-visibility: visible !important; - -moz-animation-name: flipInX; - -o-backface-visibility: visible !important; - -o-animation-name: flipInX; - backface-visibility: visible !important; - animation-name: flipInX; -} - -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@-moz-keyframes flipOutX { - 0% { - -moz-transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - -moz-transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@-o-keyframes flipOutX { - 0% { - -o-transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - -o-transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -.flipOutX { - -webkit-animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - -moz-animation-name: flipOutX; - -moz-backface-visibility: visible !important; - -o-animation-name: flipOutX; - -o-backface-visibility: visible !important; - animation-name: flipOutX; - backface-visibility: visible !important; -} - -@-webkit-keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@-moz-keyframes flipInY { - 0% { - -moz-transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - -moz-transform: perspective(400px) rotateY(-10deg); - } - - 70% { - -moz-transform: perspective(400px) rotateY(10deg); - } - - 100% { - -moz-transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@-o-keyframes flipInY { - 0% { - -o-transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - -o-transform: perspective(400px) rotateY(-10deg); - } - - 70% { - -o-transform: perspective(400px) rotateY(10deg); - } - - 100% { - -o-transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -.flipInY { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flipInY; - -moz-backface-visibility: visible !important; - -moz-animation-name: flipInY; - -o-backface-visibility: visible !important; - -o-animation-name: flipInY; - backface-visibility: visible !important; - animation-name: flipInY; -} - -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@-moz-keyframes flipOutY { - 0% { - -moz-transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - -moz-transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@-o-keyframes flipOutY { - 0% { - -o-transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - -o-transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -.flipOutY { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - -moz-backface-visibility: visible !important; - -moz-animation-name: flipOutY; - -o-backface-visibility: visible !important; - -o-animation-name: flipOutY; - backface-visibility: visible !important; - animation-name: flipOutY; -} - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-moz-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-o-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -.fadeIn { - -webkit-animation-name: fadeIn; - -moz-animation-name: fadeIn; - -o-animation-name: fadeIn; - animation-name: fadeIn; -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes fadeInUp { - 0% { - opacity: 0; - -moz-transform: translateY(20px); - } - - 100% { - opacity: 1; - -moz-transform: translateY(0); - } -} - -@-o-keyframes fadeInUp { - 0% { - opacity: 0; - -o-transform: translateY(20px); - } - - 100% { - opacity: 1; - -o-transform: translateY(0); - } -} - -.fadeInUp { - -webkit-animation-name: fadeInUp; - -moz-animation-name: fadeInUp; - -o-animation-name: fadeInUp; - animation-name: fadeInUp; -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes fadeInDown { - 0% { - opacity: 0; - -moz-transform: translateY(-20px); - } - - 100% { - opacity: 1; - -moz-transform: translateY(0); - } -} - -@-o-keyframes fadeInDown { - 0% { - opacity: 0; - -o-transform: translateY(-20px); - } - - 100% { - opacity: 1; - -o-transform: translateY(0); - } -} - -.fadeInDown { - -webkit-animation-name: fadeInDown; - -moz-animation-name: fadeInDown; - -o-animation-name: fadeInDown; - animation-name: fadeInDown; -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes fadeInLeft { - 0% { - opacity: 0; - -moz-transform: translateX(-20px); - } - - 100% { - opacity: 1; - -moz-transform: translateX(0); - } -} - -@-o-keyframes fadeInLeft { - 0% { - opacity: 0; - -o-transform: translateX(-20px); - } - - 100% { - opacity: 1; - -o-transform: translateX(0); - } -} - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - -moz-animation-name: fadeInLeft; - -o-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes fadeInRight { - 0% { - opacity: 0; - -moz-transform: translateX(20px); - } - - 100% { - opacity: 1; - -moz-transform: translateX(0); - } -} - -@-o-keyframes fadeInRight { - 0% { - opacity: 0; - -o-transform: translateX(20px); - } - - 100% { - opacity: 1; - -o-transform: translateX(0); - } -} - -.fadeInRight { - -webkit-animation-name: fadeInRight; - -moz-animation-name: fadeInRight; - -o-animation-name: fadeInRight; - animation-name: fadeInRight; -} - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes fadeInUpBig { - 0% { - opacity: 0; - -moz-transform: translateY(2000px); - } - - 100% { - opacity: 1; - -moz-transform: translateY(0); - } -} - -@-o-keyframes fadeInUpBig { - 0% { - opacity: 0; - -o-transform: translateY(2000px); - } - - 100% { - opacity: 1; - -o-transform: translateY(0); - } -} - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - -moz-animation-name: fadeInUpBig; - -o-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes fadeInDownBig { - 0% { - opacity: 0; - -moz-transform: translateY(-2000px); - } - - 100% { - opacity: 1; - -moz-transform: translateY(0); - } -} - -@-o-keyframes fadeInDownBig { - 0% { - opacity: 0; - -o-transform: translateY(-2000px); - } - - 100% { - opacity: 1; - -o-transform: translateY(0); - } -} - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - -moz-animation-name: fadeInDownBig; - -o-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -moz-transform: translateX(-2000px); - } - - 100% { - opacity: 1; - -moz-transform: translateX(0); - } -} - -@-o-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -o-transform: translateX(-2000px); - } - - 100% { - opacity: 1; - -o-transform: translateX(0); - } -} - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - -moz-animation-name: fadeInLeftBig; - -o-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes fadeInRightBig { - 0% { - opacity: 0; - -moz-transform: translateX(2000px); - } - - 100% { - opacity: 1; - -moz-transform: translateX(0); - } -} - -@-o-keyframes fadeInRightBig { - 0% { - opacity: 0; - -o-transform: translateX(2000px); - } - - 100% { - opacity: 1; - -o-transform: translateX(0); - } -} - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - -moz-animation-name: fadeInRightBig; - -o-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-moz-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-o-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -.fadeOut { - -webkit-animation-name: fadeOut; - -moz-animation-name: fadeOut; - -o-animation-name: fadeOut; - animation-name: fadeOut; -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - } -} - -@-moz-keyframes fadeOutUp { - 0% { - opacity: 1; - -moz-transform: translateY(0); - } - - 100% { - opacity: 0; - -moz-transform: translateY(-20px); - } -} - -@-o-keyframes fadeOutUp { - 0% { - opacity: 1; - -o-transform: translateY(0); - } - - 100% { - opacity: 0; - -o-transform: translateY(-20px); - } -} - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - -moz-animation-name: fadeOutUp; - -o-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - } -} - -@-moz-keyframes fadeOutDown { - 0% { - opacity: 1; - -moz-transform: translateY(0); - } - - 100% { - opacity: 0; - -moz-transform: translateY(20px); - } -} - -@-o-keyframes fadeOutDown { - 0% { - opacity: 1; - -o-transform: translateY(0); - } - - 100% { - opacity: 0; - -o-transform: translateY(20px); - } -} - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - -moz-animation-name: fadeOutDown; - -o-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - } -} - -@-moz-keyframes fadeOutLeft { - 0% { - opacity: 1; - -moz-transform: translateX(0); - } - - 100% { - opacity: 0; - -moz-transform: translateX(-20px); - } -} - -@-o-keyframes fadeOutLeft { - 0% { - opacity: 1; - -o-transform: translateX(0); - } - - 100% { - opacity: 0; - -o-transform: translateX(-20px); - } -} - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - -moz-animation-name: fadeOutLeft; - -o-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - } -} - -@-moz-keyframes fadeOutRight { - 0% { - opacity: 1; - -moz-transform: translateX(0); - } - - 100% { - opacity: 0; - -moz-transform: translateX(20px); - } -} - -@-o-keyframes fadeOutRight { - 0% { - opacity: 1; - -o-transform: translateX(0); - } - - 100% { - opacity: 0; - -o-transform: translateX(20px); - } -} - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - -moz-animation-name: fadeOutRight; - -o-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - } -} - -@-moz-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -moz-transform: translateY(0); - } - - 100% { - opacity: 0; - -moz-transform: translateY(-2000px); - } -} - -@-o-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -o-transform: translateY(0); - } - - 100% { - opacity: 0; - -o-transform: translateY(-2000px); - } -} - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - -moz-animation-name: fadeOutUpBig; - -o-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - } -} - -@-moz-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -moz-transform: translateY(0); - } - - 100% { - opacity: 0; - -moz-transform: translateY(2000px); - } -} - -@-o-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -o-transform: translateY(0); - } - - 100% { - opacity: 0; - -o-transform: translateY(2000px); - } -} - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - -moz-animation-name: fadeOutDownBig; - -o-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - } -} - -@-moz-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -moz-transform: translateX(0); - } - - 100% { - opacity: 0; - -moz-transform: translateX(-2000px); - } -} - -@-o-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -o-transform: translateX(0); - } - - 100% { - opacity: 0; - -o-transform: translateX(-2000px); - } -} - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - -moz-animation-name: fadeOutLeftBig; - -o-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - } -} - -@-moz-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -moz-transform: translateX(0); - } - - 100% { - opacity: 0; - -moz-transform: translateX(2000px); - } -} - -@-o-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -o-transform: translateX(0); - } - - 100% { - opacity: 0; - -o-transform: translateX(2000px); - } -} - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - -moz-animation-name: fadeOutRightBig; - -o-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} - -@-webkit-keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - } - - 100% { - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes slideInDown { - 0% { - opacity: 0; - -moz-transform: translateY(-2000px); - } - - 100% { - -moz-transform: translateY(0); - } -} - -@-o-keyframes slideInDown { - 0% { - opacity: 0; - -o-transform: translateY(-2000px); - } - - 100% { - -o-transform: translateY(0); - } -} - -.slideInDown { - -webkit-animation-name: slideInDown; - -moz-animation-name: slideInDown; - -o-animation-name: slideInDown; - animation-name: slideInDown; -} - -@-webkit-keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - } - - 100% { - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes slideInLeft { - 0% { - opacity: 0; - -moz-transform: translateX(-2000px); - } - - 100% { - -moz-transform: translateX(0); - } -} - -@-o-keyframes slideInLeft { - 0% { - opacity: 0; - -o-transform: translateX(-2000px); - } - - 100% { - -o-transform: translateX(0); - } -} - -.slideInLeft { - -webkit-animation-name: slideInLeft; - -moz-animation-name: slideInLeft; - -o-animation-name: slideInLeft; - animation-name: slideInLeft; -} - -@-webkit-keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - } - - 100% { - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes slideInRight { - 0% { - opacity: 0; - -moz-transform: translateX(2000px); - } - - 100% { - -moz-transform: translateX(0); - } -} - -@-o-keyframes slideInRight { - 0% { - opacity: 0; - -o-transform: translateX(2000px); - } - - 100% { - -o-transform: translateX(0); - } -} - -.slideInRight { - -webkit-animation-name: slideInRight; - -moz-animation-name: slideInRight; - -o-animation-name: slideInRight; - animation-name: slideInRight; -} - -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - } -} - -@-moz-keyframes slideOutUp { - 0% { - -moz-transform: translateY(0); - } - - 100% { - opacity: 0; - -moz-transform: translateY(-2000px); - } -} - -@-o-keyframes slideOutUp { - 0% { - -o-transform: translateY(0); - } - - 100% { - opacity: 0; - -o-transform: translateY(-2000px); - } -} - -.slideOutUp { - -webkit-animation-name: slideOutUp; - -moz-animation-name: slideOutUp; - -o-animation-name: slideOutUp; - animation-name: slideOutUp; -} - -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - } -} - -@-moz-keyframes slideOutLeft { - 0% { - -moz-transform: translateX(0); - } - - 100% { - opacity: 0; - -moz-transform: translateX(-2000px); - } -} - -@-o-keyframes slideOutLeft { - 0% { - -o-transform: translateX(0); - } - - 100% { - opacity: 0; - -o-transform: translateX(-2000px); - } -} - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - -moz-animation-name: slideOutLeft; - -o-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} - -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - } -} - -@-moz-keyframes slideOutRight { - 0% { - -moz-transform: translateX(0); - } - - 100% { - opacity: 0; - -moz-transform: translateX(2000px); - } -} - -@-o-keyframes slideOutRight { - 0% { - -o-transform: translateX(0); - } - - 100% { - opacity: 0; - -o-transform: translateX(2000px); - } -} - -.slideOutRight { - -webkit-animation-name: slideOutRight; - -moz-animation-name: slideOutRight; - -o-animation-name: slideOutRight; - animation-name: slideOutRight; -} - -@-webkit-keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.3); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - } - - 70% { - -webkit-transform: scale(0.9); - } - - 100% { - -webkit-transform: scale(1); - } -} - -@-moz-keyframes bounceIn { - 0% { - opacity: 0; - -moz-transform: scale(0.3); - } - - 50% { - opacity: 1; - -moz-transform: scale(1.05); - } - - 70% { - -moz-transform: scale(0.9); - } - - 100% { - -moz-transform: scale(1); - } -} - -@-o-keyframes bounceIn { - 0% { - opacity: 0; - -o-transform: scale(0.3); - } - - 50% { - opacity: 1; - -o-transform: scale(1.05); - } - - 70% { - -o-transform: scale(0.9); - } - - 100% { - -o-transform: scale(1); - } -} - -.bounceIn { - -webkit-animation-name: bounceIn; - -moz-animation-name: bounceIn; - -o-animation-name: bounceIn; - animation-name: bounceIn; -} - -@-webkit-keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - } - - 80% { - -webkit-transform: translateY(10px); - } - - 100% { - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes bounceInUp { - 0% { - opacity: 0; - -moz-transform: translateY(2000px); - } - - 60% { - opacity: 1; - -moz-transform: translateY(-30px); - } - - 80% { - -moz-transform: translateY(10px); - } - - 100% { - -moz-transform: translateY(0); - } -} - -@-o-keyframes bounceInUp { - 0% { - opacity: 0; - -o-transform: translateY(2000px); - } - - 60% { - opacity: 1; - -o-transform: translateY(-30px); - } - - 80% { - -o-transform: translateY(10px); - } - - 100% { - -o-transform: translateY(0); - } -} - -.bounceInUp { - -webkit-animation-name: bounceInUp; - -moz-animation-name: bounceInUp; - -o-animation-name: bounceInUp; - animation-name: bounceInUp; -} - -@-webkit-keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - } - - 80% { - -webkit-transform: translateY(-10px); - } - - 100% { - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes bounceInDown { - 0% { - opacity: 0; - -moz-transform: translateY(-2000px); - } - - 60% { - opacity: 1; - -moz-transform: translateY(30px); - } - - 80% { - -moz-transform: translateY(-10px); - } - - 100% { - -moz-transform: translateY(0); - } -} - -@-o-keyframes bounceInDown { - 0% { - opacity: 0; - -o-transform: translateY(-2000px); - } - - 60% { - opacity: 1; - -o-transform: translateY(30px); - } - - 80% { - -o-transform: translateY(-10px); - } - - 100% { - -o-transform: translateY(0); - } -} - -.bounceInDown { - -webkit-animation-name: bounceInDown; - -moz-animation-name: bounceInDown; - -o-animation-name: bounceInDown; - animation-name: bounceInDown; -} - -@-webkit-keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - } - - 80% { - -webkit-transform: translateX(-10px); - } - - 100% { - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes bounceInLeft { - 0% { - opacity: 0; - -moz-transform: translateX(-2000px); - } - - 60% { - opacity: 1; - -moz-transform: translateX(30px); - } - - 80% { - -moz-transform: translateX(-10px); - } - - 100% { - -moz-transform: translateX(0); - } -} - -@-o-keyframes bounceInLeft { - 0% { - opacity: 0; - -o-transform: translateX(-2000px); - } - - 60% { - opacity: 1; - -o-transform: translateX(30px); - } - - 80% { - -o-transform: translateX(-10px); - } - - 100% { - -o-transform: translateX(0); - } -} - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - -moz-animation-name: bounceInLeft; - -o-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} - -@-webkit-keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - } - - 80% { - -webkit-transform: translateX(10px); - } - - 100% { - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes bounceInRight { - 0% { - opacity: 0; - -moz-transform: translateX(2000px); - } - - 60% { - opacity: 1; - -moz-transform: translateX(-30px); - } - - 80% { - -moz-transform: translateX(10px); - } - - 100% { - -moz-transform: translateX(0); - } -} - -@-o-keyframes bounceInRight { - 0% { - opacity: 0; - -o-transform: translateX(2000px); - } - - 60% { - opacity: 1; - -o-transform: translateX(-30px); - } - - 80% { - -o-transform: translateX(10px); - } - - 100% { - -o-transform: translateX(0); - } -} - -.bounceInRight { - -webkit-animation-name: bounceInRight; - -moz-animation-name: bounceInRight; - -o-animation-name: bounceInRight; - animation-name: bounceInRight; -} - -@-webkit-keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - } - - 25% { - -webkit-transform: scale(0.95); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(0.3); - } -} - -@-moz-keyframes bounceOut { - 0% { - -moz-transform: scale(1); - } - - 25% { - -moz-transform: scale(0.95); - } - - 50% { - opacity: 1; - -moz-transform: scale(1.1); - } - - 100% { - opacity: 0; - -moz-transform: scale(0.3); - } -} - -@-o-keyframes bounceOut { - 0% { - -o-transform: scale(1); - } - - 25% { - -o-transform: scale(0.95); - } - - 50% { - opacity: 1; - -o-transform: scale(1.1); - } - - 100% { - opacity: 0; - -o-transform: scale(0.3); - } -} - -.bounceOut { - -webkit-animation-name: bounceOut; - -moz-animation-name: bounceOut; - -o-animation-name: bounceOut; - animation-name: bounceOut; -} - -@-webkit-keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - } -} - -@-moz-keyframes bounceOutUp { - 0% { - -moz-transform: translateY(0); - } - - 20% { - opacity: 1; - -moz-transform: translateY(20px); - } - - 100% { - opacity: 0; - -moz-transform: translateY(-2000px); - } -} - -@-o-keyframes bounceOutUp { - 0% { - -o-transform: translateY(0); - } - - 20% { - opacity: 1; - -o-transform: translateY(20px); - } - - 100% { - opacity: 0; - -o-transform: translateY(-2000px); - } -} - -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - -moz-animation-name: bounceOutUp; - -o-animation-name: bounceOutUp; - animation-name: bounceOutUp; -} - -@-webkit-keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - } -} - -@-moz-keyframes bounceOutDown { - 0% { - -moz-transform: translateY(0); - } - - 20% { - opacity: 1; - -moz-transform: translateY(-20px); - } - - 100% { - opacity: 0; - -moz-transform: translateY(2000px); - } -} - -@-o-keyframes bounceOutDown { - 0% { - -o-transform: translateY(0); - } - - 20% { - opacity: 1; - -o-transform: translateY(-20px); - } - - 100% { - opacity: 0; - -o-transform: translateY(2000px); - } -} - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - -moz-animation-name: bounceOutDown; - -o-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} - -@-webkit-keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - } -} - -@-moz-keyframes bounceOutLeft { - 0% { - -moz-transform: translateX(0); - } - - 20% { - opacity: 1; - -moz-transform: translateX(20px); - } - - 100% { - opacity: 0; - -moz-transform: translateX(-2000px); - } -} - -@-o-keyframes bounceOutLeft { - 0% { - -o-transform: translateX(0); - } - - 20% { - opacity: 1; - -o-transform: translateX(20px); - } - - 100% { - opacity: 0; - -o-transform: translateX(-2000px); - } -} - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - -moz-animation-name: bounceOutLeft; - -o-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} - -@-webkit-keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - } -} - -@-moz-keyframes bounceOutRight { - 0% { - -moz-transform: translateX(0); - } - - 20% { - opacity: 1; - -moz-transform: translateX(-20px); - } - - 100% { - opacity: 0; - -moz-transform: translateX(2000px); - } -} - -@-o-keyframes bounceOutRight { - 0% { - -o-transform: translateX(0); - } - - 20% { - opacity: 1; - -o-transform: translateX(-20px); - } - - 100% { - opacity: 0; - -o-transform: translateX(2000px); - } -} - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - -moz-animation-name: bounceOutRight; - -o-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} - -@-webkit-keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - -webkit-transform: rotate(-200deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: center center; - -webkit-transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateIn { - 0% { - -moz-transform-origin: center center; - -moz-transform: rotate(-200deg); - opacity: 0; - } - - 100% { - -moz-transform-origin: center center; - -moz-transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateIn { - 0% { - -o-transform-origin: center center; - -o-transform: rotate(-200deg); - opacity: 0; - } - - 100% { - -o-transform-origin: center center; - -o-transform: rotate(0); - opacity: 1; - } -} - -.rotateIn { - -webkit-animation-name: rotateIn; - -moz-animation-name: rotateIn; - -o-animation-name: rotateIn; - animation-name: rotateIn; -} - -@-webkit-keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInUpLeft { - 0% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(90deg); - opacity: 0; - } - - 100% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInUpLeft { - 0% { - -o-transform-origin: left bottom; - -o-transform: rotate(90deg); - opacity: 0; - } - - 100% { - -o-transform-origin: left bottom; - -o-transform: rotate(0); - opacity: 1; - } -} - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - -moz-animation-name: rotateInUpLeft; - -o-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} - -@-webkit-keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInDownLeft { - 0% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInDownLeft { - 0% { - -o-transform-origin: left bottom; - -o-transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -o-transform-origin: left bottom; - -o-transform: rotate(0); - opacity: 1; - } -} - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - -moz-animation-name: rotateInDownLeft; - -o-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} - -@-webkit-keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInUpRight { - 0% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInUpRight { - 0% { - -o-transform-origin: right bottom; - -o-transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -o-transform-origin: right bottom; - -o-transform: rotate(0); - opacity: 1; - } -} - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - -moz-animation-name: rotateInUpRight; - -o-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} - -@-webkit-keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInDownRight { - 0% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(90deg); - opacity: 0; - } - - 100% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInDownRight { - 0% { - -o-transform-origin: right bottom; - -o-transform: rotate(90deg); - opacity: 0; - } - - 100% { - -o-transform-origin: right bottom; - -o-transform: rotate(0); - opacity: 1; - } -} - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - -moz-animation-name: rotateInDownRight; - -o-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} - -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - -webkit-transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: center center; - -webkit-transform: rotate(200deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOut { - 0% { - -moz-transform-origin: center center; - -moz-transform: rotate(0); - opacity: 1; - } - - 100% { - -moz-transform-origin: center center; - -moz-transform: rotate(200deg); - opacity: 0; - } -} - -@-o-keyframes rotateOut { - 0% { - -o-transform-origin: center center; - -o-transform: rotate(0); - opacity: 1; - } - - 100% { - -o-transform-origin: center center; - -o-transform: rotate(200deg); - opacity: 0; - } -} - -.rotateOut { - -webkit-animation-name: rotateOut; - -moz-animation-name: rotateOut; - -o-animation-name: rotateOut; - animation-name: rotateOut; -} - -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutUpLeft { - 0% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(0); - opacity: 1; - } - - 100% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(-90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutUpLeft { - 0% { - -o-transform-origin: left bottom; - -o-transform: rotate(0); - opacity: 1; - } - - 100% { - -o-transform-origin: left bottom; - -o-transform: rotate(-90deg); - opacity: 0; - } -} - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - -moz-animation-name: rotateOutUpLeft; - -o-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} - -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - -webkit-transform: rotate(90deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutDownLeft { - 0% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(0); - opacity: 1; - } - - 100% { - -moz-transform-origin: left bottom; - -moz-transform: rotate(90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutDownLeft { - 0% { - -o-transform-origin: left bottom; - -o-transform: rotate(0); - opacity: 1; - } - - 100% { - -o-transform-origin: left bottom; - -o-transform: rotate(90deg); - opacity: 0; - } -} - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - -moz-animation-name: rotateOutDownLeft; - -o-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} - -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(90deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutUpRight { - 0% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(0); - opacity: 1; - } - - 100% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutUpRight { - 0% { - -o-transform-origin: right bottom; - -o-transform: rotate(0); - opacity: 1; - } - - 100% { - -o-transform-origin: right bottom; - -o-transform: rotate(90deg); - opacity: 0; - } -} - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - -moz-animation-name: rotateOutUpRight; - -o-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; -} - -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutDownRight { - 0% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(0); - opacity: 1; - } - - 100% { - -moz-transform-origin: right bottom; - -moz-transform: rotate(-90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutDownRight { - 0% { - -o-transform-origin: right bottom; - -o-transform: rotate(0); - opacity: 1; - } - - 100% { - -o-transform-origin: right bottom; - -o-transform: rotate(-90deg); - opacity: 0; - } -} - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - -moz-animation-name: rotateOutDownRight; - -o-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} - -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@-moz-keyframes lightSpeedIn { - 0% { - -moz-transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - -moz-transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - -moz-transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - -moz-transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@-o-keyframes lightSpeedIn { - 0% { - -o-transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - -o-transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - -o-transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - -o-transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - -moz-animation-name: lightSpeedIn; - -o-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - -moz-animation-timing-function: ease-out; - -o-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -@-webkit-keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@-moz-keyframes lightSpeedOut { - 0% { - -moz-transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - -moz-transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@-o-keyframes lightSpeedOut { - 0% { - -o-transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - -o-transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - -moz-animation-name: lightSpeedOut; - -o-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - -moz-animation-timing-function: ease-in; - -o-animation-timing-function: ease-in; - animation-timing-function: ease-in; -} - -@-webkit-keyframes hinge { - 0% { - -webkit-transform: rotate(0); - -webkit-transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - } - - 20%, - 60% { - -webkit-transform: rotate(80deg); - -webkit-transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - } - - 40% { - -webkit-transform: rotate(60deg); - -webkit-transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - } - - 80% { - -webkit-transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - } - - 100% { - -webkit-transform: translateY(700px); - opacity: 0; - } -} - -@-moz-keyframes hinge { - 0% { - -moz-transform: rotate(0); - -moz-transform-origin: top left; - -moz-animation-timing-function: ease-in-out; - } - - 20%, - 60% { - -moz-transform: rotate(80deg); - -moz-transform-origin: top left; - -moz-animation-timing-function: ease-in-out; - } - - 40% { - -moz-transform: rotate(60deg); - -moz-transform-origin: top left; - -moz-animation-timing-function: ease-in-out; - } - - 80% { - -moz-transform: rotate(60deg) translateY(0); - opacity: 1; - -moz-transform-origin: top left; - -moz-animation-timing-function: ease-in-out; - } - - 100% { - -moz-transform: translateY(700px); - opacity: 0; - } -} - -@-o-keyframes hinge { - 0% { - -o-transform: rotate(0); - -o-transform-origin: top left; - -o-animation-timing-function: ease-in-out; - } - - 20%, - 60% { - -o-transform: rotate(80deg); - -o-transform-origin: top left; - -o-animation-timing-function: ease-in-out; - } - - 40% { - -o-transform: rotate(60deg); - -o-transform-origin: top left; - -o-animation-timing-function: ease-in-out; - } - - 80% { - -o-transform: rotate(60deg) translateY(0); - opacity: 1; - -o-transform-origin: top left; - -o-animation-timing-function: ease-in-out; - } - - 100% { - -o-transform: translateY(700px); - opacity: 0; - } -} - -.hinge { - -webkit-animation-name: hinge; - -moz-animation-name: hinge; - -o-animation-name: hinge; - animation-name: hinge; -} - -@-webkit-keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - } -} - -@-moz-keyframes rollIn { - 0% { - opacity: 0; - -moz-transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - -moz-transform: translateX(0px) rotate(0deg); - } -} - -@-o-keyframes rollIn { - 0% { - opacity: 0; - -o-transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - -o-transform: translateX(0px) rotate(0deg); - } -} - -.rollIn { - -webkit-animation-name: rollIn; - -moz-animation-name: rollIn; - -o-animation-name: rollIn; - animation-name: rollIn; -} - -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - } -} - -@-moz-keyframes rollOut { - 0% { - opacity: 1; - -moz-transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - -moz-transform: translateX(100%) rotate(120deg); - } -} - -@-o-keyframes rollOut { - 0% { - opacity: 1; - -o-transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - -o-transform: translateX(100%) rotate(120deg); - } -} - -.rollOut { - -webkit-animation-name: rollOut; - -moz-animation-name: rollOut; - -o-animation-name: rollOut; - animation-name: rollOut; -} - -@-moz-keyframes flash { - - 0%, - 50%, - 100% { - opacity: 1; - } - - 25%, - 75% { - opacity: 0; - } -} - -@-webkit-keyframes flash { - - 0%, - 50%, - 100% { - opacity: 1; - } - - 25%, - 75% { - opacity: 0; - } -} - -@-o-keyframes flash { - - 0%, - 50%, - 100% { - opacity: 1; - } - - 25%, - 75% { - opacity: 0; - } -} - -@keyframes flash { - - 0%, - 50%, - 100% { - opacity: 1; - } - - 25%, - 75% { - opacity: 0; - } -} - -@-moz-keyframes shake { - - 0%, - 100% { - transform: translateX(0); - } - - 10%, - 30%, - 50%, - 70%, - 90% { - transform: translateX(-10px); - } - - 20%, - 40%, - 60%, - 80% { - transform: translateX(10px); - } -} - -@-webkit-keyframes shake { - - 0%, - 100% { - transform: translateX(0); - } - - 10%, - 30%, - 50%, - 70%, - 90% { - transform: translateX(-10px); - } - - 20%, - 40%, - 60%, - 80% { - transform: translateX(10px); - } -} - -@-o-keyframes shake { - - 0%, - 100% { - transform: translateX(0); - } - - 10%, - 30%, - 50%, - 70%, - 90% { - transform: translateX(-10px); - } - - 20%, - 40%, - 60%, - 80% { - transform: translateX(10px); - } -} - -@keyframes shake { - - 0%, - 100% { - transform: translateX(0); - } - - 10%, - 30%, - 50%, - 70%, - 90% { - transform: translateX(-10px); - } - - 20%, - 40%, - 60%, - 80% { - transform: translateX(10px); - } -} - -@-moz-keyframes bounce { - - 0%, - 20%, - 50%, - 80%, - 100% { - transform: translateY(0); - } - - 40% { - transform: translateY(-30px); - } - - 60% { - transform: translateY(-15px); - } -} - -@-webkit-keyframes bounce { - - 0%, - 20%, - 50%, - 80%, - 100% { - transform: translateY(0); - } - - 40% { - transform: translateY(-30px); - } - - 60% { - transform: translateY(-15px); - } -} - -@-o-keyframes bounce { - - 0%, - 20%, - 50%, - 80%, - 100% { - transform: translateY(0); - } - - 40% { - transform: translateY(-30px); - } - - 60% { - transform: translateY(-15px); - } -} - -@keyframes bounce { - - 0%, - 20%, - 50%, - 80%, - 100% { - transform: translateY(0); - } - - 40% { - transform: translateY(-30px); - } - - 60% { - transform: translateY(-15px); - } -} - -@-moz-keyframes tada { - 0% { - transform: scale(1); - } - - 10%, - 20% { - transform: scale(0.9) rotate(-3deg); - } - - 30%, - 50%, - 70%, - 90% { - transform: scale(1.1) rotate(3deg); - } - - 40%, - 60%, - 80% { - transform: scale(1.1) rotate(-3deg); - } - - 100% { - transform: scale(1) rotate(0); - } -} - -@-webkit-keyframes tada { - 0% { - transform: scale(1); - } - - 10%, - 20% { - transform: scale(0.9) rotate(-3deg); - } - - 30%, - 50%, - 70%, - 90% { - transform: scale(1.1) rotate(3deg); - } - - 40%, - 60%, - 80% { - transform: scale(1.1) rotate(-3deg); - } - - 100% { - transform: scale(1) rotate(0); - } -} - -@-o-keyframes tada { - 0% { - transform: scale(1); - } - - 10%, - 20% { - transform: scale(0.9) rotate(-3deg); - } - - 30%, - 50%, - 70%, - 90% { - transform: scale(1.1) rotate(3deg); - } - - 40%, - 60%, - 80% { - transform: scale(1.1) rotate(-3deg); - } - - 100% { - transform: scale(1) rotate(0); - } -} - -@keyframes tada { - 0% { - transform: scale(1); - } - - 10%, - 20% { - transform: scale(0.9) rotate(-3deg); - } - - 30%, - 50%, - 70%, - 90% { - transform: scale(1.1) rotate(3deg); - } - - 40%, - 60%, - 80% { - transform: scale(1.1) rotate(-3deg); - } - - 100% { - transform: scale(1) rotate(0); - } -} - -@-moz-keyframes swing { - 20% { - transform: rotate(15deg); - } - - 40% { - transform: rotate(-10deg); - } - - 60% { - transform: rotate(5deg); - } - - 80% { - transform: rotate(-5deg); - } - - 100% { - transform: rotate(0deg); - } -} - -@-webkit-keyframes swing { - 20% { - transform: rotate(15deg); - } - - 40% { - transform: rotate(-10deg); - } - - 60% { - transform: rotate(5deg); - } - - 80% { - transform: rotate(-5deg); - } - - 100% { - transform: rotate(0deg); - } -} - -@-o-keyframes swing { - 20% { - transform: rotate(15deg); - } - - 40% { - transform: rotate(-10deg); - } - - 60% { - transform: rotate(5deg); - } - - 80% { - transform: rotate(-5deg); - } - - 100% { - transform: rotate(0deg); - } -} - -@keyframes swing { - 20% { - transform: rotate(15deg); - } - - 40% { - transform: rotate(-10deg); - } - - 60% { - transform: rotate(5deg); - } - - 80% { - transform: rotate(-5deg); - } - - 100% { - transform: rotate(0deg); - } -} - -@-moz-keyframes wobble { - 0% { - transform: translateX(0%); - } - - 15% { - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - transform: translateX(20%) rotate(3deg); - } - - 45% { - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - transform: translateX(10%) rotate(2deg); - } - - 75% { - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - transform: translateX(0%); - } -} - -@-webkit-keyframes wobble { - 0% { - transform: translateX(0%); - } - - 15% { - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - transform: translateX(20%) rotate(3deg); - } - - 45% { - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - transform: translateX(10%) rotate(2deg); - } - - 75% { - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - transform: translateX(0%); - } -} - -@-o-keyframes wobble { - 0% { - transform: translateX(0%); - } - - 15% { - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - transform: translateX(20%) rotate(3deg); - } - - 45% { - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - transform: translateX(10%) rotate(2deg); - } - - 75% { - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - transform: translateX(0%); - } -} - -@keyframes wobble { - 0% { - transform: translateX(0%); - } - - 15% { - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - transform: translateX(20%) rotate(3deg); - } - - 45% { - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - transform: translateX(10%) rotate(2deg); - } - - 75% { - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - transform: translateX(0%); - } -} - -@-moz-keyframes pulse { - 0% { - transform: scale(1); - } - - 50% { - transform: scale(1.1); - } - - 100% { - transform: scale(1); - } -} - -@-webkit-keyframes pulse { - 0% { - transform: scale(1); - } - - 50% { - transform: scale(1.1); - } - - 100% { - transform: scale(1); - } -} - -@-o-keyframes pulse { - 0% { - transform: scale(1); - } - - 50% { - transform: scale(1.1); - } - - 100% { - transform: scale(1); - } -} - -@keyframes pulse { - 0% { - transform: scale(1); - } - - 50% { - transform: scale(1.1); - } - - 100% { - transform: scale(1); - } -} - -@-moz-keyframes flip { - 0% { - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - animation-timing-function: ease-out; - } - - 40% { - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - animation-timing-function: ease-out; - } - - 50% { - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - animation-timing-function: ease-in; - } - - 80% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - animation-timing-function: ease-in; - } - - 100% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - animation-timing-function: ease-in; - } -} - -@-webkit-keyframes flip { - 0% { - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - animation-timing-function: ease-out; - } - - 40% { - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - animation-timing-function: ease-out; - } - - 50% { - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - animation-timing-function: ease-in; - } - - 80% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - animation-timing-function: ease-in; - } - - 100% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - animation-timing-function: ease-in; - } -} - -@-o-keyframes flip { - 0% { - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - animation-timing-function: ease-out; - } - - 40% { - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - animation-timing-function: ease-out; - } - - 50% { - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - animation-timing-function: ease-in; - } - - 80% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - animation-timing-function: ease-in; - } - - 100% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - animation-timing-function: ease-in; - } -} - -@keyframes flip { - 0% { - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - animation-timing-function: ease-out; - } - - 40% { - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - animation-timing-function: ease-out; - } - - 50% { - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - animation-timing-function: ease-in; - } - - 80% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - animation-timing-function: ease-in; - } - - 100% { - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - animation-timing-function: ease-in; - } -} - -@-moz-keyframes flipInX { - 0% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - transform: perspective(400px) rotateX(10deg); - } - - 100% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@-webkit-keyframes flipInX { - 0% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - transform: perspective(400px) rotateX(10deg); - } - - 100% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@-o-keyframes flipInX { - 0% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - transform: perspective(400px) rotateX(10deg); - } - - 100% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@keyframes flipInX { - 0% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - transform: perspective(400px) rotateX(10deg); - } - - 100% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@-moz-keyframes flipOutX { - 0% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@-webkit-keyframes flipOutX { - 0% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@-o-keyframes flipOutX { - 0% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@keyframes flipOutX { - 0% { - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@-moz-keyframes flipInY { - 0% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - transform: perspective(400px) rotateY(10deg); - } - - 100% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@-webkit-keyframes flipInY { - 0% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - transform: perspective(400px) rotateY(10deg); - } - - 100% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@-o-keyframes flipInY { - 0% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - transform: perspective(400px) rotateY(10deg); - } - - 100% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@keyframes flipInY { - 0% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - transform: perspective(400px) rotateY(10deg); - } - - 100% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@-moz-keyframes flipOutY { - 0% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@-webkit-keyframes flipOutY { - 0% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@-o-keyframes flipOutY { - 0% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@keyframes flipOutY { - 0% { - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@-moz-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-o-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-moz-keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-o-keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-moz-keyframes fadeInDown { - 0% { - opacity: 0; - transform: translateY(-20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - transform: translateY(-20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-o-keyframes fadeInDown { - 0% { - opacity: 0; - transform: translateY(-20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - transform: translateY(-20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-moz-keyframes fadeInLeft { - 0% { - opacity: 0; - transform: translateX(-20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - transform: translateX(-20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-o-keyframes fadeInLeft { - 0% { - opacity: 0; - transform: translateX(-20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - transform: translateX(-20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-moz-keyframes fadeInRight { - 0% { - opacity: 0; - transform: translateX(20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - transform: translateX(20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-o-keyframes fadeInRight { - 0% { - opacity: 0; - transform: translateX(20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - transform: translateX(20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-moz-keyframes fadeInUpBig { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-o-keyframes fadeInUpBig { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-moz-keyframes fadeInDownBig { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-o-keyframes fadeInDownBig { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -@-moz-keyframes fadeInLeftBig { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-o-keyframes fadeInLeftBig { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-moz-keyframes fadeInRightBig { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-o-keyframes fadeInRightBig { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -@-moz-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-o-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-moz-keyframes fadeOutUp { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-20px); - } -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-20px); - } -} - -@-o-keyframes fadeOutUp { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-20px); - } -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-20px); - } -} - -@-moz-keyframes fadeOutDown { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(20px); - } -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(20px); - } -} - -@-o-keyframes fadeOutDown { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(20px); - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(20px); - } -} - -@-moz-keyframes fadeOutLeft { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-20px); - } -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-20px); - } -} - -@-o-keyframes fadeOutLeft { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-20px); - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-20px); - } -} - -@-moz-keyframes fadeOutRight { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(20px); - } -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(20px); - } -} - -@-o-keyframes fadeOutRight { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(20px); - } -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(20px); - } -} - -@-moz-keyframes fadeOutUpBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-o-keyframes fadeOutUpBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-moz-keyframes fadeOutDownBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@-o-keyframes fadeOutDownBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@-moz-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-o-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-moz-keyframes fadeOutRightBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-o-keyframes fadeOutRightBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-moz-keyframes slideInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - transform: translateY(0); - } -} - -@-webkit-keyframes slideInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - transform: translateY(0); - } -} - -@-o-keyframes slideInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - transform: translateY(0); - } -} - -@keyframes slideInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 100% { - transform: translateY(0); - } -} - -@-moz-keyframes slideInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - transform: translateX(0); - } -} - -@-webkit-keyframes slideInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - transform: translateX(0); - } -} - -@-o-keyframes slideInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - transform: translateX(0); - } -} - -@keyframes slideInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 100% { - transform: translateX(0); - } -} - -@-moz-keyframes slideInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - transform: translateX(0); - } -} - -@-webkit-keyframes slideInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - transform: translateX(0); - } -} - -@-o-keyframes slideInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - transform: translateX(0); - } -} - -@keyframes slideInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 100% { - transform: translateX(0); - } -} - -@-moz-keyframes slideOutUp { - 0% { - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-webkit-keyframes slideOutUp { - 0% { - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-o-keyframes slideOutUp { - 0% { - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@keyframes slideOutUp { - 0% { - transform: translateY(0); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-moz-keyframes slideOutLeft { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-webkit-keyframes slideOutLeft { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-o-keyframes slideOutLeft { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@keyframes slideOutLeft { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-moz-keyframes slideOutRight { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-webkit-keyframes slideOutRight { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-o-keyframes slideOutRight { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@keyframes slideOutRight { - 0% { - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-moz-keyframes bounceIn { - 0% { - opacity: 0; - transform: scale(0.3); - } - - 50% { - opacity: 1; - transform: scale(1.05); - } - - 70% { - transform: scale(0.9); - } - - 100% { - transform: scale(1); - } -} - -@-webkit-keyframes bounceIn { - 0% { - opacity: 0; - transform: scale(0.3); - } - - 50% { - opacity: 1; - transform: scale(1.05); - } - - 70% { - transform: scale(0.9); - } - - 100% { - transform: scale(1); - } -} - -@-o-keyframes bounceIn { - 0% { - opacity: 0; - transform: scale(0.3); - } - - 50% { - opacity: 1; - transform: scale(1.05); - } - - 70% { - transform: scale(0.9); - } - - 100% { - transform: scale(1); - } -} - -@keyframes bounceIn { - 0% { - opacity: 0; - transform: scale(0.3); - } - - 50% { - opacity: 1; - transform: scale(1.05); - } - - 70% { - transform: scale(0.9); - } - - 100% { - transform: scale(1); - } -} - -@-moz-keyframes bounceInUp { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 60% { - opacity: 1; - transform: translateY(-30px); - } - - 80% { - transform: translateY(10px); - } - - 100% { - transform: translateY(0); - } -} - -@-webkit-keyframes bounceInUp { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 60% { - opacity: 1; - transform: translateY(-30px); - } - - 80% { - transform: translateY(10px); - } - - 100% { - transform: translateY(0); - } -} - -@-o-keyframes bounceInUp { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 60% { - opacity: 1; - transform: translateY(-30px); - } - - 80% { - transform: translateY(10px); - } - - 100% { - transform: translateY(0); - } -} - -@keyframes bounceInUp { - 0% { - opacity: 0; - transform: translateY(2000px); - } - - 60% { - opacity: 1; - transform: translateY(-30px); - } - - 80% { - transform: translateY(10px); - } - - 100% { - transform: translateY(0); - } -} - -@-moz-keyframes bounceInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - transform: translateY(30px); - } - - 80% { - transform: translateY(-10px); - } - - 100% { - transform: translateY(0); - } -} - -@-webkit-keyframes bounceInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - transform: translateY(30px); - } - - 80% { - transform: translateY(-10px); - } - - 100% { - transform: translateY(0); - } -} - -@-o-keyframes bounceInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - transform: translateY(30px); - } - - 80% { - transform: translateY(-10px); - } - - 100% { - transform: translateY(0); - } -} - -@keyframes bounceInDown { - 0% { - opacity: 0; - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - transform: translateY(30px); - } - - 80% { - transform: translateY(-10px); - } - - 100% { - transform: translateY(0); - } -} - -@-moz-keyframes bounceInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - transform: translateX(30px); - } - - 80% { - transform: translateX(-10px); - } - - 100% { - transform: translateX(0); - } -} - -@-webkit-keyframes bounceInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - transform: translateX(30px); - } - - 80% { - transform: translateX(-10px); - } - - 100% { - transform: translateX(0); - } -} - -@-o-keyframes bounceInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - transform: translateX(30px); - } - - 80% { - transform: translateX(-10px); - } - - 100% { - transform: translateX(0); - } -} - -@keyframes bounceInLeft { - 0% { - opacity: 0; - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - transform: translateX(30px); - } - - 80% { - transform: translateX(-10px); - } - - 100% { - transform: translateX(0); - } -} - -@-moz-keyframes bounceInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 60% { - opacity: 1; - transform: translateX(-30px); - } - - 80% { - transform: translateX(10px); - } - - 100% { - transform: translateX(0); - } -} - -@-webkit-keyframes bounceInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 60% { - opacity: 1; - transform: translateX(-30px); - } - - 80% { - transform: translateX(10px); - } - - 100% { - transform: translateX(0); - } -} - -@-o-keyframes bounceInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 60% { - opacity: 1; - transform: translateX(-30px); - } - - 80% { - transform: translateX(10px); - } - - 100% { - transform: translateX(0); - } -} - -@keyframes bounceInRight { - 0% { - opacity: 0; - transform: translateX(2000px); - } - - 60% { - opacity: 1; - transform: translateX(-30px); - } - - 80% { - transform: translateX(10px); - } - - 100% { - transform: translateX(0); - } -} - -@-moz-keyframes bounceOut { - 0% { - transform: scale(1); - } - - 25% { - transform: scale(0.95); - } - - 50% { - opacity: 1; - transform: scale(1.1); - } - - 100% { - opacity: 0; - transform: scale(0.3); - } -} - -@-webkit-keyframes bounceOut { - 0% { - transform: scale(1); - } - - 25% { - transform: scale(0.95); - } - - 50% { - opacity: 1; - transform: scale(1.1); - } - - 100% { - opacity: 0; - transform: scale(0.3); - } -} - -@-o-keyframes bounceOut { - 0% { - transform: scale(1); - } - - 25% { - transform: scale(0.95); - } - - 50% { - opacity: 1; - transform: scale(1.1); - } - - 100% { - opacity: 0; - transform: scale(0.3); - } -} - -@keyframes bounceOut { - 0% { - transform: scale(1); - } - - 25% { - transform: scale(0.95); - } - - 50% { - opacity: 1; - transform: scale(1.1); - } - - 100% { - opacity: 0; - transform: scale(0.3); - } -} - -@-moz-keyframes bounceOutUp { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(20px); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-webkit-keyframes bounceOutUp { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(20px); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-o-keyframes bounceOutUp { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(20px); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@keyframes bounceOutUp { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(20px); - } - - 100% { - opacity: 0; - transform: translateY(-2000px); - } -} - -@-moz-keyframes bounceOutDown { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(-20px); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@-webkit-keyframes bounceOutDown { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(-20px); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@-o-keyframes bounceOutDown { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(-20px); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@keyframes bounceOutDown { - 0% { - transform: translateY(0); - } - - 20% { - opacity: 1; - transform: translateY(-20px); - } - - 100% { - opacity: 0; - transform: translateY(2000px); - } -} - -@-moz-keyframes bounceOutLeft { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(20px); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-webkit-keyframes bounceOutLeft { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(20px); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-o-keyframes bounceOutLeft { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(20px); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@keyframes bounceOutLeft { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(20px); - } - - 100% { - opacity: 0; - transform: translateX(-2000px); - } -} - -@-moz-keyframes bounceOutRight { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(-20px); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-webkit-keyframes bounceOutRight { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(-20px); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-o-keyframes bounceOutRight { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(-20px); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@keyframes bounceOutRight { - 0% { - transform: translateX(0); - } - - 20% { - opacity: 1; - transform: translateX(-20px); - } - - 100% { - opacity: 0; - transform: translateX(2000px); - } -} - -@-moz-keyframes rotateIn { - 0% { - transform-origin: center center; - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } -} - -@-webkit-keyframes rotateIn { - 0% { - transform-origin: center center; - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateIn { - 0% { - transform-origin: center center; - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateIn { - 0% { - transform-origin: center center; - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-webkit-keyframes rotateInUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-webkit-keyframes rotateInDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-webkit-keyframes rotateInUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateInDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-webkit-keyframes rotateInDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-o-keyframes rotateInDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } - - 100% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } -} - -@-moz-keyframes rotateOut { - 0% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: center center; - transform: rotate(200deg); - opacity: 0; - } -} - -@-webkit-keyframes rotateOut { - 0% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: center center; - transform: rotate(200deg); - opacity: 0; - } -} - -@-o-keyframes rotateOut { - 0% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: center center; - transform: rotate(200deg); - opacity: 0; - } -} - -@keyframes rotateOut { - 0% { - transform-origin: center center; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: center center; - transform: rotate(200deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - -transform-origin: left bottom; - -transform: rotate(-90deg); - opacity: 0; - } -} - -@-webkit-keyframes rotateOutUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - -transform-origin: left bottom; - -transform: rotate(-90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - -transform-origin: left bottom; - -transform: rotate(-90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - -transform-origin: left bottom; - -transform: rotate(-90deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@-webkit-keyframes rotateOutDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@keyframes rotateOutDownLeft { - 0% { - transform-origin: left bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: left bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@-webkit-keyframes rotateOutUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(90deg); - opacity: 0; - } -} - -@-moz-keyframes rotateOutDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } -} - -@-webkit-keyframes rotateOutDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } -} - -@-o-keyframes rotateOutDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } -} - -@keyframes rotateOutDownRight { - 0% { - transform-origin: right bottom; - transform: rotate(0); - opacity: 1; - } - - 100% { - transform-origin: right bottom; - transform: rotate(-90deg); - opacity: 0; - } -} - -@-moz-keyframes lightSpeedIn { - 0% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@-webkit-keyframes lightSpeedIn { - 0% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@-o-keyframes lightSpeedIn { - 0% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@keyframes lightSpeedIn { - 0% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@-moz-keyframes lightSpeedOut { - 0% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@-webkit-keyframes lightSpeedOut { - 0% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@-o-keyframes lightSpeedOut { - 0% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@keyframes lightSpeedOut { - 0% { - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@-moz-keyframes hinge { - 0% { - transform: rotate(0); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 20%, - 60% { - transform: rotate(80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 40% { - transform: rotate(60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 80% { - transform: rotate(60deg) translateY(0); - opacity: 1; - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 100% { - transform: translateY(700px); - opacity: 0; - } -} - -@-webkit-keyframes hinge { - 0% { - transform: rotate(0); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 20%, - 60% { - transform: rotate(80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 40% { - transform: rotate(60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 80% { - transform: rotate(60deg) translateY(0); - opacity: 1; - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 100% { - transform: translateY(700px); - opacity: 0; - } -} - -@-o-keyframes hinge { - 0% { - transform: rotate(0); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 20%, - 60% { - transform: rotate(80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 40% { - transform: rotate(60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 80% { - transform: rotate(60deg) translateY(0); - opacity: 1; - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 100% { - transform: translateY(700px); - opacity: 0; - } -} - -@keyframes hinge { - 0% { - transform: rotate(0); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 20%, - 60% { - transform: rotate(80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 40% { - transform: rotate(60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 80% { - transform: rotate(60deg) translateY(0); - opacity: 1; - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 100% { - transform: translateY(700px); - opacity: 0; - } -} - -@-moz-keyframes rollIn { - 0% { - opacity: 0; - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } -} - -@-webkit-keyframes rollIn { - 0% { - opacity: 0; - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } -} - -@-o-keyframes rollIn { - 0% { - opacity: 0; - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } -} - -@keyframes rollIn { - 0% { - opacity: 0; - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } -} - -@-moz-keyframes rollOut { - 0% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - transform: translateX(100%) rotate(120deg); - } -} - -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - transform: translateX(100%) rotate(120deg); - } -} - -@-o-keyframes rollOut { - 0% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - transform: translateX(100%) rotate(120deg); - } -} - -@keyframes rollOut { - 0% { - opacity: 1; - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - transform: translateX(100%) rotate(120deg); - } -} - -.article-entry pre, -.article-entry .highlight { - background: #2d2d2d; - /*margin: 0 article-padding * -1*/ - padding: 15px 20px; - border-style: solid; - border-color: #ddd; - border-width: 1px 0; - overflow: auto; - color: #ccc; - line-height: 22.400000000000002px; -} - -.article-entry .highlight .gutter pre, -.article-entry .gist .gist-file .gist-data .line-numbers { - color: #666; - font-size: 0.85em; -} - -.article-entry pre, -.article-entry code { - font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace; -} - -.article-entry code { - background: #eee; - text-shadow: 0 1px #fff; - padding: 0 0.3em; -} - -.article-entry pre code { - background: none; - text-shadow: none; - padding: 0; -} - -.article-entry .highlight pre { - border: none; - margin: 10; - padding: 0; -} - -.article-entry .highlight table { - margin: 0; - width: auto; -} - -.article-entry .highlight td { - border: none; - padding: 0; -} - -.article-entry .highlight figcaption { - font-size: 0.85em; - color: #999; - line-height: 1em; - margin-bottom: 1em; -} - -.article-entry .highlight figcaption a { - float: right; -} - -.article-entry .highlight .gutter pre { - text-align: right; - padding-right: 20px; -} - -.article-entry .highlight .line { - height: 22.400000000000002px; -} - -.article-entry .gist { - margin: 0 -20px; - border-style: solid; - border-color: #ddd; - border-width: 1px 0; - background: #2d2d2d; - padding: 15px 20px 15px 0; -} - -.article-entry .gist .gist-file { - border: none; - font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace; - margin: 0; -} - -.article-entry .gist .gist-file .gist-data { - background: none; - border: none; -} - -.article-entry .gist .gist-file .gist-data .line-numbers { - background: none; - border: none; - padding: 0 20px 0 0; -} - -.article-entry .gist .gist-file .gist-data .line-data { - padding: 0 !important; -} - -.article-entry .gist .gist-file .highlight { - margin: 0; - padding: 0; - border: none; -} - -.article-entry .gist .gist-file .gist-meta { - background: #2d2d2d; - color: #999; - font: 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif; - text-shadow: 0 0; - padding: 0; - margin-top: 1em; - margin-left: 20px; -} - -.article-entry .gist .gist-file .gist-meta a { - color: #258fb8; - font-weight: normal; -} - -.article-entry .gist .gist-file .gist-meta a:hover { - text-decoration: underline; -} - -pre .comment, -pre .title { - color: #999; -} - -pre .variable, -pre .attribute, -pre .tag, -pre .regexp, -pre .ruby .constant, -pre .xml .tag .title, -pre .xml .pi, -pre .xml .doctype, -pre .html .doctype, -pre .css .id, -pre .css .class, -pre .css .pseudo { - color: #f2777a; -} - -pre .number, -pre .preprocessor, -pre .built_in, -pre .literal, -pre .params, -pre .constant { - color: #f99157; -} - -pre .class, -pre .ruby .class .title, -pre .css .rules .attribute { - color: #9c9; -} - -pre .string, -pre .value, -pre .inheritance, -pre .header, -pre .ruby .symbol, -pre .xml .cdata { - color: #9c9; -} - -pre .css .hexcolor { - color: #6cc; -} - -pre .function, -pre .python .decorator, -pre .python .title, -pre .ruby .function .title, -pre .ruby .title .keyword, -pre .perl .sub, -pre .javascript .title, -pre .coffeescript .title { - color: #69c; -} - -pre .keyword, -pre .javascript .function { - color: #c9c; -} - -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark, -audio, -video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} - -/* HTML5 display-role reset for older browsers */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block; -} - -body { - line-height: 1; -} - -ol, -ul { - list-style: none; -} - -blockquote, -q { - quotes: none; -} - -blockquote:before, -blockquote:after { - content: ''; - content: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -figure table { - border-collapse: collapse; - border-spacing: 0; - width: 100%; - table-layout: fixed; - text-align: left; - border-width: 0px; - margin: auto; -} - -figure th, -figure td { - padding: 0px; -} - -body { - width: 100%; - *zoom: 1; -} - -body:before, -body:after { - content: ""; - display: table; -} - -body:after { - clear: both; -} - -html, -body { - height: 100%; -} - -html { - height: 100%; - max-height: 100%; -} - -body { - font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; - font-size: 1em; - color: #666; - -webkit-font-smoothing: antialiased; -} - -::selection { - background: rgba(37, 104, 163, 0.2); -} - -::-moz-selection { - background: rgba(37, 104, 163, 0.2); -} - -a { - text-decoration: none; - color: white; -} - -a:hover { - color: white; -} - -h1, -h2, -h3, -h4, -h5 { - margin-top: 1em; - margin-bottom: 0.5em; - font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; - font-weight: lighter; - color: #333; - -webkit-font-smoothing: antialiased; -} - -h1 { - margin-top: 0; - font-size: 2.5em; - line-height: 1.2em; - letter-spacing: 0.05em; -} - -h2 { - font-size: 2em; -} - -h3 { - font-size: 1.6em; -} - -h4 { - font-size: 1.2em; -} - -h4 { - font-size: 1.1em; -} - -h5 { - font-size: 1em; -} - -p { - margin-bottom: 1.3em; - line-height: 1.7em; -} - -strong { - font-weight: bold; -} - -em { - font-style: italic; -} - -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; - font-weight: lighter; - font-size: 1em; - border-left: 3px solid #4e97d8; -} - -blockquote p:last-child { - margin-bottom: 0; -} - -ol, -ul { - margin: 0 0 1.3em 2.5em; -} - -ol li, -ul li { - margin: 0 0 0.2em 0; - line-height: 1.6em; -} - -ol ol, -ol ul, -ul ol, -ul ul { - margin: 0.1em 0 0.2em 2em; -} - -ol { - list-style-type: decimal; -} - -ul { - list-style-type: disc; -} - -code { - padding: 0.1em 0.4em; - background: #e8f2fb; - border: 1px solid #c9e1f6; - border-radius: 3px; - font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; - font-size: 0.9em; - vertical-align: bottom; - word-wrap: break-word; -} - -pre { - margin-bottom: 1.3em; - padding: 1em 2.5%; - background: #e8f2fb; - border: 1px solid #c9e1f6; - border-radius: 3px; - font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; - font-size: 0.9em; - font-weight: normal; - line-height: 1.7em; - overflow: scroll; -} - -pre code { - padding: 0; - background: none; - border: none; - word-wrap: normal; -} - -table { - color: #333; - font-size: 0.9em; - text-align: center; - line-height: 40px; - border-spacing: 0; - border: 2px solid #4e97d8; - width: 90%; - margin: 50px auto; -} - -thead tr:first-child { - background-color: #4e97d8; - color: #f8f8f8; - border: none; -} - -th { - font-weight: bold; -} - -th, -td { - padding: 0 8px 0 8px; -} - -thead tr:last-child th { - border-bottom: 1px solid #ddd; -} - -tbody tr:last-child td { - border: none; -} - -tbody td { - border-bottom: 1px solid #ddd; - font-size: 0.9em; -} - -.date, -.time, -.author, -.tags { - font-size: 0.8em; - color: #c7c7c7; -} - -.date a, -.time a, -.author a, -.tags a { - color: #666; -} - -.date a:hover, -.time a:hover, -.author a:hover, -.tags a:hover { - color: #4e97d8; -} - -.excerpt { - margin: 0; - font-size: 0.9em; - color: #999; -} - -.intro { - font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; - font-size: 1.2em; - font-weight: lighter; - color: #999; -} - -.block-heading { - display: inline; - float: left; - width: 940px; - margin: 0 10px; - position: relative; - bottom: -15px; - font-size: 0.8em; - font-weight: bold; - text-align: center; - text-transform: uppercase; - letter-spacing: 1px; -} - -.label { - position: relative; - display: inline-block; - padding: 8px 18px 9px 18px; - background: #4e97d8; - border-radius: 3px; - text-align: center; - color: #fff; -} - -.container { - position: relative; - z-index: 500; - width: 940px; - margin: 0 auto; -} - -.content-wrapper { - z-index: 800; - width: 70%; - margin-left: 30%; -} - -.content-wrapper__inner { - margin: 0 10%; - padding: 50px 0; -} - -.footer { - display: block; - padding: 2em 0 0 0; - border-top: 2px solid #ddd; - font-size: 0.7em; - color: #b3b3b3; -} - -.footer__copyright { - display: block; - margin-bottom: 0.7em; -} - -.footer__copyright a { - color: #a6a6a6; - text-decoration: underline; -} - -.footer__copyright a:hover { - color: #4e97d8; -} - -.avatar, - -.logo { - border-radius: 50%; - border: 3px solid #fff; - box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); -} - -hr { - border: none; -} - -.section-title__divider { - width: 30%; - margin: 2.2em 0 2.1em 0; - border-top: 1px solid #ddd; -} - -.hidden { - display: none !important; -} - -.panel { - display: table; - width: 100%; - height: 100%; -} - -.panel__vertical { - display: table-cell; - vertical-align: middle; -} - -.panel-title { - font-family: 'Old English Text MT', 'EngraversOldEnglishBT-Bold', 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif; - margin: 0 0 5px 0; - font-size: 2.5em; - color: #fff; -} - -.panel-subtitle { - font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; - font-size: 1.2em; - font-weight: lighter; - letter-spacing: 3px; - color: #ccc; - -webkit-font-smoothing: antialiased; -} - -.iUp { - opacity: 0; - -webkit-transform: translate3d(0, 80px, 0); - -moz-transform: translate3d(0, 80px, 0); - -ms-transform: translate3d(0, 80px, 0); - -o-transform: translate3d(0, 80px, 0); - transform: translate3d(0, 80px, 0); - -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); - -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); - transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) -} - -.iUp.up { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0) -} - -.panel-cover { - display: block; - position: fixed; - z-index: 900; - width: 100%; - max-width: none; - height: 100%; - background: center center no-repeat #666; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - transition: width 0.6s ease -} - -.panel-cover--collapsed { - width: 30% -} - -.panel-cover--collapsed .iUp { - -webkit-transition: all 0 cubic-bezier(0.19, 1, 0.22, 1); - -moz-transition: all 0 cubic-bezier(0.19, 1, 0.22, 1); - transition: all 0 cubic-bezier(0.19, 1, 0.22, 1) -} - -.panel-cover--overlay { - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: #000; - z-index: 1; - -moz-opacity: .55; - opacity: .55; -} - -.panel-cover__logo { - margin-bottom: 0.2em; - -} - -.panel-cover__description { - margin: 0 30px; -} - -.panel-cover__divider { - width: 50%; - margin: 20px auto; - border-top: 1px solid rgba(255, 255, 255, 0.14); -} - -.panel-cover__divider--secondary { - width: 15%; -} - -.panel-main { - display: table; - width: 100%; - height: 100%; -} - -.panel-main__inner { - display: table-cell; - vertical-align: middle; - position: relative; - z-index: 800; - padding: 0 60px; -} - -.panel-main__content { - max-width: 620px; - margin: 0 auto; -} - -.panel-main__content--fixed { - width: 480px; - transition: width 1s; - -webkit-transition: width 1s; - /* Safari */ -} - -.panel-inverted { - font-weight: 100; - text-align: center; - color: #fff; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -} - -.panel-inverted a { - color: #fff; -} - -.cover-navigation { - margin-top: 42px; -} - -.cover-navigation--social { - margin-left: 30px; -} - -.btn, -.navigation__item a { - padding: 10px 20px; - border: 1px solid #4e97d8; - border-radius: 20px; - font-size: 0.9em; - font-weight: bold; - letter-spacing: 1px; - text-shadow: none; - color: #4e97d8; - -webkit-font-smoothing: antialiased; -} - -.btn:hover, -.navigation__item a:hover { - color: #4e97d8; - border-color: #4e97d8; -} - -.btn-border-small { - border: 1px solid #4e97d8; - border-radius: 20px; - padding: 6px 8px; - font-size: 0.8em; - margin-left: 10px; -} - -.btn-secondary { - border-color: #5ba4e5; - color: #5ba4e5; -} - -.btn-secondary:hover { - color: #217fd2; - border-color: #217fd2; -} - -.btn-tertiary { - border-color: #999; - color: #999; -} - -.btn-tertiary:hover { - color: #737373; - border-color: #737373; -} - -.btn-large { - padding: 10px 24px; - font-size: 1.1em; -} - -.btn-small { - padding: 8px 12px; - font-size: 0.7em; -} - -.btn-mobile-menu { - display: none; - position: fixed; - z-index: 9999; - top: 0; - right: 0; - left: 0; - width: 100%; - height: 35px; - background: rgba(51, 51, 51, 0.98); - border-bottom: 1px solid rgba(255, 255, 255, 0.1); - text-align: center; -} - -.btn-mobile-menu__icon, -.btn-mobile-close__icon { - position: relative; - top: 10px; - color: #fff; -} - -nav { - display: inline-block; - position: relative; -} - -.navigation { - display: inline-block; - /*float: left;*/ - position: relative; - margin: 0; - list-style-type: none; -} - -.navigation__item { - display: inline-block; - margin: 5px 1px 0 0; - line-height: 1em; -} - -.navigation__item a { - display: block; - position: relative; - border-color: #fff; - color: #fff; - opacity: 0.8; - transition: 0.3s; -} - -.navigation__item a:hover { - color: #fff; - border-color: #fff; - opacity: 1; - transition: 0.3s; -} - -.navigation--social a { - border: 0px; - padding: 6px 8px 6px 9px; -} - -.navigation--social a .label { - display: none; -} - -.navigation--social a .icon { - display: block; - font-size: 1.7em; -} - -.pagination { - display: block; - margin: 0 0 4em 0; -} - -.pagination__page-number { - margin: 0; - font-size: 0.8em; - color: #999; -} - -.pagination__newer { - margin-right: 1em; -} - -.pagination__older { - margin-left: 1em; -} - -i { - font-family: 'entypo'; - font-weight: normal; - font-style: normal; - font-size: 18px; -} - -.social { - font-size: 22px; -} - -.icon-social { - font-family: 'entypo-social'; - font-size: 22px; - display: block; - position: relative; -} - -*:focus { - outline: none; -} - -@media all and (max-width: 1100px) { - /* - .panel-cover__logo { - width: 70px; - } - - .panel-title { - font-size: 2em; - } - - .panel-subtitle { - font-size: 1em; - } - - .panel-cover__description { - margin: 0 10px; - font-size: 0.9em; - } - - .navigation--social { - margin-top: 5px; - margin-left: 0; - } - */ -} - -@media all and (max-width: 960px) { - /* - .btn-mobile-menu { - display: block; - } - - .panel-main { - display: table; - position: relative; - } - - .panel-cover--collapsed { - width: 100%; - max-width: none; - } - - .panel-main__inner { - display: table-cell; - padding: 60px 10%; - } - - .panel-cover__description { - display: block; - max-width: 600px; - margin: 0 auto; - } - - .panel-cover__divider--secondary { - display: none; - } - - .panel-cover { - width: 100%; - height: 100%; - background-position: center center; - } - - .panel-cover.panel-cover--collapsed { - display: block; - position: relative; - height: auto; - padding: 0; - background-position: center center; - } - - .panel-cover.panel-cover--collapsed .panel-main__inner { - display: block; - padding: 70px 0 30px 0; - } - - .panel-cover.panel-cover--collapsed .panel-cover__logo { - width: 60px; - border-width: 2px; - } - - .panel-cover.panel-cover--collapsed .panel-cover__description { - display: none; - } - - .panel-cover.panel-cover--collapsed .panel-cover__divider { - display: none; - margin: 1em auto; - } - - .navigation-wrapper { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - width: 100%; - padding: 20px 0; - background: rgba(51, 51, 51, 0.98); - border-bottom: 1px solid rgba(255, 255, 255, 0.15); - } - - .navigation-wrapper.visible { - display: block; - } - - .cover-navigation { - display: block; - position: relative; - float: left; - clear: left; - width: 100%; - } - - .cover-navigation .navigation { - display: block; - width: 100%; - } - - .cover-navigation .navigation li { - width: 80%; - margin-bottom: 0.4em; - } - - .cover-navigation.navigation--social { - padding-top: 5px; - } - - .cover-navigation.navigation--social .navigation li { - display: inline-block; - width: 20%; - } - - .content-wrapper { - width: 80%; - max-width: none; - margin: 0 auto; - } - - .content-wrapper__inner { - margin-right: 0; - margin-left: 0; - } - - .navigation__item { - width: 100%; - margin: 0 0 0.4em 0; - } - */ -} - -@media all and (max-width: 510px) { - .navigation { - line-height: 50px; - } - -} - -@media all and (max-width: 340px) { - .panel-main__inner { - padding: 0 5%; - } - - .panel-title { - margin-bottom: 0.1em; - font-size: 1.5em; - } - - .panel-subtitle { - font-size: 0.9em; - } - - .btn, - .navigation__item a { - display: block; - margin-bottom: 0.4em; - } -} - -/***************************************************************************************/ -.remark { - position: sticky; - z-index: 900; - bottom: 0; - text-align: center; - color: #fff; - opacity: .60 !important; - padding-bottom: 3px; - background-color: black; -} - -.power { - display: inline-block; - color: #fff !important; - letter-spacing: 0; - font-size: 10px; - line-height: 30px; - margin: 0 auto; - margin-top: 3px; -} - -.beian { - position: absolute; - z-index: 900; - bottom: 0; - right: 5px; - text-align: center; - color: #fff; - opacity: .25 !important; - padding-bottom: 3px; - letter-spacing: -3px; - font-size: 0; -} - -.gwab, -.icp { - display: inline-block; - color: #fff !important; - letter-spacing: 0; - font-size: 10px; - line-height: 16px; - margin: 0; - vertical-align: middle; -} - -.gwab { - background: url(/img/beian.png) no-repeat; - background-size: 12px 12px; - background-position: 3px 2px; - padding-left: 18px; -} - -@-webkit-keyframes btnGroups { - 0% { - -webkit-transform: scale(1.2, 0.8); - } - - 1% { - -webkit-transform: scale(1.18, 0.82); - } - - 2% { - -webkit-transform: scale(1.16, 0.84); - } - - 3% { - -webkit-transform: scale(1.13, 0.87); - } - - 4% { - -webkit-transform: scale(1.1, 0.9); - } - - 5% { - -webkit-transform: scale(1.07, 0.93); - } - - 6% { - -webkit-transform: scale(1.04, 0.96); - } - - 7% { - -webkit-transform: scale(1.01, 0.99); - } - - 8% { - -webkit-transform: scale(0.99, 1.01); - } - - 9% { - -webkit-transform: scale(0.97, 1.03); - } - - 10% { - -webkit-transform: scale(0.95, 1.05); - } - - 11% { - -webkit-transform: scale(0.94, 1.06); - } - - 12% { - -webkit-transform: scale(0.93, 1.07); - } - - 13% { - -webkit-transform: scale(0.93, 1.07); - } - - 14% { - -webkit-transform: scale(0.93, 1.07); - } - - 15% { - -webkit-transform: scale(0.93, 1.07); - } - - 16% { - -webkit-transform: scale(0.94, 1.06); - } - - 17% { - -webkit-transform: scale(0.94, 1.06); - } - - 18% { - -webkit-transform: scale(0.95, 1.05); - } - - 19% { - -webkit-transform: scale(0.96, 1.04); - } - - 20% { - -webkit-transform: scale(0.98, 1.02); - } - - 21% { - -webkit-transform: scale(0.99, 1.01); - } - - 22% { - -webkit-transform: scale(1, 1); - } - - 23% { - -webkit-transform: scale(1, 1); - } - - 24% { - -webkit-transform: scale(1.01, 0.99); - } - - 25% { - -webkit-transform: scale(1.02, 0.98); - } - - 26% { - -webkit-transform: scale(1.02, 0.98); - } - - 27% { - -webkit-transform: scale(1.02, 0.98); - } - - 28% { - -webkit-transform: scale(1.03, 0.97); - } - - 29% { - -webkit-transform: scale(1.03, 0.97); - } - - 30% { - -webkit-transform: scale(1.02, 0.98); - } - - 31% { - -webkit-transform: scale(1.02, 0.98); - } - - 32% { - -webkit-transform: scale(1.02, 0.98); - } - - 33% { - -webkit-transform: scale(1.02, 0.98); - } - - 34% { - -webkit-transform: scale(1.01, 0.99); - } - - 35% { - -webkit-transform: scale(1.01, 0.99); - } - - 36% { - -webkit-transform: scale(1.01, 0.99); - } - - 37% { - -webkit-transform: scale(1, 1); - } - - 38% { - -webkit-transform: scale(1, 1); - } - - 39% { - -webkit-transform: scale(1, 1); - } - - 40% { - -webkit-transform: scale(0.99, 1.01); - } - - 41% { - -webkit-transform: scale(0.99, 1.01); - } - - 42% { - -webkit-transform: scale(0.99, 1.01); - } - - 43% { - -webkit-transform: scale(0.99, 1.01); - } - - 44% { - -webkit-transform: scale(0.99, 1.01); - } - - 45% { - -webkit-transform: scale(0.99, 1.01); - } - - 46% { - -webkit-transform: scale(0.99, 1.01); - } - - 47% { - -webkit-transform: scale(0.99, 1.01); - } - - 48% { - -webkit-transform: scale(0.99, 1.01); - } - - 49% { - -webkit-transform: scale(1, 1); - } -} - -@-moz-keyframes btnGroups { - 0% { - -webkit-transform: scale(1.2, 0.8); - -moz-transform: scale(1.2, 0.8); - -ms-transform: scale(1.2, 0.8); - transform: scale(1.2, 0.8); - } - - 1% { - -webkit-transform: scale(1.18, 0.82); - -moz-transform: scale(1.18, 0.82); - -ms-transform: scale(1.18, 0.82); - transform: scale(1.18, 0.82); - } - - 2% { - -webkit-transform: scale(1.16, 0.84); - -moz-transform: scale(1.16, 0.84); - -ms-transform: scale(1.16, 0.84); - transform: scale(1.16, 0.84); - } - - 3% { - -webkit-transform: scale(1.13, 0.87); - -moz-transform: scale(1.13, 0.87); - -ms-transform: scale(1.13, 0.87); - transform: scale(1.13, 0.87); - } - - 4% { - -webkit-transform: scale(1.1, 0.9); - -moz-transform: scale(1.1, 0.9); - -ms-transform: scale(1.1, 0.9); - transform: scale(1.1, 0.9); - } - - 5% { - -webkit-transform: scale(1.07, 0.93); - -moz-transform: scale(1.07, 0.93); - -ms-transform: scale(1.07, 0.93); - transform: scale(1.07, 0.93); - } - - 6% { - -webkit-transform: scale(1.04, 0.96); - -moz-transform: scale(1.04, 0.96); - -ms-transform: scale(1.04, 0.96); - transform: scale(1.04, 0.96); - } - - 7% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 8% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 9% { - -webkit-transform: scale(0.97, 1.03); - -moz-transform: scale(0.97, 1.03); - -ms-transform: scale(0.97, 1.03); - transform: scale(0.97, 1.03); - } - - 10% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 11% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 12% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 13% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 14% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 15% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 16% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 17% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 18% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 19% { - -webkit-transform: scale(0.96, 1.04); - -moz-transform: scale(0.96, 1.04); - -ms-transform: scale(0.96, 1.04); - transform: scale(0.96, 1.04); - } - - 20% { - -webkit-transform: scale(0.98, 1.02); - -moz-transform: scale(0.98, 1.02); - -ms-transform: scale(0.98, 1.02); - transform: scale(0.98, 1.02); - } - - 21% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 22% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 23% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 24% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 25% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 26% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 27% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 28% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 29% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 30% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 31% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 32% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 33% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 34% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 35% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 36% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 37% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 38% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 39% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 40% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 41% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 42% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 43% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 44% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 45% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 46% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 47% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 48% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 49% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } -} - -@-webkit-keyframes btnGroups { - 0% { - -webkit-transform: scale(1.2, 0.8); - -moz-transform: scale(1.2, 0.8); - -ms-transform: scale(1.2, 0.8); - transform: scale(1.2, 0.8); - } - - 1% { - -webkit-transform: scale(1.18, 0.82); - -moz-transform: scale(1.18, 0.82); - -ms-transform: scale(1.18, 0.82); - transform: scale(1.18, 0.82); - } - - 2% { - -webkit-transform: scale(1.16, 0.84); - -moz-transform: scale(1.16, 0.84); - -ms-transform: scale(1.16, 0.84); - transform: scale(1.16, 0.84); - } - - 3% { - -webkit-transform: scale(1.13, 0.87); - -moz-transform: scale(1.13, 0.87); - -ms-transform: scale(1.13, 0.87); - transform: scale(1.13, 0.87); - } - - 4% { - -webkit-transform: scale(1.1, 0.9); - -moz-transform: scale(1.1, 0.9); - -ms-transform: scale(1.1, 0.9); - transform: scale(1.1, 0.9); - } - - 5% { - -webkit-transform: scale(1.07, 0.93); - -moz-transform: scale(1.07, 0.93); - -ms-transform: scale(1.07, 0.93); - transform: scale(1.07, 0.93); - } - - 6% { - -webkit-transform: scale(1.04, 0.96); - -moz-transform: scale(1.04, 0.96); - -ms-transform: scale(1.04, 0.96); - transform: scale(1.04, 0.96); - } - - 7% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 8% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 9% { - -webkit-transform: scale(0.97, 1.03); - -moz-transform: scale(0.97, 1.03); - -ms-transform: scale(0.97, 1.03); - transform: scale(0.97, 1.03); - } - - 10% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 11% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 12% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 13% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 14% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 15% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 16% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 17% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 18% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 19% { - -webkit-transform: scale(0.96, 1.04); - -moz-transform: scale(0.96, 1.04); - -ms-transform: scale(0.96, 1.04); - transform: scale(0.96, 1.04); - } - - 20% { - -webkit-transform: scale(0.98, 1.02); - -moz-transform: scale(0.98, 1.02); - -ms-transform: scale(0.98, 1.02); - transform: scale(0.98, 1.02); - } - - 21% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 22% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 23% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 24% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 25% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 26% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 27% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 28% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 29% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 30% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 31% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 32% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 33% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 34% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 35% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 36% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 37% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 38% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 39% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 40% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 41% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 42% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 43% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 44% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 45% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 46% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 47% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 48% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 49% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } -} - -@-o-keyframes btnGroups { - 0% { - -webkit-transform: scale(1.2, 0.8); - -moz-transform: scale(1.2, 0.8); - -ms-transform: scale(1.2, 0.8); - transform: scale(1.2, 0.8); - } - - 1% { - -webkit-transform: scale(1.18, 0.82); - -moz-transform: scale(1.18, 0.82); - -ms-transform: scale(1.18, 0.82); - transform: scale(1.18, 0.82); - } - - 2% { - -webkit-transform: scale(1.16, 0.84); - -moz-transform: scale(1.16, 0.84); - -ms-transform: scale(1.16, 0.84); - transform: scale(1.16, 0.84); - } - - 3% { - -webkit-transform: scale(1.13, 0.87); - -moz-transform: scale(1.13, 0.87); - -ms-transform: scale(1.13, 0.87); - transform: scale(1.13, 0.87); - } - - 4% { - -webkit-transform: scale(1.1, 0.9); - -moz-transform: scale(1.1, 0.9); - -ms-transform: scale(1.1, 0.9); - transform: scale(1.1, 0.9); - } - - 5% { - -webkit-transform: scale(1.07, 0.93); - -moz-transform: scale(1.07, 0.93); - -ms-transform: scale(1.07, 0.93); - transform: scale(1.07, 0.93); - } - - 6% { - -webkit-transform: scale(1.04, 0.96); - -moz-transform: scale(1.04, 0.96); - -ms-transform: scale(1.04, 0.96); - transform: scale(1.04, 0.96); - } - - 7% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 8% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 9% { - -webkit-transform: scale(0.97, 1.03); - -moz-transform: scale(0.97, 1.03); - -ms-transform: scale(0.97, 1.03); - transform: scale(0.97, 1.03); - } - - 10% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 11% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 12% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 13% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 14% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 15% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 16% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 17% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 18% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 19% { - -webkit-transform: scale(0.96, 1.04); - -moz-transform: scale(0.96, 1.04); - -ms-transform: scale(0.96, 1.04); - transform: scale(0.96, 1.04); - } - - 20% { - -webkit-transform: scale(0.98, 1.02); - -moz-transform: scale(0.98, 1.02); - -ms-transform: scale(0.98, 1.02); - transform: scale(0.98, 1.02); - } - - 21% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 22% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 23% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 24% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 25% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 26% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 27% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 28% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 29% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 30% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 31% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 32% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 33% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 34% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 35% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 36% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 37% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 38% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 39% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 40% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 41% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 42% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 43% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 44% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 45% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 46% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 47% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 48% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 49% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } -} - -@keyframes btnGroups { - 0% { - -webkit-transform: scale(1.2, 0.8); - -moz-transform: scale(1.2, 0.8); - -ms-transform: scale(1.2, 0.8); - transform: scale(1.2, 0.8); - } - - 1% { - -webkit-transform: scale(1.18, 0.82); - -moz-transform: scale(1.18, 0.82); - -ms-transform: scale(1.18, 0.82); - transform: scale(1.18, 0.82); - } - - 2% { - -webkit-transform: scale(1.16, 0.84); - -moz-transform: scale(1.16, 0.84); - -ms-transform: scale(1.16, 0.84); - transform: scale(1.16, 0.84); - } - - 3% { - -webkit-transform: scale(1.13, 0.87); - -moz-transform: scale(1.13, 0.87); - -ms-transform: scale(1.13, 0.87); - transform: scale(1.13, 0.87); - } - - 4% { - -webkit-transform: scale(1.1, 0.9); - -moz-transform: scale(1.1, 0.9); - -ms-transform: scale(1.1, 0.9); - transform: scale(1.1, 0.9); - } - - 5% { - -webkit-transform: scale(1.07, 0.93); - -moz-transform: scale(1.07, 0.93); - -ms-transform: scale(1.07, 0.93); - transform: scale(1.07, 0.93); - } - - 6% { - -webkit-transform: scale(1.04, 0.96); - -moz-transform: scale(1.04, 0.96); - -ms-transform: scale(1.04, 0.96); - transform: scale(1.04, 0.96); - } - - 7% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 8% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 9% { - -webkit-transform: scale(0.97, 1.03); - -moz-transform: scale(0.97, 1.03); - -ms-transform: scale(0.97, 1.03); - transform: scale(0.97, 1.03); - } - - 10% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 11% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 12% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 13% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 14% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 15% { - -webkit-transform: scale(0.93, 1.07); - -moz-transform: scale(0.93, 1.07); - -ms-transform: scale(0.93, 1.07); - transform: scale(0.93, 1.07); - } - - 16% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 17% { - -webkit-transform: scale(0.94, 1.06); - -moz-transform: scale(0.94, 1.06); - -ms-transform: scale(0.94, 1.06); - transform: scale(0.94, 1.06); - } - - 18% { - -webkit-transform: scale(0.95, 1.05); - -moz-transform: scale(0.95, 1.05); - -ms-transform: scale(0.95, 1.05); - transform: scale(0.95, 1.05); - } - - 19% { - -webkit-transform: scale(0.96, 1.04); - -moz-transform: scale(0.96, 1.04); - -ms-transform: scale(0.96, 1.04); - transform: scale(0.96, 1.04); - } - - 20% { - -webkit-transform: scale(0.98, 1.02); - -moz-transform: scale(0.98, 1.02); - -ms-transform: scale(0.98, 1.02); - transform: scale(0.98, 1.02); - } - - 21% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 22% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 23% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 24% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 25% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 26% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 27% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 28% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 29% { - -webkit-transform: scale(1.03, 0.97); - -moz-transform: scale(1.03, 0.97); - -ms-transform: scale(1.03, 0.97); - transform: scale(1.03, 0.97); - } - - 30% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 31% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 32% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 33% { - -webkit-transform: scale(1.02, 0.98); - -moz-transform: scale(1.02, 0.98); - -ms-transform: scale(1.02, 0.98); - transform: scale(1.02, 0.98); - } - - 34% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 35% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 36% { - -webkit-transform: scale(1.01, 0.99); - -moz-transform: scale(1.01, 0.99); - -ms-transform: scale(1.01, 0.99); - transform: scale(1.01, 0.99); - } - - 37% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 38% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 39% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } - - 40% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 41% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 42% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 43% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 44% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 45% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 46% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 47% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 48% { - -webkit-transform: scale(0.99, 1.01); - -moz-transform: scale(0.99, 1.01); - -ms-transform: scale(0.99, 1.01); - transform: scale(0.99, 1.01); - } - - 49% { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - } -} - -/*弹窗美化*/ -/*.iziToast:after { - box-shadow: none !important; -} - -.iziToast { - border-radius: 5px !important; -} -*/ -.iziToast-message.slideIn { - margin-top: 5px !important; -} \ No newline at end of file diff --git a/old/favicon.ico b/old/favicon.ico deleted file mode 100644 index 918e412..0000000 Binary files a/old/favicon.ico and /dev/null differ diff --git a/old/images/apple-touch-icon.png b/old/images/apple-touch-icon.png deleted file mode 100644 index d2c821d..0000000 Binary files a/old/images/apple-touch-icon.png and /dev/null differ diff --git a/old/images/logo.png b/old/images/logo.png deleted file mode 100644 index d2c821d..0000000 Binary files a/old/images/logo.png and /dev/null differ diff --git a/old/images/weixin.png b/old/images/weixin.png deleted file mode 100644 index 81f015e..0000000 Binary files a/old/images/weixin.png and /dev/null differ diff --git a/old/index.html b/old/index.html deleted file mode 100644 index c16f809..0000000 --- a/old/index.html +++ /dev/null @@ -1,201 +0,0 @@ - - - -
- - - - - - - - - -Welcome to my website
-每一个人都应该明确自己的方向和位置
-
- -「無名」
-
Copyright © 2020 - 無名 -
-