From 4081c9699e56b12e82817314ba7088a22c7b5fb4 Mon Sep 17 00:00:00 2001 From: zollero Date: Fri, 15 Sep 2017 17:16:39 +0800 Subject: [PATCH] rebuild webpack config --- build/build.js | 46 ++++---- build/check-versions.js | 2 +- build/dev-client.js | 9 -- build/dev-server.js | 95 ---------------- build/vue-loader.conf.js | 19 ---- build/webpack.base.conf.js | 2 +- build/webpack.dev.conf.js | 42 ------- build/webpack.prod.conf.js | 5 +- config/index.js | 4 +- index.html | 3 - manifest.json | 4 +- package.json | 7 +- src/App.vue | 12 -- src/App/index.less | 214 +++++++++++++++++++++++++++++++++++ src/App/index.vue | 226 +++++++++++++++++++++++++++++++++++++ src/main.js | 6 +- static/css/animate.min.css | 11 ++ static/css/base.less | 44 ++++++++ static/fonts/iconfont.css | 42 +++++++ static/fonts/iconfont.eot | Bin 0 -> 6746 bytes static/fonts/iconfont.svg | 61 ++++++++++ static/fonts/iconfont.ttf | Bin 0 -> 6464 bytes static/fonts/iconfont.woff | Bin 0 -> 4056 bytes 23 files changed, 631 insertions(+), 223 deletions(-) delete mode 100644 build/dev-client.js delete mode 100644 build/dev-server.js delete mode 100644 build/vue-loader.conf.js delete mode 100644 build/webpack.dev.conf.js delete mode 100644 src/App.vue create mode 100644 src/App/index.less create mode 100644 src/App/index.vue create mode 100644 static/css/animate.min.css create mode 100644 static/css/base.less create mode 100644 static/fonts/iconfont.css create mode 100644 static/fonts/iconfont.eot create mode 100644 static/fonts/iconfont.svg create mode 100644 static/fonts/iconfont.ttf create mode 100644 static/fonts/iconfont.woff diff --git a/build/build.js b/build/build.js index f67b4a0..9026d6b 100644 --- a/build/build.js +++ b/build/build.js @@ -2,39 +2,31 @@ require('./check-versions')() const NODE_ENV = process.env.NODE_ENV = process.env.NODE_ENV || 'production' var ora = require('ora') -var rm = require('rimraf') var path = require('path') var chalk = require('chalk') var webpack = require('webpack') var config = require('../config') -var webpackConfig = NODE_ENV === 'production' - ? require('./webpack.prod.conf') - : require('./webpack.dev.conf') -var exec = require('child_process').exec -var spinner = ora('building for '+ NODE_ENV +'...') +var webpackConfig = require('./webpack.prod.conf') +var spinner = ora('Start building ...') + spinner.start() -var buildStyleScript = require('../package.json').scripts['theme'] -rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { +const compiler = webpack(webpackConfig) + +compiler.watch({}, function (err, stats) { + spinner.stop() if (err) throw err - exec(buildStyleScript, function (err){ - if (err) throw err - webpack(webpackConfig, function (err, stats) { - spinner.stop() - if (err) throw err - process.stdout.write(stats.toString({ - colors: true, - modules: false, - children: false, - chunks: false, - chunkModules: false - }) + '\n\n') + process.stdout.write(stats.toString({ + colors: true, + modules: false, + children: false, + chunks: false, + chunkModules: false + }) + '\n\n') - console.log(chalk.cyan(' Build complete.\n')) - console.log(chalk.yellow( - ' Tip: built files are meant to be served over an HTTP server.\n' + - ' Opening index.html over file:// won\'t work.\n' - )) - }) - }) + console.log(chalk.cyan(' Build complete.\n')) + console.log(chalk.yellow( + ' ' + new Date() + )) }) + diff --git a/build/check-versions.js b/build/check-versions.js index 100f3a0..b3e7e17 100644 --- a/build/check-versions.js +++ b/build/check-versions.js @@ -11,7 +11,7 @@ var versionRequirements = [ name: 'node', currentVersion: semver.clean(process.version), versionRequirement: packageConfig.engines.node - }, + } ] if (shell.which('npm')) { diff --git a/build/dev-client.js b/build/dev-client.js deleted file mode 100644 index 18aa1e2..0000000 --- a/build/dev-client.js +++ /dev/null @@ -1,9 +0,0 @@ -/* eslint-disable */ -require('eventsource-polyfill') -var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') - -hotClient.subscribe(function (event) { - if (event.action === 'reload') { - window.location.reload() - } -}) diff --git a/build/dev-server.js b/build/dev-server.js deleted file mode 100644 index 26a05d8..0000000 --- a/build/dev-server.js +++ /dev/null @@ -1,95 +0,0 @@ -require('./check-versions')() - -var config = require('../config') -if (!process.env.NODE_ENV) { - process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) -} - -var opn = require('opn') -var path = require('path') -var express = require('express') -var webpack = require('webpack') -var proxyMiddleware = require('http-proxy-middleware') -var webpackConfig = require('./webpack.dev.conf') - -// default port where dev server listens for incoming traffic -var port = process.env.PORT || config.dev.port -// automatically open browser, if not set will be false -var autoOpenBrowser = !!config.dev.autoOpenBrowser -// Define HTTP proxies to your custom API backend -// https://github.com/chimurai/http-proxy-middleware -var proxyTable = config.dev.proxyTable - -var app = express() -var runWebpack = function () { - var compiler = webpack(webpackConfig) - - var devMiddleware = require('webpack-dev-middleware')(compiler, { - publicPath: webpackConfig.output.publicPath, - quiet: true - }) - - var hotMiddleware = require('webpack-hot-middleware')(compiler, { - log: () => {} - }) - // force page reload when html-webpack-plugin template changes - compiler.plugin('compilation', function (compilation) { - compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { - hotMiddleware.publish({ action: 'reload' }) - cb() - }) - }) - - console.log('sssss') - - // proxy api requests - // Object.keys(proxyTable).forEach(function (context) { - // var options = proxyTable[context] - // if (typeof options === 'string') { - // options = { target: options } - // } - // app.use(proxyMiddleware(options.filter || context, options)) - // }) - - // handle fallback for HTML5 history API - // app.use(require('connect-history-api-fallback')()) - - // serve webpack bundle output - app.use(devMiddleware) - - // enable hot-reload and state-preserving - // compilation error display - app.use(hotMiddleware) - - devMiddleware.waitUntilValid(() => { - console.log('> Listening at ' + uri + '\n') - // when env is testing, don't need open it - if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { - opn(uri) - } - _resolve() - }) -} - -// serve pure static assets -var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) -app.use(staticPath, express.static('./static')) - -var uri = 'http://localhost:' + port - -var _resolve -var readyPromise = new Promise(resolve => { - _resolve = resolve -}) - -var server = app.listen(port) - -runWebpack() - -module.exports = { - ready: readyPromise, - close: () => { - server.close() - } -} - diff --git a/build/vue-loader.conf.js b/build/vue-loader.conf.js deleted file mode 100644 index 43bd679..0000000 --- a/build/vue-loader.conf.js +++ /dev/null @@ -1,19 +0,0 @@ -var utils = require('./utils') -var config = require('../config') -var isProduction = process.env.NODE_ENV === 'production' - -// module.exports = { -// loaders: utils.cssLoaders({ -// sourceMap: isProduction -// ? config.build.productionSourceMap -// : config.dev.cssSourceMap, -// extract: isProduction -// }) -// } - -module.exports = function(options){ - options = options || {} - return { - loaders: utils.cssLoaders(options) - } -} diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js index 98f2ff7..8ba3a27 100644 --- a/build/webpack.base.conf.js +++ b/build/webpack.base.conf.js @@ -2,7 +2,7 @@ var path = require('path') var utils = require('./utils') var config = require('../config') -var vueLoaderConfig = require('./vue-loader.conf') +// var vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, '..', dir) diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js deleted file mode 100644 index 999f872..0000000 --- a/build/webpack.dev.conf.js +++ /dev/null @@ -1,42 +0,0 @@ -var utils = require('./utils') -var webpack = require('webpack') -var config = require('../config') -var merge = require('webpack-merge') -var baseWebpackConfig = require('./webpack.base.conf') -var HtmlWebpackPlugin = require('html-webpack-plugin') -var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') -var vueLoaderConfig = require('./vue-loader.conf') - -// add hot-reload related code to entry chunks -Object.keys(baseWebpackConfig.entry).forEach(function (name) { - baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) -}) - -module.exports = merge(baseWebpackConfig, { - module: { - rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }).concat( - { - test: /\.vue$/, - loader: 'vue-loader', - options: vueLoaderConfig({sourceMap: false, extract: false}) - } - ) - }, - // cheap-module-eval-source-map is faster for development - devtool: '#cheap-module-eval-source-map', - plugins: [ - new webpack.DefinePlugin({ - 'process.env': config.dev.env - }), - // https://github.com/glenjamin/webpack-hot-middleware#installation--usage - new webpack.HotModuleReplacementPlugin(), - new webpack.NoEmitOnErrorsPlugin(), - // https://github.com/ampedandwired/html-webpack-plugin - new HtmlWebpackPlugin({ - filename: 'index.html', - template: 'index.html', - inject: true - }), - new FriendlyErrorsPlugin() - ] -}) diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js index 40e6bc1..219b84c 100644 --- a/build/webpack.prod.conf.js +++ b/build/webpack.prod.conf.js @@ -8,7 +8,6 @@ var CopyWebpackPlugin = require('copy-webpack-plugin') var HtmlWebpackPlugin = require('html-webpack-plugin') var ExtractTextPlugin = require('extract-text-webpack-plugin') var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') -var vueLoaderConfig = require('./vue-loader.conf') var env = config.build.env @@ -21,7 +20,9 @@ var webpackConfig = merge(baseWebpackConfig, { { test: /\.vue$/, loader: 'vue-loader', - options: vueLoaderConfig({sourceMap: true, extract: true}) + options: { + loaders: utils.cssLoaders({sourceMap: true, extract: true}) + } } ) }, diff --git a/config/index.js b/config/index.js index 46b8cde..0cb13ae 100644 --- a/config/index.js +++ b/config/index.js @@ -8,7 +8,7 @@ module.exports = { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', - assetsPublicPath: '/', + assetsPublicPath: './', productionSourceMap: true, // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you. @@ -27,7 +27,7 @@ module.exports = { port: 8100, autoOpenBrowser: true, assetsSubDirectory: 'static', - assetsPublicPath: '/', + assetsPublicPath: './', // proxyTable: require('../proxy'), // CSS Sourcemaps off by default because relative paths are "buggy" // with this option, according to the CSS-Loader README diff --git a/index.html b/index.html index 3fa23dd..e2ae66c 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,6 @@ Todo List - - -
diff --git a/manifest.json b/manifest.json index a5d0133..f46a817 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Todo", - "version": "0.0.1", + "version": "0.0.2", "manifest_version": 2, "description": "An extension to manage todo list.", "icons": { @@ -14,7 +14,7 @@ "38": "images/normal38.png" }, "default_title": "Todo List", - "default_popup": "popup.html" + "default_popup": "./dist/index.html" }, "permissions": [ "tabs", diff --git a/package.json b/package.json index f117435..9fe95ac 100644 --- a/package.json +++ b/package.json @@ -7,12 +7,7 @@ "lib": "lib" }, "scripts": { - "dev": "node build/dev-server.js", - "dev:mock": "npm run dev mock", - "start": "node build/dev-server.js", - "build": "node build/build.js", - "build:debug": "cross-env NODE_ENV=development npm run build", - "build:publish": "cross-env NODE_ENV=production npm run build" + "build": "node build/build.js" }, "repository": { "type": "git", diff --git a/src/App.vue b/src/App.vue deleted file mode 100644 index a0aa0b1..0000000 --- a/src/App.vue +++ /dev/null @@ -1,12 +0,0 @@ - - - - diff --git a/src/App/index.less b/src/App/index.less new file mode 100644 index 0000000..e7e66dd --- /dev/null +++ b/src/App/index.less @@ -0,0 +1,214 @@ +.hidden { + display: none; +} + +.container { + display: flex; + flex-direction: column; + height: 400px; + background-color: #f6f6f6; +} + +/* banner */ +.banner { + display: flex; + height: 40px; + line-height: 30px; + padding: 5px 10px; + margin-bottom: 2px; + background-color: #54678c; + /*background: linear-gradient(#5f78a3,#5e76a1,#566a92,#52648c,#52648c,#52648c,#52648c,#52648c,#52648c,#52648c,#566a92,#5e76a1,#5f78a3);*/ + border-top-left-radius: 5px; + border-top-right-radius: 5px; + box-shadow: 0 1px 4px 0px #23262f; +} + +.banner .center { + flex: 1; + color: #fff; + text-align: center; + padding: 0 10px; +} + +/* list container */ +.list-container { + flex: 1; + overflow-y: auto; + overflow-x: hidden; + color: #4e4e4c; + background-color: #f6f6f6; +} +.list-container .li .list, +.input-container .li { + display: flex; + height: 41px; + line-height: 41px; + border-bottom: 1px solid #dcdfe4; +} +/*.list-container .li .list:last-child { + border-bottom: none; +}*/ +.list-container .li .list .status, +.input-container .li .status { + display: flex; + justify-content: center; + align-items: center; + width: 41px; + padding: 7px; + border-right: 1px solid #f8dbdb; +} +.list-container .li .list .status .icon-container, +.input-container .li .status .icon-container { + display: flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + line-height: 26px; + border-radius: 50%; + border: 1px solid #f6f6f6; + box-shadow: inset 0 1px 1px 1px #c6c6c6; +} + +.status .icon-container .icon { + display: inline-block; + width: 12px; + height: 12px; + line-height: 12px; + font-size: 10px; + border-radius: 50%; + text-align: center; + background-color: #ededed; + cursor: pointer; + box-shadow: inset 0px 0px 2px 2px #bfbfbf, 0px 0px 0px 1px #bfbfbf; + transition: all .5s; +} +.list-container .list.done .status .icon-container .icon { + color: #4d8749; + background-color: #d3f7cc; + box-shadow: inset 0px 0px 2px 2px #4d8749, 0px 0px 0px 1px #4d8749; +} +.list-container .list.undone .status .icon-container .icon { + background-color: #fed2d2; + box-shadow: inset 0px 0px 2px 2px #b35d5d, 0px 0px 0px 1px #b35d5d; +} + + +.list-container .list .notice { + width: 30px; + text-align: center; +} + + +.list-container .list .content, +.input-container .li .content { + flex: 1; + padding: 0 10px; + color: #90908e; + word-break: keep-all; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.list-container .list .content { + cursor: pointer; +} +.list-container .list.done .content { + text-decoration: line-through; +} +.list-container .list.undone .content { + color: #e1635a; +} + +/* tip */ +.list-container .li .tip { + height: 30px; + line-height: 30px; + text-align: center; + margin-top: 10px; + border-top: 1px solid #dcdfe4; + border-bottom: 1px solid #dcdfe4; + font-style: italic; + color: #e1635a; +} + +/* list actions */ +.list-container .li .actions { + display: flex; /* toggle to: flex */ + height: 30px; + line-height: 30px; + text-align: center; + background-color: #ddd; + box-shadow: 0px 2px 8px 1px #9E9E9E inset; +} +.list-container .li .actions .action { + position: relative; + flex: 1; +} +.list-container .li .actions .action:first-child:after { + content: ''; + position: absolute; + right: 0; + width: 1px; + top: 5px; + bottom: 5px; + background-color: #727f97; +} + +/* input container */ +.input-container .li { + border-bottom: none; +} +.input-container .status .icon-container { + box-shadow: inset 0 1px 1px 0px #d7d7d7; +} +.input-container .status .icon-container .icon { + box-shadow: 0px 0px 1px 0px #cbcbcb; + background-color: #f1f1f1; + cursor: default; +} +.input-container { + border-top: 1px solid #dcdfe4; + box-shadow: 0 -1px 2px #ddd; +} +.input-container input { + display: inline-block; + width: 100%; + height: 25px; + padding: 0 5px; + border: none; + background-color: #e6e6e6; + font-style: italic; + box-shadow: 0 1px 1px #a7a7a7 inset; +} + +/* notice date select */ +.input-container .notice-select { + display: flex; + height: 30px; + border-bottom: 1px solid #dcdfe4; +} +.input-container .notice-select .notice-icon { + width: 41px; + height: 30px; + line-height: 30px; + text-align: center; + border-right: 1px solid #f8dbdb; +} +.input-container .notice-select .date-select { + display: flex; + flex: 1; + padding: 5px 10px; + height: 30px; + line-height: 30px; +} +.input-container .notice-select .date-select select { + flex: 1; +} +.input-container .notice-select .date-select .time-split { + display: inline-block; + width: 5px; + height: 20px; + line-height: 20px; + margin: 0 5px; +} diff --git a/src/App/index.vue b/src/App/index.vue new file mode 100644 index 0000000..fbe4653 --- /dev/null +++ b/src/App/index.vue @@ -0,0 +1,226 @@ + + + + + + diff --git a/src/main.js b/src/main.js index 33a27ce..2a461c8 100644 --- a/src/main.js +++ b/src/main.js @@ -1,7 +1,7 @@ // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' -import App from './App' +import App from './App/index' // import router from './router' // import JSONbig from 'json-bigint' // import store from './store' @@ -9,7 +9,9 @@ import App from './App' // import axios from './utils/axios' // 自定义样式 -// import '../static/base.less' +import '../static/css/animate.min.css' +import '../static/css/base.less' +import '../static/fonts/iconfont.css' // 引入公共样式 // import SearchTablePagination from '@/components/search-table-pagination' diff --git a/static/css/animate.min.css b/static/css/animate.min.css new file mode 100644 index 0000000..b23c93a --- /dev/null +++ b/static/css/animate.min.css @@ -0,0 +1,11 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ + +.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} diff --git a/static/css/base.less b/static/css/base.less new file mode 100644 index 0000000..90ac302 --- /dev/null +++ b/static/css/base.less @@ -0,0 +1,44 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +ul, li { + list-style: none; +} + +input:focus { + outline-offset: 0; + outline: none; +} + +body { + width: 250px; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; + font-size: 14px; +} + +/* 自定义-webkit-浏览器的右侧滚动条样式 +定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ +::-webkit-scrollbar { + width: 2px; + background-color: #f6f6f6; +} +/* 定义滚动条轨道 内阴影+圆角 */ +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + border-radius: 10px; + background-color: #f6f6f6; +} +/* 定义滑块 内阴影+圆角 */ +::-webkit-scrollbar-thumb { + border-radius: 15px; + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); + background-color: #5a6985; +} +/* 修改input placeholder字体颜色 */ +// ::-webkit-input-placeholder { +// 　　color: #4e4e4c; +// } diff --git a/static/fonts/iconfont.css b/static/fonts/iconfont.css new file mode 100644 index 0000000..773e554 --- /dev/null +++ b/static/fonts/iconfont.css @@ -0,0 +1,42 @@ + +@font-face {font-family: "iconfont"; + src: url('iconfont.eot?t=1488506741493#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('iconfont.woff?t=1488506741493') format('woff'), /* chrome, firefox */ + url('iconfont.ttf?t=1488506741493') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('iconfont.svg?t=1488506741493#iconfont') format('svg'); /* iOS 4.1- */ +} + +.iconfont { + display: inline-block; + font-family:"iconfont" !important; + font-size:16px; + font-style:normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + cursor: pointer; +} +.iconfont:active { + opacity: .7; +} +.iconfont.disabled { + opacity: .3; + cursor: default; +} +.iconfont.disabled:active { + opacity: .3; +} + +.icon-check:before { content: "\e656"; color: #4ec34a; } + +.icon-circle:before { content: "\e6d7"; } + +.icon-add:before { content: "\e6d8"; } + +.icon-notice:before { content: "\e709"; color: #465777; } + +.icon-left:before { content: "\e799"; color: #fefefe; font-size: 25px; } + +.icon-right:before { content: "\e65a"; color: #fefefe; font-size: 25px; } + +.icon-delete:before { content: "\e7ed"; } + diff --git a/static/fonts/iconfont.eot b/static/fonts/iconfont.eot new file mode 100644 index 0000000000000000000000000000000000000000..32e695ae5aca06dceaca42ba2a21651f92f1e77b GIT binary patch literal 6746 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 + + + +Created by FontForge 20120731 at Fri Mar 3 10:05:41 2017 + By admin + + + + + + + + + + + + + + + + + + + diff --git a/static/fonts/iconfont.ttf b/static/fonts/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..eb312d20511c474c30f3365ebed916dde3b604aa GIT binary patch literal 6464 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 literal 0 HcmV?d00001 diff --git a/static/fonts/iconfont.woff b/static/fonts/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..feffc981ea9458a08c64e6c6771071b58be37a77 GIT binary patch literal 4056 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 ZC~!$3@(p)nOifIL{&e*pOxBS-)M literal 0 HcmV?d00001