diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..f5ebc44 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,9 @@ +root = true + +[*] +end_of_line = lf +insert_final_newline = false +trim_trailing_whitespace = true +charset = utf-8 +indent_size = 4 +indent_style = tab \ No newline at end of file diff --git a/.eslintrc.json b/.eslintrc.json new file mode 100644 index 0000000..623f4db --- /dev/null +++ b/.eslintrc.json @@ -0,0 +1,90 @@ +{ + "rules": { + "dot-notation": [ + 2 + ], + "indent": [ + 2, + "tab", + { + "SwitchCase": 1, + "ObjectExpression": "first" + } + ], + "quotes": [ + 2, + "double" + ], + "linebreak-style": [ + 2, + "unix" + ], + "no-console": [ + 2, + { + "allow": ["warn", "error"] + } + ], + "no-eq-null":[ + 2 + ], + "no-eval":[ + 2 + ], + "no-implied-eval":[ + 2 + ], + "no-redeclare": [ + 2, + { + "builtinGlobals": true + } + ], + "one-var": [ + 2, + "never" + ], + "prefer-const":[ + 2 + ], + "semi": [ + 2, + "always" + ], + "keyword-spacing":[ + 2, + { + "before": true, + "after": true, + "overrides": { + "if": { + "before": false + }, + "for": { + "before": false + }, + "while": { + "before": false + } + } + } + ], + "space-before-blocks":[ + 2, + "always" + ], + "space-before-function-paren": [ + 2, + "always" + ], + "strict":[ + 2, + "global" + ] + }, + "env": { + "es6": true, + "browser": true + }, + "extends": "eslint:recommended" +} \ No newline at end of file diff --git a/.gitignore b/.gitignore index 5d5fc26..04ba31f 100755 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,14 @@ +*.zip +*.rar .DS_Store -node_modules/ -*~ +.Thumbs +.thumbs ._* -build/* +~* +*~ +node_modules +build +.conf +.ftpconfig +.sftpconfig +package-lock.json \ No newline at end of file diff --git a/src/.htaccess b/.htaccess similarity index 100% rename from src/.htaccess rename to .htaccess diff --git a/.htmlhintrc b/.htmlhintrc new file mode 100644 index 0000000..f8e53ab --- /dev/null +++ b/.htmlhintrc @@ -0,0 +1,18 @@ +{ + "tagname-lowercase": true, + "attr-lowercase": true, + "attr-value-double-quotes": true, + "doctype-first": true, + "tag-pair": true, + "spec-char-escape": true, + "id-unique": true, + "src-not-empty": true, + "attr-no-duplication": true, + "tag-pair": true, + "tag-self-close": false, + "title-require": true, + "doctype-html5": true, + "inline-style-disabled": true, + "space-tab-mixed-disabled": "tab", + "alt-require": true +} \ No newline at end of file diff --git a/.stylelintrc b/.stylelintrc new file mode 100644 index 0000000..35ebc7d --- /dev/null +++ b/.stylelintrc @@ -0,0 +1,25 @@ +{ + "rules": { + "block-closing-brace-empty-line-before": "never", + "block-closing-brace-newline-after": "always", + "declaration-block-semicolon-newline-after": "always", + "block-opening-brace-space-before": "always", + "color-hex-case": "lower", + "color-named": "never", + "color-no-invalid-hex": true, + "function-comma-newline-after": "never-multi-line", + "function-comma-space-after": "always", + "no-duplicate-selectors": true, + "no-eol-whitespace": true, + "indentation": "tab", + "number-leading-zero": "always", + "property-no-unknown": [ true, { + "ignoreProperties": [ + "composes" + ] + }], + "selector-list-comma-newline-after": "always", + "unit-case": "lower", + "unit-whitelist": ["em", "rem", "s", "vmax", "vmin", "vh", "vw", "%", "px"] + } +} \ No newline at end of file diff --git a/LICENSE b/LICENSE index 6cfbdaa..eaeab69 100755 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ The MIT License (MIT) -Copyright (c) 2015 Diego Islas Ocampo +Copyright (c) 2015 - 2017 Diego Islas Ocampo Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 3e7d946..36310b2 100755 --- a/README.md +++ b/README.md @@ -1,13 +1,14 @@ -# Aegis Template -This template is the simple base for the Aegis Framework, it will allow you to create your webpage quickly, featuring the cutting edge technologies and features of HTML5, CSS3 and Javascript. +# Aegis Framework: Oregano -It also features many properties to make your website it mobile and social friendly! +Oregano is a simple HTML5, CSS3 and JavaScript template, this flavor features just the front-end technologies of Aegis instead of adding a Backend as the other flavors. It will allow you allow you to create your website quickly, featuring the cutting edge technologies. + +It also features many properties to make your website mobile, social friendly and even a progressive web app. Visit the [WebPage](http://www.aegisframework.com/) ## Quick Start: -1. Download the latest release from the [Releases Page](https://github.com/HyuchiaDiego/AegisTemplate/releases). +1. Download the latest release from the [Releases Page](https://github.com/AegisFramework/Oregano/releases/latest). 2. Unzip the File. 3. Place your content on the index.html file and create as many files as you need. 4. Place your custom style on the main.css file. @@ -17,10 +18,7 @@ For more information read the [documentation](http://www.aegisframework.com/docu ## Attributions: [Font Awesome](http://fontawesome.io) by Dave Gandy - -[Normalize CSS](http://necolas.github.io/normalize.css/) by Nicolas Gallagher and Jonathan Neal - [Animate CSS](http://daneden.github.io/animate.css/) by Daniel Eden ## License -Aegis is an Open Source project released under the [MIT license](https://github.com/HyuchiaDiego/AegisTemplate/blob/master/LICENSE). +Aegis is an Open Source project released under the [MIT license](https://github.com/HyuchiaDiego/AegisTemplate/blob/master/LICENSE). \ No newline at end of file diff --git a/dist/AegisTemplate-v0.2.1.min.zip b/dist/AegisTemplate-v0.2.1.min.zip deleted file mode 100644 index e96d0af..0000000 Binary files a/dist/AegisTemplate-v0.2.1.min.zip and /dev/null differ diff --git a/dist/AegisTemplate-v0.2.1.zip b/dist/AegisTemplate-v0.2.1.zip deleted file mode 100644 index 34c1ae0..0000000 Binary files a/dist/AegisTemplate-v0.2.1.zip and /dev/null differ diff --git a/src/error/400.html b/error/400.html similarity index 100% rename from src/error/400.html rename to error/400.html diff --git a/src/error/401.html b/error/401.html similarity index 100% rename from src/error/401.html rename to error/401.html diff --git a/src/error/403.html b/error/403.html similarity index 100% rename from src/error/403.html rename to error/403.html diff --git a/src/error/404.html b/error/404.html similarity index 100% rename from src/error/404.html rename to error/404.html diff --git a/src/error/500.html b/error/500.html similarity index 100% rename from src/error/500.html rename to error/500.html diff --git a/src/fonts/FontAwesome.otf b/fonts/FontAwesome.otf similarity index 100% rename from src/fonts/FontAwesome.otf rename to fonts/FontAwesome.otf diff --git a/src/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot similarity index 100% rename from src/fonts/fontawesome-webfont.eot rename to fonts/fontawesome-webfont.eot diff --git a/src/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg similarity index 100% rename from src/fonts/fontawesome-webfont.svg rename to fonts/fontawesome-webfont.svg diff --git a/src/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf similarity index 100% rename from src/fonts/fontawesome-webfont.ttf rename to fonts/fontawesome-webfont.ttf diff --git a/src/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff similarity index 100% rename from src/fonts/fontawesome-webfont.woff rename to fonts/fontawesome-webfont.woff diff --git a/src/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2 similarity index 100% rename from src/fonts/fontawesome-webfont.woff2 rename to fonts/fontawesome-webfont.woff2 diff --git a/gulpfile.js b/gulpfile.js deleted file mode 100755 index d53dd55..0000000 --- a/gulpfile.js +++ /dev/null @@ -1,79 +0,0 @@ -'use strict'; - -var gulp = require('gulp'); -var download = require('gulp-download-stream'); -var pkg = require('./package.json'); -var zip = require('gulp-zip'); -var cssnano = require('gulp-cssnano'); -var closureCompiler = require('google-closure-compiler').gulp(); -var rename = require('gulp-rename'); -var htmlreplace = require('gulp-html-replace'); - -var name = 'AegisTemplate-v' + pkg.version + '.zip'; -var minName = 'AegisTemplate-v' + pkg.version + '.min.zip'; - -gulp.task('prepare-dev', () => { - - gulp.src('src/index.html') - .pipe(htmlreplace({ - scripts: { - src: ['js/artemis.js', 'js/main.js'], - tpl: '' - }, - stylesheets: { - src: ['style/animate.css', 'style/font-awesome.min.css', 'style/aegis.css', 'style/main.css'], - tpl: '' - } - })) - .pipe(gulp.dest('build/')); -}); - -gulp.task('prepare-prod', () => { - - gulp.src('src/style/animate.min.css') - .pipe(cssnano()) - .pipe(gulp.dest("src/style/")); - - gulp.src('src/index.html') - .pipe(htmlreplace({ - scripts: { - src: ['js/artemis.min.js', 'js/main.js'], - tpl: '' - }, - stylesheets: { - src: ['style/animate.min.css', 'style/font-awesome.min.css', 'style/aegis.min.css', 'style/main.css'], - tpl: '' - } - })) - .pipe(gulp.dest('build/')); -}); - -gulp.task('build-development', () => { - - return gulp.src(['build/*','src/**', '!src/js/*.min.js', '!src/style/!(font-awesome).min.css', '!**/.DS_Store', '!**/.gitignore', 'build/**', '!src/index.html'], {dot: true}) - .pipe(zip(name)) - .pipe(gulp.dest('dist/')); -}); - -gulp.task('build-production', () => { - - return gulp.src(['build/*','src/**', '!src/js/!(*.min|main).js', '!src/style/!(*.min|main).css', '!**/.DS_Store', '!**/.gitignore', 'build/**', '!src/index.html'], {dot: true}) - .pipe(zip(minName)) - .pipe(gulp.dest('dist/')); -}); - -gulp.task('download', () => { - - download("https://raw.githubusercontent.com/AegisFramework/Artemis/master/dist/artemis.js").pipe(gulp.dest("src/js/")); - download("https://raw.githubusercontent.com/HyuchiaDiego/AegisCSS/master/dist/aegis.css").pipe(gulp.dest("src/style/")); - - download("https://raw.githubusercontent.com/AegisFramework/Artemis/master/dist/artemis.min.js").pipe(gulp.dest("src/js/")); - download("https://raw.githubusercontent.com/HyuchiaDiego/AegisCSS/master/dist/aegis.min.css").pipe(gulp.dest("src/style/")); - - download("https://raw.githubusercontent.com/daneden/animate.css/master/animate.css").pipe(gulp.dest("src/style/")); - download({ - file: "animate.min.css", - url: "https://raw.githubusercontent.com/daneden/animate.css/master/animate.css" - }).pipe(gulp.dest("src/style/")); - -}); diff --git a/img/favicon.ico b/img/favicon.ico new file mode 100644 index 0000000..483893b Binary files /dev/null and b/img/favicon.ico differ diff --git a/img/icons/icon_128x128.png b/img/icons/icon_128x128.png new file mode 100644 index 0000000..4be0564 Binary files /dev/null and b/img/icons/icon_128x128.png differ diff --git a/img/icons/icon_150x150.png b/img/icons/icon_150x150.png new file mode 100644 index 0000000..f824759 Binary files /dev/null and b/img/icons/icon_150x150.png differ diff --git a/img/icons/icon_152x152.png b/img/icons/icon_152x152.png new file mode 100644 index 0000000..da9c136 Binary files /dev/null and b/img/icons/icon_152x152.png differ diff --git a/img/icons/icon_167x167.png b/img/icons/icon_167x167.png new file mode 100644 index 0000000..f908d75 Binary files /dev/null and b/img/icons/icon_167x167.png differ diff --git a/img/icons/icon_180x180.png b/img/icons/icon_180x180.png new file mode 100644 index 0000000..602f028 Binary files /dev/null and b/img/icons/icon_180x180.png differ diff --git a/img/icons/icon_192x192.png b/img/icons/icon_192x192.png new file mode 100644 index 0000000..2ffb9e3 Binary files /dev/null and b/img/icons/icon_192x192.png differ diff --git a/img/icons/icon_310x310.png b/img/icons/icon_310x310.png new file mode 100644 index 0000000..eb94281 Binary files /dev/null and b/img/icons/icon_310x310.png differ diff --git a/img/icons/icon_48x48.png b/img/icons/icon_48x48.png new file mode 100644 index 0000000..c568361 Binary files /dev/null and b/img/icons/icon_48x48.png differ diff --git a/img/icons/icon_512x512.png b/img/icons/icon_512x512.png new file mode 100644 index 0000000..d27f41a Binary files /dev/null and b/img/icons/icon_512x512.png differ diff --git a/img/icons/icon_60x60.png b/img/icons/icon_60x60.png new file mode 100644 index 0000000..a62b46b Binary files /dev/null and b/img/icons/icon_60x60.png differ diff --git a/img/icons/icon_70x70.png b/img/icons/icon_70x70.png new file mode 100644 index 0000000..49589e0 Binary files /dev/null and b/img/icons/icon_70x70.png differ diff --git a/img/icons/icon_76x76.png b/img/icons/icon_76x76.png new file mode 100644 index 0000000..74ecd05 Binary files /dev/null and b/img/icons/icon_76x76.png differ diff --git a/img/icons/icon_96x96.png b/img/icons/icon_96x96.png new file mode 100644 index 0000000..d8d4381 Binary files /dev/null and b/img/icons/icon_96x96.png differ diff --git a/src/index.html b/index.html similarity index 54% rename from src/index.html rename to index.html index 7ae25c9..fc22c9d 100755 --- a/src/index.html +++ b/index.html @@ -13,88 +13,80 @@ + - + - + - + - + - + + + - + + + + + + + + - - - - + + + - - - - - + - - - - - - - + + - - - - - + + + - + + + -
- -

- -
- - - - +
+

Aegis Framework + OREGANO +

+
\ No newline at end of file diff --git a/js/animatelo.min.js b/js/animatelo.min.js new file mode 100644 index 0000000..3a581a8 --- /dev/null +++ b/js/animatelo.min.js @@ -0,0 +1,2 @@ +/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */ +!function(t){"use strict";t.version="1.0.1";var n={duration:1e3,delay:0,iterations:1,direction:"normal",fill:"both"},o=function(){var t=(new Date).getTime(),n="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){var o=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"===n?o:3&o|8).toString(16)});return n},a=function(t){var n,o=t instanceof NodeList,a=t instanceof Node,i=t instanceof HTMLCollection,e="string"==typeof t;if(o)n=t;else if(a)n=[t];else if(i)n=t;else{if(!e)throw"selector is invaid";n=document.querySelectorAll(t)}return n},i=function(t){var n=["normal","reverse","alternate","alternate-reverse","initial"];if("number"!=typeof t.duration)throw"parameter duration is invalid";if("number"!=typeof t.delay)throw"parameter delay is invalid";if("number"!=typeof t.iterations)throw"parameter iterations is invalid";if("string"!=typeof t.direction||n.indexOf(t.direction)===-1)throw"parameter direction is invalid";if("string"!=typeof t.fill||n.indexOf(t.direction)===-1)throw"parameter fill is invalid"};t._animate=function(t,e,r){var f={duration:r&&"duration"in r?r.duration:n.duration,delay:r&&"delay"in r?r.delay:n.delay,iterations:r&&"iterations"in r?r.iterations:n.iterations,direction:r&&"direction"in r?r.direction:n.direction,fill:r&&"fill"in r?r.fill:n.fill,id:r&&"id"in r?r.id:o()},s=!!(r&&"id"in r),m=a(t),c=[],d=[].slice.call(m);return i(f),d.forEach(function(t,n){var a=t.animate(e,f);s?a.id=f.id+"-"+n:a.id=o(),c.push(a)}),c}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounce=function(n,o){var a=[{animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",transform:"translate3d(0,0,0)",offset:0},{animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",transform:"translate3d(0,0,0)",offset:.2},{animationTimingFunction:"cubic-bezier(0.755, 0.050, 0.855, 0.060)",transform:"translate3d(0, -30px, 0)",offset:.4},{animationTimingFunction:"cubic-bezier(0.755, 0.050, 0.855, 0.060)",transform:"translate3d(0, -30px, 0)",offset:.43},{animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",transform:"translate3d(0,0,0)",offset:.53},{animationTimingFunction:"cubic-bezier(0.755, 0.050, 0.855, 0.060)",transform:"translate3d(0, -15px, 0)",offset:.7},{animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",transform:"translate3d(0,0,0)",offset:.8},{transform:"translate3d(0,-4px,0)",offset:.9},{animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",transform:"translate3d(0,0,0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.flash=function(n,o){var a=[{opacity:1,offset:0},{opacity:0,offset:.25},{opacity:1,offset:.5},{opacity:0,offset:.75},{opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.headShake=function(n,o){var a=[{transform:"translateX(0)",offset:0},{transform:"translateX(-6px) rotateY(-9deg)",offset:.065},{transform:"translateX(5px) rotateY(7deg)",offset:.185},{transform:"translateX(-3px) rotateY(-5deg)",offset:.315},{transform:"translateX(2px) rotateY(3deg)",offset:.435},{transform:"translateX(0)",offset:.5},{transform:"translateX(0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.jello=function(n,o){var a=[{transform:"none",offset:0},{transform:"none",offset:.111},{transform:"skewX(-12.5deg) skewY(-12.5deg)",offset:.222},{transform:"skewX(6.25deg) skewY(6.25deg)",offset:.332},{transform:"skewX(-3.125deg) skewY(-3.125deg)",offset:.444},{transform:"skewX(1.5625deg) skewY(1.5625deg)",offset:.555},{transform:"skewX(-0.78125deg) skewY(-0.78125deg)",offset:.665},{transform:"skewX(0.390625deg) skewY(0.390625deg)",offset:.777},{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)",offset:.888},{transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.pulse=function(n,o){var a=[{transform:"scale3d(1, 1, 1)",offset:0},{transform:"scale3d(1.05, 1.05, 1.05)",offset:.5},{transform:"scale3d(1, 1, 1)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rubberBand=function(n,o){var a=[{transform:"scale3d(1, 1, 1)",offset:0},{transform:"scale3d(1.25, 0.75, 1)",offset:.3},{transform:"scale3d(0.75, 1.25, 1)",offset:.4},{transform:"scale3d(1.15, 0.85, 1)",offset:.5},{transform:"scale3d(.95, 1.05, 1)",offset:.65},{transform:"scale3d(1.05, .95, 1)",offset:.75},{transform:"scale3d(1, 1, 1)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.shake=function(n,o){var a=[{transform:"translate3d(0, 0, 0)",offset:0},{transform:"translate3d(-10px, 0, 0)",offset:.1},{transform:"translate3d(10px, 0, 0)",offset:.2},{transform:"translate3d(-10px, 0, 0)",offset:.3},{transform:"translate3d(10px, 0, 0)",offset:.4},{transform:"translate3d(-10px, 0, 0)",offset:.5},{transform:"translate3d(10px, 0, 0)",offset:.6},{transform:"translate3d(-10px, 0, 0)",offset:.7},{transform:"translate3d(10px, 0, 0)",offset:.8},{transform:"translate3d(-10px, 0, 0)",offset:.9},{transform:"translate3d(0, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.swing=function(n,o){var a=[{transform:"rotate3d(0, 0, 1, 0deg)",offset:0},{transform:"rotate3d(0, 0, 1, 15deg)",offset:.2},{transform:"rotate3d(0, 0, 1, -10deg)",offset:.4},{transform:"rotate3d(0, 0, 1, 5deg)",offset:.6},{transform:"rotate3d(0, 0, 1, -5deg)",offset:.8},{transform:"rotate3d(0, 0, 1, 0deg)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.tada=function(n,o){var a=[{transform:"scale3d(1, 1, 1)",offset:0},{transform:"scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)",offset:.1},{transform:"scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)",offset:.2},{transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.3},{transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",offset:.4},{transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.5},{transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",offset:.6},{transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.7},{transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",offset:.8},{transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",offset:.9},{transform:"scale3d(1, 1, 1)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.wobble=function(n,o){var a=[{transform:"none",offset:0},{transform:"translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)",offset:.15},{transform:"translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)",offset:.3},{transform:"translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)",offset:.45},{transform:"translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)",offset:.6},{transform:"translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)",offset:.75},{transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceIn=function(n,o){var a=[{opacity:0,transform:"scale3d(.3, .3, .3)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:0},{transform:"scale3d(1.1, 1.1, 1.1)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.2},{transform:"scale3d(.9, .9, .9)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.4},{opacity:1,transform:"scale3d(1.03, 1.03, 1.03)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.6},{transform:"scale3d(.97, .97, .97)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.8},{opacity:1,transform:"scale3d(1, 1, 1)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceInDown=function(n,o){var a=[{opacity:0,transform:"translate3d(0,-2000px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:0},{opacity:1,transform:"translate3d(0, 25px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.6},{transform:"translate3d(0, -10px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.75},{transform:"translate3d(0, 5px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.9},{opacity:1,transform:"none",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceInLeft=function(n,o){var a=[{opacity:0,transform:"translate3d(-2000px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:0},{opacity:1,transform:"translate3d(25px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.6},{transform:"translate3d(-10px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.75},{transform:"translate3d(5px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.9},{opacity:1,transform:"none",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceInRight=function(n,o){var a=[{opacity:0,transform:"translate3d(2000px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:0},{opacity:1,transform:"translate3d(-25px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.6},{transform:"translate3d(10px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.75},{transform:"translate3d(-5px, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.9},{opacity:1,transform:"none",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceInUp=function(n,o){var a=[{opacity:0,transform:"translate3d(0, 2000px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:0},{opacity:1,transform:"translate3d(0, -20px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.6},{transform:"translate3d(0, 10px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.75},{transform:"translate3d(0, -5px, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:.9},{opacity:1,transform:"translate3d(0, 0, 0)",animationTimingFunction:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceOut=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{transform:"scale3d(.9, .9, .9)",offset:.2},{transform:"scale3d(1.1, 1.1, 1.1)",offset:.5},{opacity:1,transform:"scale3d(1.1, 1.1, 1.1)",offset:.55},{opacity:0,transform:"scale3d(.3, .3, .3)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceOutDown=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{transform:"translate3d(0, 10px, 0)",offset:.2},{transform:"translate3d(0, -20px, 0)",offset:.4},{opacity:1,transform:"translate3d(0, -20px, 0)",offset:.45},{opacity:0,transform:"translate3d(0, 2000px, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceOutLeft=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:1,transform:"translate3d(20px, 0, 0)",offset:.2},{opacity:0,transform:"translate3d(-2000px, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceOutRight=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:1,transform:"translate3d(-20px, 0, 0)",offset:.2},{opacity:0,transform:"translate3d(2000px, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.bounceOutUp=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{transform:"translate3d(0, -10px, 0)",offset:.2},{opacity:1,transform:"translate3d(0, 20px, 0)",offset:.4},{opacity:1,transform:"translate3d(0, 20px, 0)",offset:.45},{opacity:0,transform:"translate3d(0, -2000px, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeIn=function(n,o){var a=[{opacity:0,offset:0},{opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInDown=function(n,o){var a=[{opacity:0,transform:"translate3d(0, -100%, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInDownBig=function(n,o){var a=[{opacity:0,transform:"translate3d(0, -2000px, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInLeft=function(n,o){var a=[{opacity:0,transform:"translate3d(-100%, 0, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInLeftBig=function(n,o){var a=[{opacity:0,transform:"translate3d(-2000px, 0, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInRight=function(n,o){var a=[{opacity:0,transform:"translate3d(100%, 0, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInRightBig=function(n,o){var a=[{opacity:0,transform:"translate3d(2000px, 0, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInUp=function(n,o){var a=[{opacity:0,transform:"translate3d(0, 100%, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeInUpBig=function(n,o){var a=[{opacity:0,transform:"translate3d(0, 2000px, 0)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOut=function(n,o){var a=[{opacity:1,offset:0},{opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutDown=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(0, 100%, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutDownBig=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(0, 2000px, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutLeft=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(-100%, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutLeftBig=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(-2000px, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutRight=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(100%, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutRightBig=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(2000px, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutUp=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(0, -100%, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.fadeOutUpBig=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(0, -2000px, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.flip=function(n,o){var a=[{transform:"perspective(400px) rotate3d(0, 1, 0, -360deg)",animationTimingFunction:"ease-out",offset:0},{transform:"perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)",animationTimingFunction:"ease-out",offset:.4},{transform:"perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)",animationTimingFunction:"ease-in",offset:.5},{transform:"perspective(400px) scale3d(.95, .95, .95)",animationTimingFunction:"ease-in",offset:.8},{transform:"perspective(400px)",animationTimingFunction:"ease-in",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.flipInX=function(n,o){var a=[{transform:"perspective(400px) rotate3d(1, 0, 0, 90deg)",animationTimingFunction:"ease-in",opacity:0,offset:0},{transform:"perspective(400px) rotate3d(1, 0, 0, -20deg)",animationTimingFunction:"ease-in",offset:.4},{transform:"perspective(400px) rotate3d(1, 0, 0, 10deg)",opacity:1,offset:.6},{transform:"perspective(400px) rotate3d(1, 0, 0, -5deg)",offset:.8},{transform:"perspective(400px)",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.flipInY=function(n,o){var a=[{transform:"perspective(400px) rotate3d(0, 1, 0, 90deg)",animationTimingFunction:"ease-in",opacity:0,offset:0},{transform:"perspective(400px) rotate3d(0, 1, 0, -20deg)",animationTimingFunction:"ease-in",offset:.4},{transform:"perspective(400px) rotate3d(0, 1, 0, 10deg)",opacity:1,offset:.6},{transform:"perspective(400px) rotate3d(0, 1, 0, -5deg)",offset:.8},{transform:"perspective(400px)",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.flipOutX=function(n,o){var a=[{transform:"perspective(400px)",opacity:1,offset:0},{transform:"perspective(400px) rotate3d(1, 0, 0, -20deg)",opacity:1,offset:.3},{transform:"perspective(400px) rotate3d(1, 0, 0, 90deg)",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.flipOutY=function(n,o){var a=[{transform:"perspective(400px)",opacity:1,offset:0},{transform:"perspective(400px) rotate3d(0, 1, 0, -15deg)",opacity:1,offset:.3},{transform:"perspective(400px) rotate3d(0, 1, 0, 90deg)",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.lightSpeedIn=function(n,o){var a=[{transform:"translate3d(100%, 0, 0) skewX(-30deg)",opacity:0,offset:0},{transform:"skewX(20deg)",opacity:1,offset:.6},{transform:"skewX(-5deg)",offset:.8},{transform:"none",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.lightSpeedOut=function(n,o){var a=[{transform:"none",opacity:1,offset:0},{transform:"translate3d(100%, 0, 0) skewX(30deg)",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateIn=function(n,o){var a=[{transformOrigin:"center",transform:"rotate3d(0, 0, 1, -200deg)",opacity:0,offset:0},{transformOrigin:"center",transform:"none",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateInDownLeft=function(n,o){var a=[{transformOrigin:"left bottom",transform:"rotate3d(0, 0, 1, -45deg)",opacity:0,offset:0},{transformOrigin:"left bottom",transform:"none",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateInDownRight=function(n,o){var a=[{transformOrigin:"right bottom",transform:"rotate3d(0, 0, 1, 45deg)",opacity:0,offset:0},{transformOrigin:"right bottom",transform:"none",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateInUpLeft=function(n,o){var a=[{transformOrigin:"left bottom",transform:"rotate3d(0, 0, 1, 45deg)",opacity:0,offset:0},{transformOrigin:"left bottom",transform:"none",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateInUpRight=function(n,o){var a=[{transformOrigin:"right bottom",transform:"rotate3d(0, 0, 1, -90deg)",opacity:0,offset:0},{transformOrigin:"right bottom",transform:"none",opacity:1,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateOut=function(n,o){var a=[{transformOrigin:"center",transform:"none",opacity:1,offset:0},{transformOrigin:"center",transform:"rotate3d(0, 0, 1, 200deg)",opacity:"0",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateOutDownLeft=function(n,o){var a=[{transformOrigin:"left bottom",transform:"none",opacity:1,offset:0},{transformOrigin:"left bottom",transform:"rotate3d(0, 0, 1, 45deg)",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateOutDownRight=function(n,o){var a=[{transformOrigin:"right bottom",transform:"none",opacity:1,offset:0},{transformOrigin:"right bottom",transform:"rotate3d(0, 0, 1, -45deg)",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateOutUpLeft=function(n,o){var a=[{transformOrigin:"left bottom",transform:"none",opacity:1,offset:0},{transformOrigin:"left bottom",transform:"rotate3d(0, 0, 1, -45deg)",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rotateOutUpRight=function(n,o){var a=[{transformOrigin:"right bottom",transform:"none",opacity:1,offset:0},{transformOrigin:"right bottom",transform:"rotate3d(0, 0, 1, 90deg)",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideInDown=function(n,o){var a=[{transform:"translate3d(0, -100%, 0)",visibility:"visible",offset:0},{transform:"translate3d(0, 0, 0)",visibility:"visible",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideInLeft=function(n,o){var a=[{transform:"translate3d(-100%, 0, 0)",visibility:"visible",offset:0},{transform:"translate3d(0, 0, 0)",visibility:"visible",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideInRight=function(n,o){var a=[{transform:"translate3d(100%, 0, 0)",visibility:"visible",offset:0},{transform:"translate3d(0, 0, 0)",visibility:"visible",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideInUp=function(n,o){var a=[{transform:"translate3d(0, 100%, 0)",visibility:"visible",offset:0},{transform:"translate3d(0, 0, 0)",visibility:"visible",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideOutDown=function(n,o){var a=[{visibility:"visible",transform:"translate3d(0, 0, 0)",offset:0},{visibility:"hidden",transform:"translate3d(0, 100%, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideOutLeft=function(n,o){var a=[{visibility:"visible",transform:"translate3d(0, 0, 0)",offset:0},{visibility:"hidden",transform:"translate3d(-100%, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideOutRight=function(n,o){var a=[{visibility:"visible",transform:"translate3d(0, 0, 0)",offset:0},{visibility:"hidden",transform:"translate3d(100%, 0, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.slideOutUp=function(n,o){var a=[{visibility:"visible",transform:"translate3d(0, 0, 0)",offset:0},{visibility:"hidden",transform:"translate3d(0, -100%, 0)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.hinge=function(n,o){var a=[{transform:"none",transformOrigin:"top left",animationTimingFunction:"ease-in-out",opacity:1,offset:0},{transform:"rotate3d(0, 0, 1, 80deg)",transformOrigin:"top left",animationTimingFunction:"ease-in-out",offset:.2},{transform:"rotate3d(0, 0, 1, 60deg)",transformOrigin:"top left",animationTimingFunction:"ease-in-out",opacity:1,offset:.4},{transform:"rotate3d(0, 0, 1, 80deg)",transformOrigin:"top left",animationTimingFunction:"ease-in-out",offset:.6},{transform:"rotate3d(0, 0, 1, 60deg)",transformOrigin:"top left",animationTimingFunction:"ease-in-out",opacity:1,offset:.8},{transform:"translate3d(0, 700px, 0)",transformOrigin:"top left",opacity:0,offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rollIn=function(n,o){var a=[{opacity:0,transform:"translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)",offset:0},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.rollOut=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomIn=function(n,o){var a=[{opacity:0,transform:"scale3d(.3, .3, .3)",offset:0},{opacity:1,transform:"none",offset:.5},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomInDown=function(n,o){var a=[{opacity:0,transform:"scale3d(.1, .1, .1) translate3d(0, -1000px, 0)",animationTimingFunction:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(0, 60px, 0)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.320, 1)",offset:.6},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomInLeft=function(n,o){var a=[{opacity:0,transform:"scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)",animationTimingFunction:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(10px, 0, 0)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.320, 1)",offset:.6},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomInRight=function(n,o){var a=[{opacity:0,transform:"scale3d(.1, .1, .1) translate3d(1000px, 0, 0)",animationTimingFunction:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(-10px, 0, 0)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.320, 1)",offset:.6},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomInUp=function(n,o){var a=[{opacity:0,transform:"scale3d(.1, .1, .1) translate3d(0, 1000px, 0)",animationTimingFunction:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(0, -60px, 0)",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.320, 1)",offset:.6},{opacity:1,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomOut=function(n,o){var a=[{opacity:1,transform:"none",offset:0},{opacity:0,transform:"scale3d(.3, .3, .3)",offset:.5},{opacity:0,transform:"none",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomOutDown=function(n,o){var a=[{opacity:1,transform:"none",transformOrigin:"center center",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(0, -60px, 0)",animationTimingFunction:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",offset:.4},{opacity:0,transform:"scale3d(.1, .1, .1) translate3d(0, 2000px, 0)",transformOrigin:"center bottom",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.320, 1)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomOutLeft=function(n,o){var a=[{opacity:1,transform:"none",transformOrigin:"center center",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(42px, 0, 0)",offset:.4},{opacity:0,transform:"scale(.1) translate3d(-2000px, 0, 0)",transformOrigin:"left center",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomOutRight=function(n,o){var a=[{opacity:1,transform:"none",transformOrigin:"center center",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(-42px, 0, 0)",offset:.4},{opacity:0,transform:"scale(.1) translate3d(2000px, 0, 0)",transformOrigin:"right center",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}),function(t){"use strict";t.zoomOutUp=function(n,o){var a=[{opacity:1,transform:"none",transformOrigin:"center center",offset:0},{opacity:1,transform:"scale3d(.475, .475, .475) translate3d(0, 60px, 0)",animationTimingFunction:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",offset:.4},{opacity:0,transform:"scale3d(.1, .1, .1) translate3d(0, -2000px, 0)",transformOrigin:"center bottom",animationTimingFunction:"cubic-bezier(0.175, 0.885, 0.320, 1)",offset:1}];return t._animate(n,a,o)}}(window.animatelo=window.animatelo||{}); \ No newline at end of file diff --git a/js/artemis.js b/js/artemis.js new file mode 100644 index 0000000..345cdaf --- /dev/null +++ b/js/artemis.js @@ -0,0 +1,675 @@ +/** + * ============================== + * Artemis 0.1.5 | MIT License + * http://aegisframework.com/ + * ============================== + */ + +"use strict"; +/* exported Artemis */ + +class Artemis { + + constructor (selector) { + if (typeof selector == "string") { + this.collection = document.querySelectorAll(selector); + this.length = this.collection.length; + } else if (typeof selector == "object") { + if (selector.length >= 1) { + this.collection = selector; + } else { + this.collection = [selector]; + } + this.length = this.collection.length; + } else { + return null; + } + } + + hide () { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].style.display = "none"; + } + } + + show () { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].style.display = "block"; + } + } + + addClass (newClass) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].classList.add(newClass); + } + } + + removeClass (oldClass) { + if (oldClass) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].classList.remove(oldClass); + } + } else { + for (let i = 0; i < this.collection.length; i++) { + while (this.collection[i].classList.length > 0) { + this.collection[i].classList.remove(this.collection[i].classList.item(0)); + } + } + } + } + + toggleClass (classes) { + classes = classes.split(" "); + for (let i = 0; i < this.collection.length; i++) { + for (let j = 0; j < classes.length; j++) { + this.collection[i].classList.toggle(classes[j]); + } + } + } + + hasClass (classToCheck) { + if (this.collection[0]) { + for (let j = 0; j < this.collection[0].classList.length; j++) { + if (this.collection[0].classList[j] == classToCheck) { + return true; + } + } + } + return false; + } + + value (value) { + if (this.length > 0) { + if (typeof value === "undefined") { + return this.collection[0].value; + } else { + this.collection[0].value = value; + } + } + } + + focus () { + if (this.length > 0) { + this.collection[0].focus(); + } + } + + click (callback) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].addEventListener("click", callback, false); + } + } + + keyup (callback) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].addEventListener("keyup", callback, false); + } + } + + keydown (callback) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].addEventListener("keydown", callback, false); + } + } + + submit (callback) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].addEventListener("submit", callback, false); + } + } + + change (callback) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].addEventListener("change", callback, false); + } + } + + scroll (callback) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].addEventListener("scroll", callback, false); + } + } + + on (event, callback, target) { + event = event.split(" "); + for (let i = 0; i < this.collection.length; i++) { + for (let j = 0; j < event.length; j++) { + if (typeof callback === "string" && typeof target !== "undefined") { + + this.collection[i].addEventListener(event[j], function (e) { + if (e.target && $_(e.target).matches(callback)) { + target.call(e.target, e); + } + }, false); + + } else { + this.collection[i].addEventListener(event[j], callback, false); + } + } + } + } + + filter (element) { + if (this.length > 0) { + return new Artemis(this.collection[0].querySelector(element)); + } + } + + data (name, value) { + if (this.length > 0) { + if (typeof value === "undefined") { + return this.collection[0].dataset[name]; + } else { + this.collection[0].dataset[name] = value; + } + } + } + + text (value) { + if (this.length > 0) { + if (typeof value === "undefined") { + return this.collection[0].textContent; + } else { + this.collection[0].textContent = value; + } + } + } + + html (value) { + if (this.length > 0) { + if (typeof value === "undefined") { + return this.collection[0].innerHTML; + } else { + this.collection[0].innerHTML = value; + } + } + } + + append (data) { + if (this.length > 0) { + var div = document.createElement("div"); + div.innerHTML = data; + this.collection[0].appendChild(div.firstChild); + } + } + + each (callback) { + for (let i = 0; i < this.collection.length; i++) { + callback(this.collection[i]); + } + } + + get (index) { + return this.collection[index]; + } + + first () { + if (this.length > 0) { + return new Artemis(this.collection[0]); + } + } + + isVisible () { + for (let i = 0; i < this.collection.length; i++) { + if (this.collection[i].display != "none" && this.collection[i].offsetWidth > 0 && this.collection[i].offsetHeight > 0) { + return true; + } + } + return false; + } + + parent () { + if (this.collection[0]) { + return new Artemis(this.collection[0].parentElement); + } + } + + find (selector) { + if (this.collection[0]) { + return new Artemis(this.collection[0].querySelectorAll(selector)); + } + } + + offset () { + if (this.collection[0]) { + var rect = this.collection[0].getBoundingClientRect(); + var offset = { + top: rect.top + document.body.scrollTop, + left: rect.left + document.body.scrollLeft + }; + return offset; + } + } + + closest (searchSelector) { + var element = this.find(searchSelector); + while (typeof element.get(0) == "undefined" && typeof this.parent().get(0) != "undefined") { + element = this.parent().find(searchSelector); + } + return element; + } + + attribute (attribute, value) { + if (this.collection[0]) { + if (typeof value === "undefined") { + this.collection[0].getAttribute(attribute); + } else { + return this.collection[0].setAttribute(attribute, value); + } + } + } + + after (content) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].insertAdjacentHTML("afterend", content); + } + } + + before (content) { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].insertAdjacentHTML("beforebegin", content); + } + } + + style (properties, value) { + for (let i = 0; i < this.collection.length; i++) { + if (typeof properties === "string" && value !== "undefined") { + this.collection[i].style[properties] = value; + } else if (typeof properties === "string" && value === "undefined") { + return this.collection[i].style[properties]; + } else if (typeof properties === "object") { + for (var property in properties) { + this.collection[i].style[property] = properties[property]; + } + } + } + } + + animate (style, time) { + for (let i = 0; i < this.collection.length; i++) { + for (var property in style) { + + var start = new Date().getTime(); + var collection = this.collection; + var timer; + var initialValue; + if (typeof this.collection[i].style[property] !== "undefined") { + initialValue = this.collection[i].style[property]; + + timer = setInterval(function () { + var step = Math.min(1, (new Date().getTime() - start) / time); + + collection[i].style[property] = (initialValue + step * (style[property] - initialValue)); + + if (step == 1) { + clearInterval(timer); + } + }, 25); + this.collection[i].style[property] = initialValue; + + } else if (typeof (this.collection[i])[property] !== "undefined") { + initialValue = (this.collection[i])[property]; + + timer = setInterval(function () { + var step = Math.min(1, (new Date().getTime() - start) / time); + + (collection[i])[property] = (initialValue + step * (style[property] - initialValue)); + + if (step == 1) { + clearInterval(timer); + } + }, 25); + (this.collection[i])[property] = initialValue; + } + } + } + } + + fadeIn (time = 400, callback) { + if (this.collection[0]) { + var element = this.collection[0]; + element.style.opacity = 0; + + var last = +new Date(); + + var tick = function () { + element.style.opacity = +element.style.opacity + (new Date() - last) / time; + last = +new Date(); + + if (+element.style.opacity < 1) { + (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16); + } else { + if (typeof callback === "function") { + callback(); + } + } + }; + + tick(); + } + } + + fadeOut (time = 400, callback) { + if (this.collection[0]) { + var last = +new Date(); + var element = this.collection[0]; + var tick = function () { + element.style.opacity = +element.style.opacity - (new Date() - last) / time; + last = +new Date(); + + if (+element.style.opacity > 0) { + (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16); + } else { + if (typeof callback === "function") { + callback(); + } + } + }; + + tick(); + } + } + + matches (selector) { + var check = Element.prototype; + var polyfill = check.matches || check.webkitMatchesSelector || check.mozMatchesSelector || check.msMatchesSelector || function () { + return [].indexOf.call(document.querySelectorAll(selector), this) !== -1; + }; + return polyfill.call(this.collection[0], selector); + } + + remove () { + for (let i = 0; i < this.collection.length; i++) { + this.collection[i].parentNode.removeChild(this.collection[i]); + } + } + + replaceWith (data) { + var div = document.createElement("div"); + div.innerHTML = data; + this.collection[0].parentElement.replaceChild(div, this.collection[0]); + } + + reset () { + if (this.length > 0) { + this.collection[0].reset(); + } + } + + property (property, value) { + if (this.collection[0]) { + if (typeof value !== "undefined") { + this.collection[0][property] = value; + } else { + return this.collection[0][property]; + } + } + } +} + +function $_ (selector) { + if (typeof selector != "undefined") { + return new Artemis(selector); + } else { + return Artemis; + } + +} + +/* exported $_ready */ + +function $_ready (callback) { + window.addEventListener("load", callback); +} +/** +* ============================== +* Request +* ============================== +*/ + +/* exported Request */ + +class Request { + + static get (url, data, responseType = "") { + return new Promise(function (resolve, reject) { + var encodedData = []; + for (var value in data) { + encodedData.push(encodeURIComponent(value) + "=" + encodeURIComponent(data[value])); + } + var request = new XMLHttpRequest(); + if (encodedData.length > 0) { + url = url + "?" + encodedData.join("&"); + } + request.open("GET", url, true); + request.responseType = responseType; + + request.onload = function () { + resolve(request.response); + }; + + request.onerror = function () { + reject(request); + }; + + request.send(); + }); + } + + static post (url, data, responseType = "", contentType = "application/x-www-form-urlencoded") { + return new Promise(function (resolve, reject) { + var encodedData = []; + for (var value in data) { + encodedData.push(encodeURIComponent(value) + "=" + encodeURIComponent(data[value])); + } + var request = new XMLHttpRequest(); + request.open("POST", url, true); + request.responseType = responseType; + request.onload = function () { + resolve(request.response); + }; + + request.onerror = function () { + reject(request); + }; + + request.setRequestHeader("Content-Type", `${contentType}; charset=UTF-8`); + request.send(encodedData.join("&")); + }); + } + + static json (url) { + return new Promise(function (resolve, reject) { + var request = new XMLHttpRequest(); + + request.responseType = "json"; + request.onload = function () { + resolve(request.response); + }; + + request.onerror = function () { + reject(request); + }; + + request.open("GET", url, true); + request.send(); + }); + } +} +/** +* ============================== +* Screen +* ============================== +*/ + +/* exported Screen */ + +class Screen { + + static isRetina () { + return window.devicePixelRatio >= 2; + } + + static isPortrait () { + return window.innerHeight > window.innerWidth; + } + + static isLandscape () { + return (window.orientation === 90 || window.orientation === -90); + } + + static getOrientation () { + return this.isPortrait ? "Portrait" : "Landscape"; + } + + static getMaximumWidth () { + return window.screen.availWidth; + } + + static getMaximumHeight () { + return window.screen.availHeight; + } +} +/** +* ============================== +* Storage +* ============================== +*/ + +/* exported Storage */ + +class Storage { + + static get (key) { + if (window.localStorage) { + return localStorage.getItem(key); + } else { + console.warn("Your browser does not support Local Storage"); + } + } + + static set (key, value) { + if (window.localStorage) { + localStorage.setItem(key, value); + } else { + console.warn("Your browser does not support Local Storage"); + } + } + + static clear () { + if (window.localStorage) { + localStorage.clear(); + } else { + console.warn("Your browser does not support Local Storage"); + } + } +} +/** +* ============================== +* Text +* ============================== +*/ + +/* exported Text */ + +class Text { + + static capitalize (text) { + return text.replace(/\w\S*/g, function (txt) { + return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); + }); + } + + static getSuffix (text, key) { + var suffix = ""; + var position = text.indexOf(key); + if (position != -1) { + position += key.length; + suffix = text.substr(position, text.length - position); + } + return suffix; + } + + static getPrefix (text, key) { + var prefix = ""; + var position = text.indexOf(key); + if (position != -1) { + prefix = text.substr(0, position); + } + return prefix; + } + + static getSelection () { + return window.getSelection().toString(); + } + + static buildText (array, wrapper) { + var result = ""; + if (array[0]) { + for (const i in array) { + result += Text.buildText(array[i], wrapper); + } + return result; + } else { + var string = wrapper; + for (const i in array) { + string = string.replace(new RegExp("@" + i, "g"), array[i]); + } + return string; + } + } + + static removeSpecialCharacters (text) { + var special = Array("#", ":", "ñ", "í", "ó", "ú", "á", "é", "Í", "Ó", "Ú", "Á", "É", "\(", "\)", "¡", "¿", "\/"); + var common = Array("", "", "n", "i", "o", "u", "a", "e", "I", "O", "U", "A", "E", "", "", "", "", ""); + for (const character in special) { + text = text.replace(new RegExp(special[character], "g"), common[character]); + } + return text; + } + + static removePunctuation (text) { + var special = new Array(";", "," ,".", ":"); + for (const character in special) { + text = text.replace(new RegExp(special[character], "g"), ""); + } + return text; + } + + static toFriendlyUrl (text) { + var expressions = { + "[áàâãªä]" : "a", + "[ÁÀÂÃÄ]" : "A", + "[ÍÌÎÏ]" : "I", + "[íìîï]" : "i", + "[éèêë]" : "e", + "[ÉÈÊË]" : "E", + "[óòôõºö]" : "o", + "[ÓÒÔÕÖ]" : "O", + "[úùûü]" : "u", + "[ÚÙÛÜ]" : "U", + "ç" : "c", + "Ç" : "C", + "ñ" : "n", + "Ñ" : "N", + "_" : "-", + "[’‘‹›<>\']" : "", + "[“”«»„\"]" : "", + "[\(\)\{\}\[\]]" : "", + "[?¿!¡#$%&^*´`~\/°\|]" : "", + "[,.:;]" : "", + " " : "-" + }; + + for (const regex in expressions) { + text = text.replace(new RegExp(regex, "g"), expressions[regex]); + } + + return text; + } + + static toUrl (text) { + return encodeURI(text); + } + +} \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100755 index 0000000..3c2d686 --- /dev/null +++ b/js/main.js @@ -0,0 +1,25 @@ +"use strict"; + +/* global $_ready */ +/* global $_ */ + +// Register the service worker +if ("serviceWorker" in navigator) { + if (location.protocol.indexOf ("http") > -1) { + navigator.serviceWorker.register("service-worker.js"); + } +} + +$_ready(function () { + $_(".nav .menu-icon").click(function () { + $_(this).parent().find("ul").toggleClass("active"); + $_(this).toggleClass("fa-bars fa-times"); + }); + + $_(".nav li").click(function () { + if ($_(".menu-icon").isVisible ()) { + $_(".menu-icon").toggleClass("fa-bars fa-times"); + $_(this).parent().parent().find("ul").toggleClass("active"); + } + }); +}); \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..c22cc93 --- /dev/null +++ b/manifest.json @@ -0,0 +1,76 @@ +{ + "short_name": "", + "name": "", + "background_color": "", + "theme_color": "", + "orientation": "any", + "display": "standalone", + "start_url": "index.html", + "icons": [ + { + "src": "img/icons/icon_48x48.png", + "type": "image/png", + "sizes": "48x48" + }, + { + "src": "img/icons/icon_60x60.png", + "type": "image/png", + "sizes": "60x60" + }, + { + "src": "img/icons/icon_70x70.png", + "type": "image/png", + "sizes": "70x70" + }, + { + "src": "img/icons/icon_76x76.png", + "type": "image/png", + "sizes": "76x76" + }, + { + "src": "img/icons/icon_96x96.png", + "type": "image/png", + "sizes": "96x96" + }, + { + "src": "img/icons/icon_128x128.png", + "type": "image/png", + "sizes": "128x128" + }, + { + "src": "img/icons/icon_150x150.png", + "type": "image/png", + "sizes": "150x150" + }, + { + "src": "img/icons/icon_152x152.png", + "type": "image/png", + "sizes": "152x152" + }, + { + "src": "img/icons/icon_167x167.png", + "type": "image/png", + "sizes": "167x167" + }, + { + "src": "img/icons/icon_180x180.png", + "type": "image/png", + "sizes": "180x180" + }, + { + "src": "img/icons/icon_192x192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "img/icons/icon_310x310.png", + "type": "image/png", + "sizes": "310x310" + }, + { + "src": "img/icons/icon_512x512.png", + "type": "image/png", + "sizes": "512x512" + } + ] +} \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..4f9540b --- /dev/null +++ b/robots.txt @@ -0,0 +1 @@ +User-agent: * \ No newline at end of file diff --git a/service-worker.js b/service-worker.js new file mode 100644 index 0000000..001d9f0 --- /dev/null +++ b/service-worker.js @@ -0,0 +1,105 @@ +"use strict"; + + +// Name of your cache, no spaces or special characters. +var name = ""; + +// The version of the cache, changing this will force everything to be cached +// again. +var version = ""; + +var files = [ + "/", + "index.html", + + // Style Sheets + "style/font-awesome.min.css", + "style/kayros.css", + //"style/main.css", + + // Scripts + "js/animatelo.min.js", + "js/artemis.js", + //"js/main.js", + + // Fonts + "fonts/fontawesome-webfont.eot", + "fonts/fontawesome-webfont.svg", + "fonts/fontawesome-webfont.ttf", + "fonts/fontawesome-webfont.woff", + "fonts/fontawesome-webfont.woff2", + "fonts/FontAwesome.otf", + + // Images + "img/favicon.ico", + "img/icons/icon_48x48.png", + "img/icons/icon_60x60.png", + "img/icons/icon_70x70.png", + "img/icons/icon_76x76.png", + "img/icons/icon_96x96.png", + "img/icons/icon_128x128.png", + "img/icons/icon_150x150.png", + "img/icons/icon_152x152.png", + "img/icons/icon_167x167.png", + "img/icons/icon_180x180.png", + "img/icons/icon_192x192.png", + "img/icons/icon_310x310.png", + "img/icons/icon_512x512.png" +]; + +self.addEventListener("install", function (event) { + event.waitUntil( + caches.open(`${name}-v${version}`).then(function (cache) { + return cache.addAll(files); + }) + ); +}); + +self.addEventListener("activate", function (event) { + event.waitUntil( + caches.keys().then(function (keyList) { + return Promise.all(keyList.map(function (key) { + if (key !== `${name}-v${version}`) { + return caches.delete(key); + } + })); + }) + ); + + return self.clients.claim(); +}); + +self.addEventListener("fetch", function (event) { + if (event.request.method !== "GET") { + return; + } + + event.respondWith( + caches.match(event.request).then(function (cached) { + var networked = fetch(event.request) + .then(fetchedFromNetwork, unableToResolve) + .catch(unableToResolve); + return cached || networked; + + function fetchedFromNetwork (response) { + var cacheCopy = response.clone(); + + caches.open(`${name}-v${version}`).then(function add (cache) { + cache.put(event.request, cacheCopy); + }); + + return response; + } + + function unableToResolve () { + return new Response("

Service Unavailable

", { + status: 503, + statusText: "Service Unavailable", + headers: new Headers({ + "Content-Type": "text/html" + }) + }); + } + }) + ); +}); \ No newline at end of file diff --git a/src/img/.gitignore b/src/img/.gitignore deleted file mode 100755 index c1f854e..0000000 --- a/src/img/.gitignore +++ /dev/null @@ -1,2 +0,0 @@ -.DS_Store -*.zip diff --git a/src/js/artemis.js b/src/js/artemis.js deleted file mode 100644 index 35a0e95..0000000 --- a/src/js/artemis.js +++ /dev/null @@ -1,647 +0,0 @@ -/** - * ============================== - * Artemis 0.1.1 | MIT License - * http://aegisframework.com/ - * ============================== - */ - -"use strict"; -class Artemis { - - constructor(selector){ - if(typeof selector == "string"){ - this.collection = document.querySelectorAll(selector); - this.length = this.collection.length; - }else if(typeof selector == "object"){ - if(selector.length >= 1){ - this.collection = selector; - }else{ - this.collection = [selector]; - } - this.length = this.collection.length; - }else{ - return null; - } - } - - hide(){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].style.display = "none"; - } - } - - show(){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].style.display = "block"; - } - } - - addClass(newClass){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].classList.add(newClass); - } - } - - removeClass(oldClass){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].classList.remove(oldClass); - } - } - - toggleClass(classes){ - classes = classes.split(" "); - for(let i = 0; i < this.collection.length; i++){ - for(let j = 0; j < classes.length; j++){ - this.collection[i].classList.toggle(classes[j]); - } - } - } - - hasClass(classToCheck){ - if(this.collection[0]){ - for(let j = 0; j < this.collection[0].classList.length; j++){ - if(this.collection[0].classList[j] == classToCheck){ - return true; - } - } - } - return false; - } - - value(value){ - if(this.length > 0){ - if (typeof value === 'undefined'){ - return this.collection[0].value; - }else{ - this.collection[0].value = value; - } - } - } - - click(callback){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].addEventListener("click", callback, false); - } - } - - keyup(callback){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].addEventListener("keyup", callback, false); - } - } - - keydown(callback){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].addEventListener("keydown", callback, false); - } - } - - submit(callback){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].addEventListener("submit", callback, false); - } - } - - change(callback){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].addEventListener("change", callback, false); - } - } - - scroll(callback){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].addEventListener("scroll", callback, false); - } - } - - on(event, callback, target){ - event = event.split(" "); - for(let i = 0; i < this.collection.length; i++){ - for(let j = 0; j < event.length; j++){ - if(typeof callback === "string" && typeof target !== "undefined"){ - - this.collection[i].addEventListener(event[j], function(e){ - if(e.target && $_(e.target).matches(callback)) { - target.call(e.target, e); - } - }, false); - - }else{ - this.collection[i].addEventListener(event[j], callback, false); - } - } - } - } - - filter(element){ - if(this.length > 0){ - return new Artemis(this.collection[0].querySelector(element)); - } - } - - data(name, value){ - if(this.length > 0){ - if (typeof value === 'undefined'){ - return this.collection[0].dataset[name]; - }else{ - this.collection[0].dataset[name] = value; - } - } - } - - text(value){ - if(this.length > 0){ - if (typeof value === 'undefined'){ - return this.collection[0].textContent; - }else{ - this.collection[0].textContent = value; - } - } - } - - html(value){ - if(this.length > 0){ - if (typeof value === 'undefined'){ - return this.collection[0].innerHTML; - }else{ - this.collection[0].innerHTML = value; - } - } - } - - append(data){ - if(this.length > 0){ - var div = document.createElement('div'); - div.innerHTML = data; - this.collection[0].appendChild(div.firstChild); - } - } - - each(callback){ - for(let i = 0; i < this.collection.length; i++){ - callback(this.collection[i]); - } - } - - get(index){ - return this.collection[index]; - } - - first(){ - if(this.length > 0){ - return new Artemis(this.collection[0]); - } - } - - isVisible(){ - for(let i = 0; i < this.collection.length; i++){ - if (this.collection[i].display != "none" && this.collection[i].offsetWidth > 0 && this.collection[i].offsetHeight > 0){ - return true; - } - } - return false; - } - - parent(){ - if(this.collection[0]){ - return new Artemis(this.collection[0].parentElement); - } - } - - find(selector){ - if(this.collection[0]){ - return new Artemis(this.collection[0].querySelectorAll(selector)); - } - } - - offset(){ - if(this.collection[0]){ - var rect = this.collection[0].getBoundingClientRect(); - var offset = { - top: rect.top + document.body.scrollTop, - left: rect.left + document.body.scrollLeft - }; - return offset; - } - } - - closest(searchSelector){ - var element = this.find(searchSelector); - while (element.get(0) == null && this.parent().get(0) != null) { - element = this.parent().find(searchSelector); - } - return element; - } - - attribute(attribute, value){ - if(this.collection[0]){ - if (typeof value === 'undefined'){ - this.collection[0].getAttribute(attribute); - }else{ - return this.collection[0].setAttribute(attribute, value); - } - } - } - - after(content){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].insertAdjacentHTML('afterend', content); - } - } - - before(content){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].insertAdjacentHTML('beforebegin', content); - } - } - - style(properties, value){ - for(let i = 0; i < this.collection.length; i++){ - if(typeof properties === "string" && value !== "undefined"){ - this.collection[i].style[properties] = value; - }else if(typeof properties === "string" && value === "undefined"){ - return this.collection[i].style[properties]; - }else if(typeof properties === "object"){ - for(var property in properties){ - this.collection[i].style[property] = properties[property]; - } - } - } - } - - animate(style, time){ - for(let i = 0; i < this.collection.length; i++){ - for(var property in style){ - - var start = new Date().getTime(); - var collection = this.collection; - - if(typeof this.collection[i].style[property] !== "undefined"){ - var initialValue = this.collection[i].style[property]; - - var timer = setInterval(function() { - var step = Math.min(1, (new Date().getTime() - start) / time); - - collection[i].style[property] = (initialValue + step * (style[property] - initialValue)); - - if(step == 1){ - clearInterval(timer); - } - }, 25); - this.collection[i].style[property] = initialValue; - - }else if(typeof (this.collection[i])[property] !== "undefined"){ - var initialValue = (this.collection[i])[property]; - - var timer = setInterval(function() { - var step = Math.min(1, (new Date().getTime() - start) / time); - - (collection[i])[property] = (initialValue + step * (style[property] - initialValue)); - - if(step == 1){ - clearInterval(timer); - } - }, 25); - (this.collection[i])[property] = initialValue; - } - } - } - } - - fadeIn(time = 400, callback){ - if(this.collection[0]){ - var element = this.collection[0]; - element.style.opacity = 0; - - var last = +new Date(); - - var tick = function(){ - element.style.opacity = +element.style.opacity + (new Date() - last) / time; - last = +new Date(); - - if (+element.style.opacity < 1) { - (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16); - }else{ - if(typeof callback === "function"){ - callback(); - } - } - }; - - tick(); - } - } - - fadeOut(time = 400, callback){ - if(this.collection[0]){ - var last = +new Date(); - var element = this.collection[0]; - var tick = function(){ - element.style.opacity = +element.style.opacity - (new Date() - last) / time; - last = +new Date(); - - if (+element.style.opacity > 0) { - (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16); - }else{ - if(typeof callback === "function"){ - callback(); - } - } - }; - - tick(); - } - } - - matches(selector){ - var check = Element.prototype; - var polyfill = check.matches || check.webkitMatchesSelector || check.mozMatchesSelector || check.msMatchesSelector || function() { - return [].indexOf.call(document.querySelectorAll(selector), this) !== -1; - }; - return polyfill.call(this.collection[0], selector); - } - - remove(){ - for(let i = 0; i < this.collection.length; i++){ - this.collection[i].parentNode.removeChild(this.collection[i]); - } - } - - replaceWith(data){ - var div = document.createElement('div'); - div.innerHTML = data; - this.collection[0].parentElement.replaceChild(div, this.collection[0]); - } - - reset(){ - if(this.length > 0){ - this.collection[0].reset(); - } - } - - property(property, value){ - if(this.collection[0]){ - if(typeof value !== "undefined"){ - this.collection[0][property] = value; - }else{ - return this.collection[0][property]; - } - } - } -} - -function $_(selector){ - if(typeof selector != "undefined"){ - return new Artemis(selector); - }else{ - return Artemis; - } - -} - -function $_ready(callback){ - window.addEventListener("load", callback); -} - -/** -* ============================== -* Request -* ============================== -*/ - -class Request { - - static get(url, data, events, responseType = ""){ - var request = new XMLHttpRequest(); - request.open('GET', url, true); - request.responseType = responseType; - - if(typeof events.onload === "function"){ - request.onload = function(){ - events.onload(request); - } - } - - if(typeof events.error === "function"){ - request.error = function(){ - events.error(request); - } - } - - request.send(data); - } - - static post(url, data, events, responseType = "", contentType = 'application/x-www-form-urlencoded'){ - var request = new XMLHttpRequest(); - request.open('POST', url, true); - request.responseType = responseType; - if(typeof events.onload === "function"){ - request.onload = function(){ - events.onload(request); - } - } - - if(typeof events.error === "function"){ - request.error = function(){ - events.error(request); - } - } - - request.setRequestHeader('Content-Type', `${contentType}; charset=UTF-8`); - request.send(data); - } - - static json(url, events){ - var request = new XMLHttpRequest(); - - request.responseType = "json"; - - if(typeof events.onload === "function"){ - request.onload = function(){ - events.onload(request); - } - } - - if(typeof events.error === "function"){ - request.error = function(){ - events.error(request); - } - } - - request.open('GET', url, true); - request.send(); - } - -} -/** -* ============================== -* Screen -* ============================== -*/ - -class Screen { - - static isRetina(){ - return window.devicePixelRatio >= 2; - } - - static isPortrait(){ - return window.innerHeight > window.innerWidth; - } - - static isLandscape(){ - return (window.orientation === 90 || window.orientation === -90); - } - - static getOrientation(){ - return this.isPortrait ? "Portrait" : "Landscape"; - } - - static getMaximumWidth(){ - return window.screen.availWidth; - } - - static getMaximumHeight(){ - return window.screen.availHeight; - } -} -/** -* ============================== -* Storage -* ============================== -*/ - -class Storage { - - static get(key){ - if(window.localStorage){ - return localStorage.getItem(key); - }else{ - console.warn("Your browser does not support Local Storage"); - } - } - - static set(key, value){ - if(window.localStorage){ - localStorage.setItem(key, value); - }else{ - console.warn("Your browser does not support Local Storage"); - } - } - - static clear(){ - if(window.localStorage){ - ocalStorage.clear(); - }else{ - console.warn("Your browser does not support Local Storage"); - } - } -} -/** -* ============================== -* Text -* ============================== -*/ - -class Text { - - static capitalize(text){ - return text.replace(/\w\S*/g, function(txt) { - return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); - }); - } - - static getSuffix(text, key){ - var suffix = ""; - var position = text.indexOf(key); - if(position != -1){ - position += key.length; - suffix = text.substr(position, text.length - position); - } - return suffix; - } - - static getPrefix(text, key){ - var prefix = ""; - var position = text.indexOf(key); - if(position != -1){ - prefix = text.substr(0, position); - } - return prefix; - } - - static getSelection(){ - return window.getSelection().toString(); - } - - static buildText(array, wrapper){ - var result = ""; - if(array[0]){ - for(let i in array){ - result += Text.buildText(array[i], wrapper); - } - return result; - }else{ - var string = wrapper; - for(let i in array){ - string = string.replace(new RegExp('@' + i, 'g'), array[i]); - } - return string; - } - - } - - static removeSpecialCharacters(text){ - var special = Array("#", ":", "ñ", "í", "ó", "ú", "á", "é", "Í", "Ó", "Ú", "Á", "É", "\(", "\)", "¡", "¿", "\/"); - var common = Array("", "", "n", "i", "o", "u", "a", "e", "I", "O", "U", "A", "E", "", "", "", "", ""); - for(let character in special){ - text = text.replace(new RegExp(special[character], 'g'), common[character]); - } - return text; - } - - static removePunctuation(text){ - var special = new Array(";", "," ,".", ":"); - for(let character in special){ - text = text.replace(new RegExp(special[character], 'g'), ""); - } - return text; - } - - static toFriendlyUrl(text){ - var expressions = { - '[áàâãªä]' : 'a', - '[ÁÀÂÃÄ]' : 'A', - '[ÍÌÎÏ]' : 'I', - '[íìîï]' : 'i', - '[éèêë]' : 'e', - '[ÉÈÊË]' : 'E', - '[óòôõºö]' : 'o', - '[ÓÒÔÕÖ]' : 'O', - '[úùûü]' : 'u', - '[ÚÙÛÜ]' : 'U', - 'ç' : 'c', - 'Ç' : 'C', - 'ñ' : 'n', - 'Ñ' : 'N', - '_' : '-', - '[’‘‹›<>\']' : '', - '[“”«»„\"]' : '', - '[\(\)\{\}\[\]]' : '', - '[?¿!¡#$%&^*´`~\/°\|]' : '', - '[,.:;]' : '', - ' ' : '-' - }; - - for(let regex in expressions){ - text = text.replace(new RegExp(regex, 'g'), expressions[regex]); - } - - return text; - } - - static toUrl(text){ - return encodeURI(text); - } - -} diff --git a/src/js/artemis.min.js b/src/js/artemis.min.js deleted file mode 100644 index 2cc5ca9..0000000 --- a/src/js/artemis.min.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict';var Artemis=function(selector){if(typeof selector=="string"){this.collection=document.querySelectorAll(selector);this.length=this.collection.length}else if(typeof selector=="object"){if(selector.length>=1)this.collection=selector;else this.collection=[selector];this.length=this.collection.length}else return null};Artemis.prototype.hide=function(){for(var i=0;i0)if(typeof value==="undefined")return this.collection[0].value;else this.collection[0].value=value};Artemis.prototype.click=function(callback){for(var i=0;i0)return new Artemis(this.collection[0].querySelector(element))}; -Artemis.prototype.data=function(name,value){if(this.length>0)if(typeof value==="undefined")return this.collection[0].dataset[name];else this.collection[0].dataset[name]=value};Artemis.prototype.text=function(value){if(this.length>0)if(typeof value==="undefined")return this.collection[0].textContent;else this.collection[0].textContent=value};Artemis.prototype.html=function(value){if(this.length>0)if(typeof value==="undefined")return this.collection[0].innerHTML;else this.collection[0].innerHTML=value}; -Artemis.prototype.append=function(data){if(this.length>0){var div=document.createElement("div");div.innerHTML=data;this.collection[0].appendChild(div.firstChild)}};Artemis.prototype.each=function(callback){for(var i=0;i0)return new Artemis(this.collection[0])}; -Artemis.prototype.isVisible=function(){for(var i=0;i0&&this.collection[i].offsetHeight>0)return true;return false};Artemis.prototype.parent=function(){if(this.collection[0])return new Artemis(this.collection[0].parentElement)};Artemis.prototype.find=function(selector){if(this.collection[0])return new Artemis(this.collection[0].querySelectorAll(selector))}; -Artemis.prototype.offset=function(){if(this.collection[0]){var rect=this.collection[0].getBoundingClientRect();var offset={top:rect.top+document.body.scrollTop,left:rect.left+document.body.scrollLeft};return offset}};Artemis.prototype.closest=function(searchSelector){var element=this.find(searchSelector);while(element.get(0)==null&&this.parent().get(0)!=null)element=this.parent().find(searchSelector);return element}; -Artemis.prototype.attribute=function(attribute,value){if(this.collection[0])if(typeof value==="undefined")this.collection[0].getAttribute(attribute);else return this.collection[0].setAttribute(attribute,value)};Artemis.prototype.after=function(content){for(var i=0;i0)window.requestAnimationFrame&&requestAnimationFrame(tick)||setTimeout(tick,16);else if(typeof callback==="function")callback()};tick()}}; -Artemis.prototype.matches=function(selector){var check=Element.prototype;var polyfill=check.matches||check.webkitMatchesSelector||check.mozMatchesSelector||check.msMatchesSelector||function(){return[].indexOf.call(document.querySelectorAll(selector),this)!==-1};return polyfill.call(this.collection[0],selector)};Artemis.prototype.remove=function(){for(var i=0;i0)this.collection[0].reset()};Artemis.prototype.property=function(property,value){if(this.collection[0])if(typeof value!=="undefined")this.collection[0][property]=value;else return this.collection[0][property]}; -function $_(selector){if(typeof selector!="undefined")return new Artemis(selector);else return Artemis}function $_ready(callback){window.addEventListener("load",callback)}var Request=function(){}; -Request.get=function(url,data,events,responseType){responseType=responseType===undefined?"":responseType;var request=new XMLHttpRequest;request.open("GET",url,true);request.responseType=responseType;if(typeof events.onload==="function")request.onload=function(){events.onload(request)};if(typeof events.error==="function")request.error=function(){events.error(request)};request.send(data)}; -Request.post=function(url,data,events,responseType,contentType){responseType=responseType===undefined?"":responseType;contentType=contentType===undefined?"application/x-www-form-urlencoded":contentType;var request=new XMLHttpRequest;request.open("POST",url,true);request.responseType=responseType;if(typeof events.onload==="function")request.onload=function(){events.onload(request)};if(typeof events.error==="function")request.error=function(){events.error(request)};request.setRequestHeader("Content-Type", -contentType+"; charset=UTF-8");request.send(data)};Request.json=function(url,events){var request=new XMLHttpRequest;request.responseType="json";if(typeof events.onload==="function")request.onload=function(){events.onload(request)};if(typeof events.error==="function")request.error=function(){events.error(request)};request.open("GET",url,true);request.send()};var Screen=function(){};Screen.isRetina=function(){return window.devicePixelRatio>=2}; -Screen.isPortrait=function(){return window.innerHeight>window.innerWidth};Screen.isLandscape=function(){return window.orientation===90||window.orientation===-90};Screen.getOrientation=function(){return this.isPortrait?"Portrait":"Landscape"};Screen.getMaximumWidth=function(){return window.screen.availWidth};Screen.getMaximumHeight=function(){return window.screen.availHeight};var Storage=function(){};Storage.get=function(key){if(window.localStorage)return localStorage.getItem(key);else console.warn("Your browser does not support Local Storage")}; -Storage.set=function(key,value){if(window.localStorage)localStorage.setItem(key,value);else console.warn("Your browser does not support Local Storage")};Storage.clear=function(){if(window.localStorage)ocalStorage.clear();else console.warn("Your browser does not support Local Storage")};var Text=function(){};Text.capitalize=function(text){return text.replace(/\w\S*/g,function(txt){return txt.charAt(0).toUpperCase()+txt.substr(1).toLowerCase()})}; -Text.getSuffix=function(text,key){var suffix="";var position=text.indexOf(key);if(position!=-1){position+=key.length;suffix=text.substr(position,text.length-position)}return suffix};Text.getPrefix=function(text,key){var prefix="";var position=text.indexOf(key);if(position!=-1)prefix=text.substr(0,position);return prefix};Text.getSelection=function(){return window.getSelection().toString()}; -Text.buildText=function(array,wrapper){var result="";if(array[0]){for(var i in array)result+=Text.buildText(array[i],wrapper);return result}else{var string=wrapper;for(var i$0 in array)string=string.replace(new RegExp("@"+i$0,"g"),array[i$0]);return string}}; -Text.removeSpecialCharacters=function(text){var special=Array("#",":","\u00f1","\u00ed","\u00f3","\u00fa","\u00e1","\u00e9","\u00cd","\u00d3","\u00da","\u00c1","\u00c9","(",")","\u00a1","\u00bf","/");var common=Array("","","n","i","o","u","a","e","I","O","U","A","E","","","","","");for(var character in special)text=text.replace(new RegExp(special[character],"g"),common[character]);return text}; -Text.removePunctuation=function(text){var special=new Array(";",",",".",":");for(var character in special)text=text.replace(new RegExp(special[character],"g"),"");return text}; -Text.toFriendlyUrl=function(text){var expressions={"[\u00e1\u00e0\u00e2\u00e3\u00aa\u00e4]":"a","[\u00c1\u00c0\u00c2\u00c3\u00c4]":"A","[\u00cd\u00cc\u00ce\u00cf]":"I","[\u00ed\u00ec\u00ee\u00ef]":"i","[\u00e9\u00e8\u00ea\u00eb]":"e","[\u00c9\u00c8\u00ca\u00cb]":"E","[\u00f3\u00f2\u00f4\u00f5\u00ba\u00f6]":"o","[\u00d3\u00d2\u00d4\u00d5\u00d6]":"O","[\u00fa\u00f9\u00fb\u00fc]":"u","[\u00da\u00d9\u00db\u00dc]":"U","\u00e7":"c","\u00c7":"C","\u00f1":"n","\u00d1":"N","_":"-","[\u2019\u2018\u2039\u203a<>']":"", -'[\u201c\u201d\u00ab\u00bb\u201e"]':"","[(){}[]]":"","[?\u00bf!\u00a1#$%&^*\u00b4`~/\u00b0|]":"","[,.:;]":""," ":"-"};for(var regex in expressions)text=text.replace(new RegExp(regex,"g"),expressions[regex]);return text};Text.toUrl=function(text){return encodeURI(text)}; diff --git a/src/js/main.js b/src/js/main.js deleted file mode 100755 index e6e8b57..0000000 --- a/src/js/main.js +++ /dev/null @@ -1,15 +0,0 @@ -$_ready(function(){ - - $_(".nav .menu-icon").click(function(){ - $_(this).parent().find("ul").toggleClass("active"); - $_(this).toggleClass('fa-bars fa-times'); - }); - - $_(".nav li").click(function(){ - if($_(".menu-icon").isVisible()){ - $_(".menu-icon").toggleClass('fa-bars fa-times'); - $_(this).parent().parent().find("ul").toggleClass("active"); - } - }); - -}); \ No newline at end of file diff --git a/src/robots.txt b/src/robots.txt deleted file mode 100755 index 6f27bb6..0000000 --- a/src/robots.txt +++ /dev/null @@ -1,2 +0,0 @@ -User-agent: * -Disallow: \ No newline at end of file diff --git a/src/style/aegis.css b/src/style/aegis.css deleted file mode 100755 index 5bdb164..0000000 --- a/src/style/aegis.css +++ /dev/null @@ -1,1577 +0,0 @@ -/** - * ============================== - * Aegis CSS 0.1.0 | MIT License - * http://aegisframework.com/ - * ============================== - */ - -html { - overflow-x: hidden; - height: 100%; - width: 100%; - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -body { - height: 100%; - width: 100%; - overflow-x: hidden; - font-size: 100%; - margin: 0; - padding: 0; - color: #424242; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; - padding: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; -} - -audio, -canvas, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -progress { - vertical-align: baseline; -} - -template, -[hidden] { - display: none; -} - -a { - text-decoration: none; - color: inherit; - cursor: pointer; - background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -a:active, -a:hover { - outline-width: 0; -} - -abbr[title] { - border-bottom: none; - text-decoration: underline; - text-decoration: underline dotted; -} - -b, -strong { - font-weight: inherit; -} - -b, -strong { - font-weight: bolder; -} - -dfn { - font-style: italic; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -mark { - background-color: #ff0; - color: #000; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -img { - border-style: none; - -webkit-user-drag: none; - user-drag: none; - -webkit-touch-callout: none; - border: 0; - max-width: 100%; -} - -svg:not(:root) { - overflow: hidden; -} - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -figure { - margin: 1em 40px; -} - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -button, -input, -optgroup, -select, -textarea { - color: inherit; - font: inherit; - margin: 0; -} - -optgroup { - font-weight: bold; -} - -button, -input { - overflow: visible; -} - -button, -select { - -webkit-appearance: none; - -moz-appearance: none; - border: none; - outline: none; - text-transform: none; -} - -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -button[disabled], -html input[disabled] { - cursor: default; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -textarea { - resize: none; - overflow: auto; -} - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - padding: 0; -} - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-input-placeholder { - color: inherit; - opacity: 0.54; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -.unselectable, img { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -/** -* ============================== -* Grid System -* ============================== -*/ - -.container, -.row .col { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding-left: 1rem; - padding-right: 1rem; -} - -.row { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -1rem; - margin-right: -1rem; - align-content: center; - align-items: center; -} - -.row.align-center{ - justify-content: center; - -} - -.row.stretch { - align-content: stretch; -} - -.row.around { - align-content: space-around; -} - -.row.align-left { - justify-content: flex-start; -} - -.row.align-right { - justify-content: flex-end; -} - -.row.align-center-between { - justify-content: space-between; -} - -.row.align-center-around { - justify-content: space-around -} - -.row .col.auto { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1 1 0 !important; - -ms-flex: 1 1 0 !important; - flex: 1 1 0 !important; -} - -.row > div { - -webkit-flex-basis: 100%; - flex-basis: 100%; -} - -.row .col.s1 { - -webkit-flex-basis: 8.333333333333334%; - flex-basis: 8.333333333333334%; -} - -.row .col.s2 { - -webkit-flex-basis: 16.666666666666668%; - flex-basis: 16.666666666666668%; -} - -.row .col.s3 { - -webkit-flex-basis: 25%; - flex-basis: 25%; -} - -.row .col.s4 { - -webkit-flex-basis: 33.333333333333336%; - flex-basis: 33.333333333333336%; -} - -.row .col.s5 { - -webkit-flex-basis: 41.66666666666667%; - flex-basis: 41.66666666666667%; -} - -.row .col.s6 { - -webkit-flex-basis: 50%; - flex-basis: 50%; -} - -.row .col.s7 { - -webkit-flex-basis: 58.333333333333336%; - flex-basis: 58.333333333333336%; -} - -.row .col.s8 { - -webkit-flex-basis: 66.66666666666667%; - flex-basis: 66.66666666666667%; -} - -.row .col.s9 { - -webkit-flex-basis: 75%; - flex-basis: 75%; -} - -.row .col.s10 { - -webkit-flex-basis: 83.33333333333334%; - flex-basis: 83.33333333333334%; -} - -.row .col.s11 { - -webkit-flex-basis: 91.66666666666667%; - flex-basis: 91.66666666666667%; -} - -.row .col.s12 { - -webkit-flex-basis: 100%; - flex-basis: 100%; -} - -.row .col.offset-s1 { - margin-left: 8.333333333333334%; -} - -.row .col.offset-s2 { - margin-left: 16.666666666666668%; -} - -.row .col.offset-s3 { - margin-left: 25%; -} - -.row .col.offset-s4 { - margin-left: 33.333333333333336%; -} - -.row .col.offset-s5 { - margin-left: 41.66666666666667%; -} - -.row .col.offset-s6 { - margin-left: 50%; -} - -.row .col.offset-s7 { - margin-left: 58.333333333333336%; -} - -.row .col.offset-s8 { - margin-left: 66.66666666666667%; -} - -.row .col.offset-s9 { - margin-left: 75%; -} - -.row .col.offset-s10 { - margin-left: 83.33333333333334%; -} - -.row .col.offset-s11 { - margin-left: 91.66666666666667%; -} - -@media (min-width: 601px) { - .row .col.m1 { - -webkit-flex-basis: 8.333333333333334%; - flex-basis: 8.333333333333334%; - } - - .row .col.m2 { - -webkit-flex-basis: 16.666666666666668%; - flex-basis: 16.666666666666668%; - } - - .row .col.m3 { - -webkit-flex-basis: 25%; - flex-basis: 25%; - } - - .row .col.m4 { - -webkit-flex-basis: 33.333333333333336%; - flex-basis: 33.333333333333336%; - } - - .row .col.m5 { - -webkit-flex-basis: 41.66666666666667%; - flex-basis: 41.66666666666667%; - } - - .row .col.m6 { - -webkit-flex-basis: 50%; - flex-basis: 50%; - } - - .row .col.m7 { - -webkit-flex-basis: 58.333333333333336%; - flex-basis: 58.333333333333336%; - } - - .row .col.m8 { - -webkit-flex-basis: 66.66666666666667%; - flex-basis: 66.66666666666667%; - } - - .row .col.m9 { - -webkit-flex-basis: 75%; - flex-basis: 75%; - } - - .row .col.m10 { - -webkit-flex-basis: 83.33333333333334%; - flex-basis: 83.33333333333334%; - } - - .row .col.m11 { - -webkit-flex-basis: 91.66666666666667%; - flex-basis: 91.66666666666667%; - } - - .row .col.m12 { - -webkit-flex-basis: 100%; - flex-basis: 100%; - } - - .row .col.offset-m1 { - margin-left: 8.333333333333334%; - } - - .row .col.offset-m2 { - margin-left: 16.666666666666668%; - } - - .row .col.offset-m3 { - margin-left: 25%; - } - - .row .col.offset-m4 { - margin-left: 33.333333333333336%; - } - - .row .col.offset-m5 { - margin-left: 41.66666666666667%; - } - - .row .col.offset-m6 { - margin-left: 50%; - } - - .row .col.offset-m7 { - margin-left: 58.333333333333336%; - } - - .row .col.offset-m8 { - margin-left: 66.66666666666667%; - } - - .row .col.offset-m9 { - margin-left: 75%; - } - - .row .col.offset-m10 { - margin-left: 83.33333333333334%; - } - - .row .col.offset-m11 { - margin-left: 91.66666666666667%; - } - -} - -@media (min-width: 992px) { - .row .col.l1 { - -webkit-flex-basis: 8.333333333333334%; - flex-basis: 8.333333333333334%; - } - - .row .col.l2 { - -webkit-flex-basis: 16.666666666666668%; - flex-basis: 16.666666666666668%; - } - - .row .col.l3 { - -webkit-flex-basis: 25%; - flex-basis: 25%; - } - - .row .col.l4 { - -webkit-flex-basis: 33.333333333333336%; - flex-basis: 33.333333333333336%; - } - - .row .col.l5 { - -webkit-flex-basis: 41.66666666666667%; - flex-basis: 41.66666666666667%; - } - - .row .col.l6 { - -webkit-flex-basis: 50%; - flex-basis: 50%; - } - - .row .col.l7 { - -webkit-flex-basis: 58.333333333333336%; - flex-basis: 58.333333333333336%; - } - - .row .col.l8 { - -webkit-flex-basis: 66.66666666666667%; - flex-basis: 66.66666666666667%; - } - - .row .col.l9 { - -webkit-flex-basis: 75%; - flex-basis: 75%; - } - - .row .col.l10 { - -webkit-flex-basis: 83.33333333333334%; - flex-basis: 83.33333333333334%; - } - - .row .col.l11 { - -webkit-flex-basis: 91.66666666666667%; - flex-basis: 91.66666666666667%; - } - - .row .col.l12 { - -webkit-flex-basis: 100%; - flex-basis: 100%; - } - - .row .col.offset-l1 { - margin-left: 8.333333333333334%; - } - - .row .col.offset-l2 { - margin-left: 16.666666666666668%; - } - - .row .col.offset-l3 { - margin-left: 25%; - } - - .row .col.offset-l4 { - margin-left: 33.333333333333336%; - } - - .row .col.offset-l5 { - margin-left: 41.66666666666667%; - } - - .row .col.offset-l6 { - margin-left: 50%; - } - - .row .col.offset-l7 { - margin-left: 58.333333333333336%; - } - - .row .col.offset-l8 { - margin-left: 66.66666666666667%; - } - - .row .col.offset-l9 { - margin-left: 75%; - } - - .row .col.offset-l10 { - margin-left: 83.33333333333334%; - } - - .row .col.offset-l11 { - margin-left: 91.66666666666667%; - } - -} - -@media (min-width: 1200px) { - .row .col.xl1 { - -webkit-flex-basis: 8.333333333333334%; - flex-basis: 8.333333333333334%; - } - - .row .col.xl2 { - -webkit-flex-basis: 16.666666666666668%; - flex-basis: 16.666666666666668%; - } - - .row .col.xl3 { - -webkit-flex-basis: 25%; - flex-basis: 25%; - } - - .row .col.xl4 { - -webkit-flex-basis: 33.333333333333336%; - flex-basis: 33.333333333333336%; - } - - .row .col.xl5 { - -webkit-flex-basis: 41.66666666666667%; - flex-basis: 41.66666666666667%; - } - - .row .col.xl6 { - -webkit-flex-basis: 50%; - flex-basis: 50%; - } - - .row .col.xl7 { - -webkit-flex-basis: 58.333333333333336%; - flex-basis: 58.333333333333336%; - } - - .row .col.xl8 { - -webkit-flex-basis: 66.66666666666667%; - flex-basis: 66.66666666666667%; - } - - .row .col.xl9 { - -webkit-flex-basis: 75%; - flex-basis: 75%; - } - - .row .col.xl10 { - -webkit-flex-basis: 83.33333333333334%; - flex-basis: 83.33333333333334%; - } - - .row .col.xl11 { - -webkit-flex-basis: 91.66666666666667%; - flex-basis: 91.66666666666667%; - } - - .row .col.xl12 { - -webkit-flex-basis: 100%; - flex-basis: 100%; - } - - .row .col.offset-xl1 { - margin-left: 8.333333333333334%; - } - - .row .col.offset-xl2 { - margin-left: 16.666666666666668%; - } - - .row .col.offset-xl3 { - margin-left: 25%; - } - - .row .col.offset-xl4 { - margin-left: 33.333333333333336%; - } - - .row .col.offset-xl5 { - margin-left: 41.66666666666667%; - } - - .row .col.offset-xl6 { - margin-left: 50%; - } - - .row .col.offset-xl7 { - margin-left: 58.333333333333336%; - } - - .row .col.offset-xl8 { - margin-left: 66.66666666666667%; - } - - .row .col.offset-xl9 { - margin-left: 75%; - } - - .row .col.offset-xl10 { - margin-left: 83.33333333333334%; - } - - .row .col.offset-xl11 { - margin-left: 91.66666666666667%; - } - -} - -@media (min-width: 1900px) { - .row .col.xxl1 { - -webkit-flex-basis: 8.333333333333334%; - flex-basis: 8.333333333333334%; - } - - .row .col.xxl2 { - -webkit-flex-basis: 16.666666666666668%; - flex-basis: 16.666666666666668%; - } - - .row .col.xxl3 { - -webkit-flex-basis: 25%; - flex-basis: 25%; - } - - .row .col.xxl4 { - -webkit-flex-basis: 33.333333333333336%; - flex-basis: 33.333333333333336%; - } - - .row .col.xxl5 { - -webkit-flex-basis: 41.66666666666667%; - flex-basis: 41.66666666666667%; - } - - .row .col.xxl6 { - -webkit-flex-basis: 50%; - flex-basis: 50%; - } - - .row .col.xxl7 { - -webkit-flex-basis: 58.333333333333336%; - flex-basis: 58.333333333333336%; - } - - .row .col.xxl8 { - -webkit-flex-basis: 66.66666666666667%; - flex-basis: 66.66666666666667%; - } - - .row .col.xxl9 { - -webkit-flex-basis: 75%; - flex-basis: 75%; - } - - .row .col.xxl10 { - -webkit-flex-basis: 83.33333333333334%; - flex-basis: 83.33333333333334%; - } - - .row .col.xxl11 { - -webkit-flex-basis: 91.66666666666667%; - flex-basis: 91.66666666666667%; - } - - .row .col.xxl12 { - -webkit-flex-basis: 100%; - flex-basis: 100%; - } - - .row .col.offset-xxl1 { - margin-left: 8.333333333333334%; - } - - .row .col.offset-xxl2 { - margin-left: 16.666666666666668%; - } - - .row .col.offset-xxl3 { - margin-left: 25%; - } - - .row .col.offset-xxl4 { - margin-left: 33.333333333333336%; - } - - .row .col.offset-xxl5 { - margin-left: 41.66666666666667%; - } - - .row .col.offset-xxl6 { - margin-left: 50%; - } - - .row .col.offset-xxl7 { - margin-left: 58.333333333333336%; - } - - .row .col.offset-xxl8 { - margin-left: 66.66666666666667%; - } - - .row .col.offset-xxl9 { - margin-left: 75%; - } - - .row .col.offset-xxl10 { - margin-left: 83.33333333333334%; - } - - .row .col.offset-xxl11 { - margin-left: 91.66666666666667%; - } - -} - -@media (min-width: 2560px) { - .row .col.r1 { - -webkit-flex-basis: 8.333333333333334%; - flex-basis: 8.333333333333334%; - } - - .row .col.r2 { - -webkit-flex-basis: 16.666666666666668%; - flex-basis: 16.666666666666668%; - } - - .row .col.r3 { - -webkit-flex-basis: 25%; - flex-basis: 25%; - } - - .row .col.r4 { - -webkit-flex-basis: 33.333333333333336%; - flex-basis: 33.333333333333336%; - } - - .row .col.r5 { - -webkit-flex-basis: 41.66666666666667%; - flex-basis: 41.66666666666667%; - } - - .row .col.r6 { - -webkit-flex-basis: 50%; - flex-basis: 50%; - } - - .row .col.r7 { - -webkit-flex-basis: 58.333333333333336%; - flex-basis: 58.333333333333336%; - } - - .row .col.r8 { - -webkit-flex-basis: 66.66666666666667%; - flex-basis: 66.66666666666667%; - } - - .row .col.r9 { - -webkit-flex-basis: 75%; - flex-basis: 75%; - } - - .row .col.r10 { - -webkit-flex-basis: 83.33333333333334%; - flex-basis: 83.33333333333334%; - } - - .row .col.r11 { - -webkit-flex-basis: 91.66666666666667%; - flex-basis: 91.66666666666667%; - } - - .row .col.r12 { - -webkit-flex-basis: 100%; - flex-basis: 100%; - } - - .row .col.offset-r1 { - margin-left: 8.333333333333334%; - } - - .row .col.offset-r2 { - margin-left: 16.666666666666668%; - } - - .row .col.offset-r3 { - margin-left: 25%; - } - - .row .col.offset-r4 { - margin-left: 33.333333333333336%; - } - - .row .col.offset-r5 { - margin-left: 41.66666666666667%; - } - - .row .col.offset-r6 { - margin-left: 50%; - } - - .row .col.offset-r7 { - margin-left: 58.333333333333336%; - } - - .row .col.offset-r8 { - margin-left: 66.66666666666667%; - } - - .row .col.offset-r9 { - margin-left: 75%; - } - - .row .col.offset-r10 { - margin-left: 83.33333333333334%; - } - - .row .col.offset-r11 { - margin-left: 91.66666666666667%; - } - -} -/** -* ============================== -* Start of Custom built Elements -* As well as specific designs. -* ============================== -*/ - -/** -* ============================== -* Element Scroll Styles -* ============================== -*/ - -.scroll-x { - overflow-x: scroll; -} -/** -* ============================== -* Hero Banners -* ============================== -*/ - -.full-hero, .hero, .hero-transparent { - height: 100%; - color: #fff; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - text-align: center; - position: relative; - overflow: hidden; -} - -.hero::before, -.full-hero::before { - content: ''; - width: 100%; - height: 100%; - background: rgba(0,0,0,0.5); - display: block; - position: absolute; - top: 0; - left: 0; -} - -.hero.light::before, -.full-hero.light::before{ - background: rgba(255, 255, 255, 0.5); -} - -.hero, .hero-transparent { - height: 50%; -} -/** -* ============================== -* Alignment and Distribution -* ============================== -*/ - -.vertical > * { - display: block; -} - -.horizontal > * { - display: inline-block; -} - -.bottom { - position: absolute; - bottom: 0; - margin: 0; -} - -.middle { - top: 50%; - left: 50%; - -webkit-transform: translate(-50%,-50%); - -moz-transform: translate(-50%,-50%); - -o-transform: translate(-50%,-50%); - -ms-transform: translate(-50%,-50%); - position: absolute; -} - -.center { - margin: 0 auto; - left: 0; - right: 0; -} - -.left { - left: 0; -} - -.right { - right: 0; -} - -.align-center { - text-align: center; -} - -.align-left { - text-align: left; -} - -.align-right { - text-align: right; -} - -.align-justify { - text-align: justify; -} -/** -* ============================== -* Paddings -* ============================== -*/ - -.padded-0 { - padding: 0; -} - -.padded-1 { - padding: 1em; -} - -.padded-2 { - padding: 2em; -} - -.padded-3 { - padding: 3em; -} - -.padded-4 { - padding: 4em; -} - -.padded-5 { - padding: 5em; -} -/** -* ============================== -* Navigation -* ============================== -*/ - -.wrapper { - width: 100%; - height: 100%; -} - -.nav { - width: 100%; - text-align: right; - z-index: 999; - background-color: #fff; - min-height: 3em; -} - -.nav .logo { - float: left; - display: inline-block; - padding: 1rem; - max-width: 50%; - vertical-align: middle; - max-height: 3em; - overflow: hidden; - font-size: inherit; -} - -.nav img.logo { - padding: 0.5em; -} - -.nav .logo img { - max-width: 100%; - max-height: 3em; -} - -.nav h1.logo { - margin-left: 0.1em; -} - -.nav.fixed { - position: fixed; - overflow: auto; - max-height: 100%; -} - -.nav > ul { - margin: 0; - padding: 0; - display: none; - width: auto; -} - -.nav > ul.active { - display: block; -} - -.nav ul > li { - display: block; - width: 100%; - list-style: none; - cursor: pointer; - text-align: center; -} - -.nav ul > li > a { - padding: 1em; - display: block; -} - -.nav ul > li:empty { - padding: 1em; -} - -.nav li a:hover { - background-color: rgba(0, 0, 0, 0.1); -} - -.nav .menu-icon { - padding: 1em; - text-align: right; - right: 0; - display: inline-block; - cursor: pointer; - vertical-align: middle; -} - -.offset-sn-m, -.offset-sn-l { - margin-top: 2em; -} - -.offset-tn { - margin-top: 2em; -} - -@media (min-width: 601px) { - - .nav.top-m > .logo { - max-width: 30%; - } - - .nav.top-m > ul { - display: inline-block; - max-width: 70%; - max-height: 100%; - } - - .nav.top-m > ul.full { - width: 100%; - max-width: 100%; - text-align: center; - } - - .nav.top-m > ul > li { - display: inline-block; - width: auto; - } - - .nav.side-m .menu-icon, - .nav.top-m .menu-icon { - display: none; - } - - .nav.side-m .logo { - float: none; - display: block; - text-align: center; - max-height: 7em; - margin: 0 auto; - max-width: 100%; - padding: 1em; - } - - .nav.side-m > ul { - display: block; - } - - .nav.side-m { - width: 30%; - height: 100%; - float: left; - max-height: 100%; - - } - - .wrapper.offset-sn-m { - width: 70%; - float: right; - margin-top: 0; - } -} - -@media (min-width: 992px) { - .nav.top-l > .logo { - max-width: 20%; - } - - .nav.top-l > ul { - display: inline-block; - max-width: 80%; - max-height: 100%; - } - - .nav.top-l > ul.full { - width: 100%; - max-width: 100%; - text-align: center; - } - - .nav.top-l > ul > li { - display: inline-block; - width: auto; - } - - .nav.side-l .menu-icon, - .nav.top-l .menu-icon { - display: none; - } - - .nav.side-l .logo { - float: none; - display: block; - text-align: center; - max-height: 7em; - margin: 0 auto; - max-width: 100%; - padding: 1em; - } - - .nav.side-l > ul { - display: block; - } - - .nav.side-l { - width: 20%; - height: 100%; - float: left; - max-height: 100%; - - } - - .wrapper.offset-sn-l { - width: 80%; - float: right; - margin-top: 0; - } -} - -@media (min-width: 1200px) { - .nav.top-xl > .logo { - max-width: 30%; - } - - .nav.top-xl > ul { - display: inline-block; - max-width: 80%; - max-height: 100%; - } - - .nav.top-xl > ul.full { - width: 100%; - max-width: 100%; - text-align: center; - } - - .nav.top-xl > ul > li { - display: inline-block; - width: auto; - } - - .nav.side-xl .menu-icon, - .nav.top-xl .menu-icon { - display: none; - } - - .nav.side-xl .logo { - float: none; - display: block; - text-align: center; - max-height: 7em; - margin: 0 auto; - max-width: 100%; - padding: 1em; - } - - .nav.side-xl > ul { - display: block; - } - - .nav.side-xl { - width: 20%; - height: 100%; - float: left; - max-height: 100%; - - } - - .wrapper.offset-sn-xl { - width: 80%; - float: right; - } -} -/** -* ============================== -* Circles -* ============================== -*/ - -.circle { - background: #ddd; - border-radius: 50%; - height: 0; - padding-bottom: 100%; - width: 100%; -} - -.circle-content { - color: #fff; - float: left; - line-height: 1; - margin-top: -0.5em; - padding-top: 50%; - text-align: center; - width: 100%; -} -/** -* ============================== -* Messages -* ============================== -*/ - -.info, -.success, -.warning, -.error, -.quote { - margin: 0.5em 0; - padding: 1em; -} - -.info { - color:#0288D1; - border-left: 0.5em solid #0277BD; - background-color: #B3E5FC; -} - -.success { - color: #388E3C; - border-left: 0.5em solid #2E7D32; - background-color: #C8E6C9; -} - -.warning { - color: #FF8F00; - border-left: 0.5em solid #F9A825; - background-color: #FFF59D; -} - -.error { - color: #D32F2F; - border-left: 0.5em solid #C62828; - background-color: #FFCDD2; -} - -.quote { - background: #F5F5F5; - border-left: 0.5em solid #616161; - color:#616161; -} -/** -* ============================== -* Code -* ============================== -*/ - -pre { - background: #f5f5f5; - padding: 1em; - overflow: auto; -} - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -/** -* ============================== -* Material Design -* ============================== -*/ - -.md-depth-1 { - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.md-depth-2 { - box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); -} - -.md-depth-3 { - box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.md-depth-4 { - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19); -} - -.md-depth-5 { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25); -} - -.md-depth-6 { - box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3); -} - -.md-separator { - margin: 0; - margin-bottom: 0.5em; - border: 1px solid #ddd; - border-bottom: 0; -} -/** - * ============================== - * CSS Fixes - * ============================== - */ - -*, *:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.container { - margin: 0 auto; - max-width: 60rem; - width: 95%; -} - -.clearfix:before, -.clearfix:after { - content: " "; - display: table; -} - -.clearfix:after { - clear: both; -} - -.clearfix { - *zoom: 1; -} - -.no-scrollbar::-webkit-scrollbar { - width: 0 !important; -} \ No newline at end of file diff --git a/src/style/aegis.min.css b/src/style/aegis.min.css deleted file mode 100755 index e2af291..0000000 --- a/src/style/aegis.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/* Aegis CSS 0.1.0 | MIT License | http://aegisframework.com/ */ -html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden;height:100%;width:100%}body{font-size:100%;color:#424242}body,h1,h2,h3,h4,h5,h6{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{text-decoration:none;color:inherit;cursor:pointer;background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;border:0;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{resize:none;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.unselectable,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container,.row .col{box-sizing:border-box;padding-left:1rem;padding-right:1rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;align-content:center;align-items:center}.row.align-center{justify-content:center}.row.stretch{align-content:stretch}.row.around{align-content:space-around}.row.align-left{justify-content:flex-start}.row.align-right{justify-content:flex-end}.row.align-center-between{justify-content:space-between}.row.align-center-around{justify-content:space-around}.row .col.auto{-webkit-box-flex:1;-o-box-flex:1;box-flex:1;-ms-flex:1 1 0!important;flex:1 1 0!important}.row>div{flex-basis:100%}.row .col.s1{flex-basis:8.333333333333334%}.row .col.s2{flex-basis:16.666666666666668%}.row .col.s3{flex-basis:25%}.row .col.s4{flex-basis:33.333333333333336%}.row .col.s5{flex-basis:41.66666666666667%}.row .col.s6{flex-basis:50%}.row .col.s7{flex-basis:58.333333333333336%}.row .col.s8{flex-basis:66.66666666666667%}.row .col.s9{flex-basis:75%}.row .col.s10{flex-basis:83.33333333333334%}.row .col.s11{flex-basis:91.66666666666667%}.row .col.s12{flex-basis:100%}.row .col.offset-s1{margin-left:8.333333333333334%}.row .col.offset-s2{margin-left:16.666666666666668%}.row .col.offset-s3{margin-left:25%}.row .col.offset-s4{margin-left:33.333333333333336%}.row .col.offset-s5{margin-left:41.66666666666667%}.row .col.offset-s6{margin-left:50%}.row .col.offset-s7{margin-left:58.333333333333336%}.row .col.offset-s8{margin-left:66.66666666666667%}.row .col.offset-s9{margin-left:75%}.row .col.offset-s10{margin-left:83.33333333333334%}.row .col.offset-s11{margin-left:91.66666666666667%}@media (min-width:601px){.row .col.m1{flex-basis:8.333333333333334%}.row .col.m2{flex-basis:16.666666666666668%}.row .col.m3{flex-basis:25%}.row .col.m4{flex-basis:33.333333333333336%}.row .col.m5{flex-basis:41.66666666666667%}.row .col.m6{flex-basis:50%}.row .col.m7{flex-basis:58.333333333333336%}.row .col.m8{flex-basis:66.66666666666667%}.row .col.m9{flex-basis:75%}.row .col.m10{flex-basis:83.33333333333334%}.row .col.m11{flex-basis:91.66666666666667%}.row .col.m12{flex-basis:100%}.row .col.offset-m1{margin-left:8.333333333333334%}.row .col.offset-m2{margin-left:16.666666666666668%}.row .col.offset-m3{margin-left:25%}.row .col.offset-m4{margin-left:33.333333333333336%}.row .col.offset-m5{margin-left:41.66666666666667%}.row .col.offset-m6{margin-left:50%}.row .col.offset-m7{margin-left:58.333333333333336%}.row .col.offset-m8{margin-left:66.66666666666667%}.row .col.offset-m9{margin-left:75%}.row .col.offset-m10{margin-left:83.33333333333334%}.row .col.offset-m11{margin-left:91.66666666666667%}}@media (min-width:992px){.row .col.l1{flex-basis:8.333333333333334%}.row .col.l2{flex-basis:16.666666666666668%}.row .col.l3{flex-basis:25%}.row .col.l4{flex-basis:33.333333333333336%}.row .col.l5{flex-basis:41.66666666666667%}.row .col.l6{flex-basis:50%}.row .col.l7{flex-basis:58.333333333333336%}.row .col.l8{flex-basis:66.66666666666667%}.row .col.l9{flex-basis:75%}.row .col.l10{flex-basis:83.33333333333334%}.row .col.l11{flex-basis:91.66666666666667%}.row .col.l12{flex-basis:100%}.row .col.offset-l1{margin-left:8.333333333333334%}.row .col.offset-l2{margin-left:16.666666666666668%}.row .col.offset-l3{margin-left:25%}.row .col.offset-l4{margin-left:33.333333333333336%}.row .col.offset-l5{margin-left:41.66666666666667%}.row .col.offset-l6{margin-left:50%}.row .col.offset-l7{margin-left:58.333333333333336%}.row .col.offset-l8{margin-left:66.66666666666667%}.row .col.offset-l9{margin-left:75%}.row .col.offset-l10{margin-left:83.33333333333334%}.row .col.offset-l11{margin-left:91.66666666666667%}}@media (min-width:1200px){.row .col.xl1{flex-basis:8.333333333333334%}.row .col.xl2{flex-basis:16.666666666666668%}.row .col.xl3{flex-basis:25%}.row .col.xl4{flex-basis:33.333333333333336%}.row .col.xl5{flex-basis:41.66666666666667%}.row .col.xl6{flex-basis:50%}.row .col.xl7{flex-basis:58.333333333333336%}.row .col.xl8{flex-basis:66.66666666666667%}.row .col.xl9{flex-basis:75%}.row .col.xl10{flex-basis:83.33333333333334%}.row .col.xl11{flex-basis:91.66666666666667%}.row .col.xl12{flex-basis:100%}.row .col.offset-xl1{margin-left:8.333333333333334%}.row .col.offset-xl2{margin-left:16.666666666666668%}.row .col.offset-xl3{margin-left:25%}.row .col.offset-xl4{margin-left:33.333333333333336%}.row .col.offset-xl5{margin-left:41.66666666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.offset-xl7{margin-left:58.333333333333336%}.row .col.offset-xl8{margin-left:66.66666666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.offset-xl10{margin-left:83.33333333333334%}.row .col.offset-xl11{margin-left:91.66666666666667%}}@media (min-width:1900px){.row .col.xxl1{flex-basis:8.333333333333334%}.row .col.xxl2{flex-basis:16.666666666666668%}.row .col.xxl3{flex-basis:25%}.row .col.xxl4{flex-basis:33.333333333333336%}.row .col.xxl5{flex-basis:41.66666666666667%}.row .col.xxl6{flex-basis:50%}.row .col.xxl7{flex-basis:58.333333333333336%}.row .col.xxl8{flex-basis:66.66666666666667%}.row .col.xxl9{flex-basis:75%}.row .col.xxl10{flex-basis:83.33333333333334%}.row .col.xxl11{flex-basis:91.66666666666667%}.row .col.xxl12{flex-basis:100%}.row .col.offset-xxl1{margin-left:8.333333333333334%}.row .col.offset-xxl2{margin-left:16.666666666666668%}.row .col.offset-xxl3{margin-left:25%}.row .col.offset-xxl4{margin-left:33.333333333333336%}.row .col.offset-xxl5{margin-left:41.66666666666667%}.row .col.offset-xxl6{margin-left:50%}.row .col.offset-xxl7{margin-left:58.333333333333336%}.row .col.offset-xxl8{margin-left:66.66666666666667%}.row .col.offset-xxl9{margin-left:75%}.row .col.offset-xxl10{margin-left:83.33333333333334%}.row .col.offset-xxl11{margin-left:91.66666666666667%}}@media (min-width:2560px){.row .col.r1{flex-basis:8.333333333333334%}.row .col.r2{flex-basis:16.666666666666668%}.row .col.r3{flex-basis:25%}.row .col.r4{flex-basis:33.333333333333336%}.row .col.r5{flex-basis:41.66666666666667%}.row .col.r6{flex-basis:50%}.row .col.r7{flex-basis:58.333333333333336%}.row .col.r8{flex-basis:66.66666666666667%}.row .col.r9{flex-basis:75%}.row .col.r10{flex-basis:83.33333333333334%}.row .col.r11{flex-basis:91.66666666666667%}.row .col.r12{flex-basis:100%}.row .col.offset-r1{margin-left:8.333333333333334%}.row .col.offset-r2{margin-left:16.666666666666668%}.row .col.offset-r3{margin-left:25%}.row .col.offset-r4{margin-left:33.333333333333336%}.row .col.offset-r5{margin-left:41.66666666666667%}.row .col.offset-r6{margin-left:50%}.row .col.offset-r7{margin-left:58.333333333333336%}.row .col.offset-r8{margin-left:66.66666666666667%}.row .col.offset-r9{margin-left:75%}.row .col.offset-r10{margin-left:83.33333333333334%}.row .col.offset-r11{margin-left:91.66666666666667%}}.scroll-x{overflow-x:scroll}.full-hero,.hero,.hero-transparent{height:100%;color:#fff;background-repeat:no-repeat;background-position:50%;background-size:cover;text-align:center;position:relative;overflow:hidden}.full-hero:before,.hero:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.5);display:block;position:absolute;top:0;left:0}.full-hero.light:before,.hero.light:before{background:hsla(0,0%,100%,.5)}.hero,.hero-transparent{height:50%}.vertical>*{display:block}.horizontal>*{display:inline-block}.bottom{bottom:0;margin:0}.bottom,.middle{position:absolute}.middle{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.center{margin:0 auto;left:0;right:0}.left{left:0}.right{right:0}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.align-justify{text-align:justify}.padded-0{padding:0}.padded-1{padding:1em}.padded-2{padding:2em}.padded-3{padding:3em}.padded-4{padding:4em}.padded-5{padding:5em}.wrapper{width:100%;height:100%}.nav{width:100%;text-align:right;z-index:1;background-color:#fff;min-height:3em}.nav .logo{float:left;display:inline-block;padding:1rem;max-width:50%;vertical-align:middle;max-height:3em;overflow:hidden;font-size:inherit}.nav img.logo{padding:.5em}.nav .logo img{max-width:100%;max-height:3em}.nav h1.logo{margin-left:.1em}.nav.fixed{position:fixed;overflow:auto;max-height:100%}.nav>ul{margin:0;padding:0;display:none;width:auto}.nav>ul.active,.nav ul>li{display:block}.nav ul>li{width:100%;list-style:none;cursor:pointer;text-align:center}.nav ul>li>a{padding:1em;display:block}.nav ul>li:empty{padding:1em}.nav li a:hover{background-color:rgba(0,0,0,.1)}.nav .menu-icon{padding:1em;text-align:right;right:0;display:inline-block;cursor:pointer;vertical-align:middle}.offset-sn-l,.offset-sn-m,.offset-tn{margin-top:2em}@media (min-width:601px){.nav.top-m>.logo{max-width:30%}.nav.top-m>ul{display:inline-block;max-width:70%;max-height:100%}.nav.top-m>ul.full{width:100%;max-width:100%;text-align:center}.nav.top-m>ul>li{display:inline-block;width:auto}.nav.side-m .menu-icon,.nav.top-m .menu-icon{display:none}.nav.side-m .logo{float:none;display:block;text-align:center;max-height:7em;margin:0 auto;max-width:100%;padding:1em}.nav.side-m>ul{display:block}.nav.side-m{width:30%;height:100%;float:left;max-height:100%}.wrapper.offset-sn-m{width:70%;float:right;margin-top:0}}@media (min-width:992px){.nav.top-l>.logo{max-width:20%}.nav.top-l>ul{display:inline-block;max-width:80%;max-height:100%}.nav.top-l>ul.full{width:100%;max-width:100%;text-align:center}.nav.top-l>ul>li{display:inline-block;width:auto}.nav.side-l .menu-icon,.nav.top-l .menu-icon{display:none}.nav.side-l .logo{float:none;display:block;text-align:center;max-height:7em;margin:0 auto;max-width:100%;padding:1em}.nav.side-l>ul{display:block}.nav.side-l{width:20%;height:100%;float:left;max-height:100%}.wrapper.offset-sn-l{width:80%;float:right;margin-top:0}}@media (min-width:1200px){.nav.top-xl>.logo{max-width:30%}.nav.top-xl>ul{display:inline-block;max-width:80%;max-height:100%}.nav.top-xl>ul.full{width:100%;max-width:100%;text-align:center}.nav.top-xl>ul>li{display:inline-block;width:auto}.nav.side-xl .menu-icon,.nav.top-xl .menu-icon{display:none}.nav.side-xl .logo{float:none;display:block;text-align:center;max-height:7em;margin:0 auto;max-width:100%;padding:1em}.nav.side-xl>ul{display:block}.nav.side-xl{width:20%;height:100%;float:left;max-height:100%}.wrapper.offset-sn-xl{width:80%;float:right}}.circle{background:#ddd;border-radius:50%;height:0;padding-bottom:100%;width:100%}.circle-content{color:#fff;float:left;line-height:1;margin-top:-.5em;padding-top:50%;text-align:center;width:100%}.error,.info,.quote,.success,.warning{margin:.5em 0;padding:1em}.info{color:#0288d1;border-left:.5em solid #0277bd;background-color:#b3e5fc}.success{color:#388e3c;border-left:.5em solid #2e7d32;background-color:#c8e6c9}.warning{color:#ff8f00;border-left:.5em solid #f9a825;background-color:#fff59d}.error{color:#d32f2f;border-left:.5em solid #c62828;background-color:#ffcdd2}.quote{border-left:.5em solid #616161;color:#616161}.quote,pre{background:#f5f5f5}pre{padding:1em;overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}.md-depth-1{border:1px solid rgba(0,0,0,.1)}.md-depth-2{box-shadow:0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12)}.md-depth-3{box-shadow:0 3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16)}.md-depth-4{box-shadow:0 6px 12px rgba(0,0,0,.23),0 10px 40px rgba(0,0,0,.19)}.md-depth-5{box-shadow:0 10px 20px rgba(0,0,0,.22),0 14px 56px rgba(0,0,0,.25)}.md-depth-6{box-shadow:0 15px 24px rgba(0,0,0,.22),0 19px 76px rgba(0,0,0,.3)}.md-separator{margin:0;margin-bottom:.5em;border:1px solid #ddd;border-bottom:0}*,:after,:before{box-sizing:border-box}.container{margin:0 auto;max-width:60rem;width:95%}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.no-scrollbar::-webkit-scrollbar{width:0!important} \ No newline at end of file diff --git a/src/style/animate.css b/src/style/animate.css deleted file mode 100755 index 7148b57..0000000 --- a/src/style/animate.css +++ /dev/null @@ -1,3340 +0,0 @@ -@charset "UTF-8"; - -/*! - * animate.css -http://daneden.me/animate - * Version - 3.5.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2016 Daniel Eden - */ - -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -.animated.flipOutX, -.animated.flipOutY, -.animated.bounceIn, -.animated.bounceOut { - -webkit-animation-duration: .75s; - animation-duration: .75s; -} - -@-webkit-keyframes bounce { - from, 20%, 53%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -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 { - from, 20%, 53%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -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 { - from, 50%, to { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -@keyframes flash { - from, 50%, to { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -.flash { - -webkit-animation-name: flash; - animation-name: flash; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} - -@-webkit-keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.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: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.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: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; -} - -@-webkit-keyframes shake { - from, to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 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 { - from, to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} - -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} - -.swing { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; -} - -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -@keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; -} - -@-webkit-keyframes jello { - from, 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(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} - -@keyframes jello { - from, 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(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} - -.jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; -} - -@-webkit-keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 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: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 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: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; -} - -@-webkit-keyframes bounceInDown { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 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 { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 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 { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 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 { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 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 { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - 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 { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - 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 { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - 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: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes bounceInUp { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - 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: translate3d(0, 0, 0); - transform: translate3d(0, 0, 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 { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} - -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDown { - from { - 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 { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDownBig { - from { - 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 { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeft { - from { - 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 { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeftBig { - from { - 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 { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRight { - from { - 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 { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRightBig { - from { - 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 { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUp { - from { - 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 { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUpBig { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - } -} - -@keyframes fadeOut { - from { - opacity: 1; - } - - to { - opacity: 0; - } -} - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} - -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -@keyframes fadeOutDown { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@keyframes fadeOutDownBig { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -@keyframes fadeOutLeft { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@keyframes fadeOutLeftBig { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -@keyframes fadeOutRight { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -@keyframes fadeOutRightBig { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -@keyframes fadeOutUp { - from { - 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 { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@keyframes fadeOutUpBig { - from { - 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 { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -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); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -@keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -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); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 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 { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -@keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -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 { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -@keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -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 { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} - -@keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; -} - -@-webkit-keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} - -@keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} - -.flipOutY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; -} - -@-webkit-keyframes lightSpeedIn { - from { - -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); - opacity: 1; - } - - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - - to { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes lightSpeedIn { - from { - -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); - opacity: 1; - } - - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - - 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 { - from { - opacity: 1; - } - - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} - -@keyframes lightSpeedOut { - from { - 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 { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; -} - -@-webkit-keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} - -@-webkit-keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} - -@-webkit-keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} - -@-webkit-keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} - -@-webkit-keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} - -@keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} - -@-webkit-keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} - -@keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} - -@-webkit-keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -@keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} - -@-webkit-keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -@keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} - -@-webkit-keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; -} - -@-webkit-keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 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% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 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; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollOut { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} - -@keyframes rollOut { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} - -@-webkit-keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 50% { - opacity: 1; - } -} - -@keyframes zoomIn { - from { - 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 { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInDown { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; -} - -@-webkit-keyframes zoomInLeft { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInLeft { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; -} - -@-webkit-keyframes zoomInRight { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInRight { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; -} - -@-webkit-keyframes zoomInUp { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInUp { - from { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; -} - -@-webkit-keyframes zoomOut { - from { - opacity: 1; - } - - 50% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - to { - opacity: 0; - } -} - -@keyframes zoomOut { - from { - opacity: 1; - } - - 50% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; -} - -@-webkit-keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} - -@-webkit-keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} - -@-webkit-keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} - -@-webkit-keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; -} - -@-webkit-keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -@keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 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 { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -@keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 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 { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -@keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 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 { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -@keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 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/src/style/animate.min.css b/src/style/animate.min.css deleted file mode 100755 index e7a909b..0000000 --- a/src/style/animate.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * 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 a{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-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes a{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-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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:a;animation-name:a;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes b{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes b{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:b;animation-name:b}@-webkit-keyframes c{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 c{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:c;animation-name:c}@-webkit-keyframes d{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 d{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:d;animation-name:d}@-webkit-keyframes e{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 e{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:e;animation-name:e}@-webkit-keyframes f{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 f{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:f;animation-name:f}@-webkit-keyframes g{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 g{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:g;animation-name:g}@-webkit-keyframes h{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 h{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:h;animation-name:h}@-webkit-keyframes i{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 i{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:i;animation-name:i}@-webkit-keyframes j{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 j{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:j;animation-name:j;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes k{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 k{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:k;animation-name:k}@-webkit-keyframes l{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 l{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:l;animation-name:l}@-webkit-keyframes m{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 m{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:m;animation-name:m}@-webkit-keyframes n{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 n{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:n;animation-name:n}@-webkit-keyframes o{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 o{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:o;animation-name:o}@-webkit-keyframes p{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 p{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:p;animation-name:p}@-webkit-keyframes q{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 q{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:q;animation-name:q}@-webkit-keyframes r{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 r{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:r;animation-name:r}@-webkit-keyframes s{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 s{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:s;animation-name:s}@-webkit-keyframes t{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 t{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:t;animation-name:t}@-webkit-keyframes u{0%{opacity:0}to{opacity:1}}@keyframes u{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:u;animation-name:u}@-webkit-keyframes v{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes v{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:v;animation-name:v}@-webkit-keyframes w{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes w{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:w;animation-name:w}@-webkit-keyframes x{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes x{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:x;animation-name:x}@-webkit-keyframes y{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes y{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:y;animation-name:y}@-webkit-keyframes z{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes z{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:z;animation-name:z}@-webkit-keyframes A{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes A{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:A;animation-name:A}@-webkit-keyframes B{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes B{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:B;animation-name:B}@-webkit-keyframes C{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes C{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:C;animation-name:C}@-webkit-keyframes D{0%{opacity:1}to{opacity:0}}@keyframes D{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:D;animation-name:D}@-webkit-keyframes E{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes E{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:E;animation-name:E}@-webkit-keyframes F{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes F{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:F;animation-name:F}@-webkit-keyframes G{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes G{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:G;animation-name:G}@-webkit-keyframes H{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes H{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:H;animation-name:H}@-webkit-keyframes I{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes I{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:I;animation-name:I}@-webkit-keyframes J{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes J{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:J;animation-name:J}@-webkit-keyframes K{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes K{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:K;animation-name:K}@-webkit-keyframes L{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes L{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:L;animation-name:L}@-webkit-keyframes M{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-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);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes M{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-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);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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:M;animation-name:M}@-webkit-keyframes N{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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 N{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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:N;animation-name:N}@-webkit-keyframes O{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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 O{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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:O;animation-name:O}@-webkit-keyframes P{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 P{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:P;animation-name:P;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes Q{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 Q{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:Q;animation-name:Q}@-webkit-keyframes R{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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes R{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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:R;animation-name:R;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes S{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes S{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:S;animation-name:S;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes T{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes T{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:T;animation-name:T}@-webkit-keyframes U{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes U{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:U;animation-name:U}@-webkit-keyframes V{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes V{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:V;animation-name:V}@-webkit-keyframes W{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes W{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:W;animation-name:W}@-webkit-keyframes X{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes X{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:X;animation-name:X}@-webkit-keyframes Y{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes Y{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:Y;animation-name:Y}@-webkit-keyframes Z{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes Z{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:Z;animation-name:Z}@-webkit-keyframes ab{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes ab{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:ab;animation-name:ab}@-webkit-keyframes bb{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes bb{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:bb;animation-name:bb}@-webkit-keyframes cb{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes cb{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:cb;animation-name:cb}@-webkit-keyframes db{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,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 db{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,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:db;animation-name:db}@-webkit-keyframes eb{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 eb{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:eb;animation-name:eb}@-webkit-keyframes fb{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes fb{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:fb;animation-name:fb}@-webkit-keyframes gb{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes gb{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:gb;animation-name:gb}@-webkit-keyframes hb{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 hb{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:hb;animation-name:hb}@-webkit-keyframes ib{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 ib{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:ib;animation-name:ib}@-webkit-keyframes jb{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 jb{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:jb;animation-name:jb}@-webkit-keyframes kb{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 kb{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:kb;animation-name:kb}@-webkit-keyframes lb{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes lb{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:lb;animation-name:lb}@-webkit-keyframes mb{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 mb{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:mb;animation-name:mb}@-webkit-keyframes nb{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 nb{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:nb;animation-name:nb}@-webkit-keyframes ob{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 ob{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:ob;animation-name:ob}@-webkit-keyframes pb{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 pb{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:pb;animation-name:pb}@-webkit-keyframes qb{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes qb{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:qb;animation-name:qb}@-webkit-keyframes rb{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rb{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:rb;animation-name:rb}@-webkit-keyframes sb{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes sb{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:sb;animation-name:sb}@-webkit-keyframes tb{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes tb{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:tb;animation-name:tb}@-webkit-keyframes ub{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes ub{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:ub;animation-name:ub}@-webkit-keyframes vb{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes vb{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:vb;animation-name:vb}@-webkit-keyframes wb{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes wb{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:wb;animation-name:wb}@-webkit-keyframes xb{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes xb{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:xb;animation-name:xb} \ No newline at end of file diff --git a/src/style/font-awesome.min.css b/style/font-awesome.min.css similarity index 100% rename from src/style/font-awesome.min.css rename to style/font-awesome.min.css diff --git a/style/kayros.css b/style/kayros.css new file mode 100644 index 0000000..fbaa59e --- /dev/null +++ b/style/kayros.css @@ -0,0 +1,1176 @@ +/** + * ============================== + * Kayros 0.1.1 | MIT License + * http://aegisframework.com/ + * ============================== + */ + +html { + overflow-x: hidden; + height: 100%; + width: 100%; + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + height: 100%; + width: 100%; + overflow-x: hidden; + font-size: 100%; + margin: 0; + padding: 0; + color: #424242; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +progress { + vertical-align: baseline; +} + +template, +[hidden] { + display: none; +} + +a { + text-decoration: none; + color: inherit; + cursor: pointer; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:active, +a:hover { + outline-width: 0; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +dfn { + font-style: italic; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +mark { + background-color: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; + -webkit-user-drag: none; + -webkit-touch-callout: none; + border: 0; + max-width: 100%; +} + +svg:not(:root) { + overflow: hidden; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +figure { + margin: 1em 40px; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +optgroup { + font-weight: bold; +} + +button, +input { + overflow: visible; +} + +button, +select { + -webkit-appearance: none; + -moz-appearance: none; + border: none; + outline: none; + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +textarea { + resize: none; + overflow: auto; +} + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +.unselectable, +img { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +/** +* ============================== +* Grid System +* ============================== +*/ + +.row { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + flex-direction: row; + align-items: center; + align-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; +} + +.row.align-center { + justify-content: center; +} + +.row.stretch { + align-content: stretch; +} + +.row.around { + align-content: space-around; +} + +.row.align-left { + justify-content: flex-start; +} + +.row.align-right { + justify-content: flex-end; +} + +.row.align-center-between { + justify-content: space-between; +} + +.row.align-center-around { + justify-content: space-around +} + +.row .col { + flex-grow: 0; + flex-shrink: 0; + flex-basis: auto; +} + +.row .col.auto { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -webkit-flex: 1 1 0 !important; + -ms-flex: 1 1 0 !important; + flex: 1 1 0 !important; +} + +.row .col.s1 { + width: calc(100% / 12); +} + +.row .col.s2 { + width: calc(100% / 6); +} + +.row .col.s3 { + width: 25%; +} + +.row .col.s4 { + width: calc(100% / 3); +} + +.row .col.s6 { + width: 50%; +} + +.row .col.s12 { + width: 100%; +} + +.row .col.offset-s1 { + margin-left: calc(100% / 12); +} + +.row .col.offset-s2 { + margin-left: calc(100% / 6); +} + +.row .col.offset-s3 { + margin-left: 25%; +} + +.row .col.offset-s4 { + margin-left: calc(100% / 3); +} + +.row .col.offset-s6 { + margin-left: 50%; +} + +@media (min-width: 601px) { + .row .col.m1 { + width: calc(100% / 12); + } + + .row .col.m2 { + width: calc(100% / 6); + } + + .row .col.m3 { + width: 25%; + } + + .row .col.m4 { + width: calc(100% / 3); + } + + .row .col.m6 { + width: 50%; + } + + .row .col.m12 { + width: 100%; + } + + .row .col.offset-m1 { + margin-left: calc(100% / 12); + } + + .row .col.offset-m2 { + margin-left: calc(100% / 6); + } + + .row .col.offset-m3 { + margin-left: 25%; + } + + .row .col.offset-m4 { + margin-left: calc(100% / 3); + } + + .row .col.offset-m6 { + margin-left: 50%; + } +} + +@media (min-width: 992px) { + .row .col.l1 { + width: calc(100% / 12); + } + + .row .col.l2 { + width: calc(100% / 6); + } + + .row .col.l3 { + width: 25%; + } + + .row .col.l4 { + width: calc(100% / 3); + } + + .row .col.l6 { + width: 50%; + } + + .row .col.l12 { + width: 100%; + } + + .row .col.offset-l1 { + margin-left: calc(100% / 12); + } + + .row .col.offset-l2 { + margin-left: calc(100% / 6); + } + + .row .col.offset-l3 { + margin-left: 25%; + } + + .row .col.offset-l4 { + margin-left: calc(100% / 3); + } + + .row .col.offset-l6 { + margin-left: 50%; + } +} + +@media (min-width: 1200px) { + .row .col.xl1 { + width: calc(100% / 12); + } + + .row .col.xl2 { + width: calc(100% / 6); + } + + .row .col.xl3 { + width: 25%; + } + + .row .col.xl4 { + width: calc(100% / 3); + } + + .row .col.xl6 { + width: 50%; + } + + .row .col.xl12 { + width: 100%; + } + + .row .col.offset-xl1 { + margin-left: calc(100% / 12); + } + + .row .col.offset-xl2 { + margin-left: calc(100% / 6); + } + + .row .col.offset-xl3 { + margin-left: 25%; + } + + .row .col.offset-xl4 { + margin-left: calc(100% / 3); + } + + .row .col.offset-xl6 { + margin-left: 50%; + } +} + +@media (min-width: 1900px) { + .row .col.xxl1 { + width: calc(100% / 12); + } + + .row .col.xxl2 { + width: calc(100% / 6); + } + + .row .col.xxl3 { + width: 25%; + } + + .row .col.xxl4 { + width: calc(100% / 3); + } + + .row .col.xxl6 { + width: 50%; + } + + .row .col.xxl12 { + width: 100%; + } + + .row .col.offset-xxl1 { + margin-left: calc(100% / 12); + } + + .row .col.offset-xxl2 { + margin-left: calc(100% / 6); + } + + .row .col.offset-xxl3 { + margin-left: 25%; + } + + .row .col.offset-xxl4 { + margin-left: calc(100% / 3); + } + + .row .col.offset-xxl6 { + margin-left: 50%; + } +} + +@media (min-width: 2560px) { + .row .col.r1 { + width: calc(100% / 12); + } + + .row .col.r2 { + width: calc(100% / 6); + } + + .row .col.r3 { + width: 25%; + } + + .row .col.r4 { + width: calc(100% / 3); + } + + .row .col.r6 { + width: 50%; + } + + .row .col.r7 { + width: calc(100% / (12/7)); + } + + .row .col.r8 { + width: calc(100% / (12/8)); + } + + .row .col.r9 { + width: calc(100% / (12/9)); + } + + .row .col.r10 { + width: calc(100% / (12/10)); + } + + .row .col.r11 { + width: calc(100% / (12/11)); + } + + .row .col.r12 { + width: 100%; + } + + .row .col.offset-r1 { + margin-left: calc(100% / 12); + } + + .row .col.offset-r2 { + margin-left: calc(100% / 6); + } + + .row .col.offset-r3 { + margin-left: 25%; + } + + .row .col.offset-r4 { + margin-left: calc(100% / 3); + } + + .row .col.offset-r6 { + margin-left: 50%; + } +} +/** +* ============================== +* Start of Custom built Elements +* As well as specific designs. +* ============================== +*/ + +/** +* ============================== +* Element Scroll Styles +* ============================== +*/ + +.scroll-x { + overflow-x: scroll; +} +/** +* ============================== +* Hero Banners +* ============================== +*/ + +.full-hero, +.hero, +.hero-transparent { + height: 100%; + color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + text-align: center; + position: relative; + overflow: hidden; +} + +.hero::before, +.full-hero::before { + content: ''; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: block; + position: absolute; + top: 0; + left: 0; +} + +.hero.light::before, +.full-hero.light::before { + background: rgba(255, 255, 255, 0.5); +} + +.hero, +.hero-transparent { + height: 50%; +} +/** +* ============================== +* Alignment and Distribution +* ============================== +*/ + +.vertical > * { + display: block; +} + +.horizontal > * { + display: inline-block; +} + +.bottom { + position: absolute; + bottom: 0; + margin: 0; +} + +.middle { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + position: absolute; +} + +.center { + margin: 0 auto; + left: 0; + right: 0; +} + +.left { + left: 0; +} + +.right { + right: 0; +} + +.align-center { + text-align: center; +} + +.align-left { + text-align: left; +} + +.align-right { + text-align: right; +} + +.align-justify { + text-align: justify; +} +/** +* ============================== +* Paddings +* ============================== +*/ + +.padded-0 { + padding: 0; +} + +.padded-1 { + padding: 1em; +} + +.padded-2 { + padding: 2em; +} + +.padded-3 { + padding: 3em; +} + +.padded-4 { + padding: 4em; +} + +.padded-5 { + padding: 5em; +} +/** +* ============================== +* Navigation +* ============================== +*/ + +.wrapper { + width: 100%; + height: 100%; +} + +.nav { + width: 100%; + text-align: right; + z-index: 999; + background-color: #fff; + min-height: 3em; +} + +.nav .logo { + float: left; + display: inline-block; + padding: 1rem; + max-width: 50%; + vertical-align: middle; + max-height: 3em; + overflow: hidden; + font-size: inherit; +} + +.nav img.logo { + padding: 0.5em; +} + +.nav .logo img { + max-width: 100%; + max-height: 3em; +} + +.nav h1.logo { + margin-left: 0.1em; +} + +.nav.fixed { + position: fixed; + overflow: auto; + max-height: 100%; +} + +.nav > ul { + margin: 0; + padding: 0; + display: none; + width: auto; +} + +.nav > ul.active { + display: block; +} + +.nav ul > li { + display: block; + width: 100%; + list-style: none; + cursor: pointer; + text-align: center; +} + +.nav ul > li > a { + padding: 1em; + display: block; +} + +.nav ul > li:empty { + padding: 1em; +} + +.nav li a:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.nav .menu-icon { + padding: 1em; + text-align: right; + right: 0; + display: inline-block; + cursor: pointer; + vertical-align: middle; +} + +.offset-sn-m, +.offset-sn-l { + margin-top: 2em; +} + +.offset-tn { + margin-top: 2em; +} + +@media (min-width: 601px) { + + .nav.top-m > .logo { + max-width: 30%; + } + + .nav.top-m > ul { + display: inline-block; + max-width: 70%; + max-height: 100%; + } + + .nav.top-m > ul.full { + width: 100%; + max-width: 100%; + text-align: center; + } + + .nav.top-m > ul > li { + display: inline-block; + width: auto; + } + + .nav.side-m .menu-icon, + .nav.top-m .menu-icon { + display: none; + } + + .nav.side-m .logo { + float: none; + display: block; + text-align: center; + max-height: 7em; + margin: 0 auto; + max-width: 100%; + padding: 1em; + } + + .nav.side-m > ul { + display: block; + } + + .nav.side-m { + width: 30%; + height: 100%; + float: left; + max-height: 100%; + } + + .wrapper.offset-sn-m { + width: 70%; + float: right; + margin-top: 0; + } +} + +@media (min-width: 992px) { + .nav.top-l > .logo { + max-width: 20%; + } + + .nav.top-l > ul { + display: inline-block; + max-width: 80%; + max-height: 100%; + } + + .nav.top-l > ul.full { + width: 100%; + max-width: 100%; + text-align: center; + } + + .nav.top-l > ul > li { + display: inline-block; + width: auto; + } + + .nav.side-l .menu-icon, + .nav.top-l .menu-icon { + display: none; + } + + .nav.side-l .logo { + float: none; + display: block; + text-align: center; + max-height: 7em; + margin: 0 auto; + max-width: 100%; + padding: 1em; + } + + .nav.side-l > ul { + display: block; + } + + .nav.side-l { + width: 20%; + height: 100%; + float: left; + max-height: 100%; + } + + .wrapper.offset-sn-l { + width: 80%; + float: right; + margin-top: 0; + } +} + +@media (min-width: 1200px) { + .nav.top-xl > .logo { + max-width: 30%; + } + + .nav.top-xl > ul { + display: inline-block; + max-width: 80%; + max-height: 100%; + } + + .nav.top-xl > ul.full { + width: 100%; + max-width: 100%; + text-align: center; + } + + .nav.top-xl > ul > li { + display: inline-block; + width: auto; + } + + .nav.side-xl .menu-icon, + .nav.top-xl .menu-icon { + display: none; + } + + .nav.side-xl .logo { + float: none; + display: block; + text-align: center; + max-height: 7em; + margin: 0 auto; + max-width: 100%; + padding: 1em; + } + + .nav.side-xl > ul { + display: block; + } + + .nav.side-xl { + width: 20%; + height: 100%; + float: left; + max-height: 100%; + } + + .wrapper.offset-sn-xl { + width: 80%; + float: right; + } +} +/** +* ============================== +* Circles +* ============================== +*/ + +.circle { + background: #ddd; + border-radius: 50%; + height: 0; + padding-bottom: 100%; + width: 100%; +} + +.circle-content { + color: #fff; + float: left; + line-height: 1; + margin-top: -0.5em; + padding-top: 50%; + text-align: center; + width: 100%; +} +/** +* ============================== +* Code +* ============================== +*/ + +pre { + background: #f5f5f5; + padding: 1em; + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +/** +* ============================== +* Material Design +* ============================== +*/ + +.md-depth-1 { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.md-depth-2 { + box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); +} + +.md-depth-3 { + box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.md-depth-4 { + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19); +} + +.md-depth-5 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25); +} + +.md-depth-6 { + box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3); +} + +.md-separator { + margin: 0; + margin-bottom: 0.5em; + border: 1px solid #ddd; + border-bottom: 0; +} +/** + * ============================== + * CSS Fixes + * ============================== + */ + +*, +*:before, +*:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +::-webkit-scrollbar { + background: transparent; + width: 5px; + height: 5px; +} + +::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, 0.2); + border-radius: 3px; +} + +.clearfix:before, +.clearfix:after { + content: " "; + display: table; +} + +.clearfix:after { + clear: both; +} + +.clearfix { + *zoom: 1; +} + +::selection { + background: rgba(0, 188, 212, 0.2); +} + +::-moz-selection { + background: rgba(0, 188, 212, 0.2); +} \ No newline at end of file diff --git a/src/style/main.css b/style/main.css similarity index 89% rename from src/style/main.css rename to style/main.css index 2d478a8..3e9a637 100755 --- a/src/style/main.css +++ b/style/main.css @@ -1,9 +1,17 @@ /** Space for all imported Fonts **/ - /** Main Style goes here**/ +h1 { + font-weight: lighter; + font-family: 'Open Sans', sans-serif; +} + +small { + display: block; + font-size: 0.8rem; +} /** Place here all Media Queries and it's styles.**/