diff --git a/.gitignore b/.gitignore index 0c3e5ab..3e05402 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,6 @@ -_site/ -.sass-cache/ +_site +.sass-cache +.jekyll-metadata +*.sublime-project +*.sublime-workspace +.DS_Store \ No newline at end of file diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..3a1ebf3 --- /dev/null +++ b/Gemfile @@ -0,0 +1,2 @@ +source 'https://rubygems.org' +gem 'github-pages' \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..c843889 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,146 @@ +GEM + remote: https://rubygems.org/ + specs: + RedCloth (4.2.9) + activesupport (4.2.5) + i18n (~> 0.7) + json (~> 1.7, >= 1.7.7) + minitest (~> 5.1) + thread_safe (~> 0.3, >= 0.3.4) + tzinfo (~> 1.1) + addressable (2.3.8) + blankslate (2.1.2.4) + classifier-reborn (2.0.4) + fast-stemmer (~> 1.0) + coffee-script (2.4.1) + coffee-script-source + execjs + coffee-script-source (1.10.0) + colorator (0.1) + ethon (0.8.0) + ffi (>= 1.3.0) + execjs (2.6.0) + faraday (0.9.2) + multipart-post (>= 1.2, < 3) + fast-stemmer (1.0.2) + ffi (1.9.10) + gemoji (2.1.0) + github-pages (41) + RedCloth (= 4.2.9) + github-pages-health-check (= 0.5.3) + jekyll (= 2.4.0) + jekyll-coffeescript (= 1.0.1) + jekyll-feed (= 0.3.1) + jekyll-gist (= 1.4.0) + jekyll-mentions (= 0.2.1) + jekyll-paginate (= 1.1.0) + jekyll-redirect-from (= 0.8.0) + jekyll-sass-converter (= 1.3.0) + jekyll-seo-tag (= 0.1.4) + jekyll-sitemap (= 0.9.0) + jemoji (= 0.5.0) + kramdown (= 1.9.0) + liquid (= 2.6.2) + maruku (= 0.7.0) + mercenary (~> 0.3) + pygments.rb (= 0.6.3) + rdiscount (= 2.1.8) + redcarpet (= 3.3.3) + terminal-table (~> 1.4) + github-pages-health-check (0.5.3) + addressable (~> 2.3) + net-dns (~> 0.8) + public_suffix (~> 1.4) + typhoeus (~> 0.7) + html-pipeline (1.9.0) + activesupport (>= 2) + nokogiri (~> 1.4) + i18n (0.7.0) + jekyll (2.4.0) + classifier-reborn (~> 2.0) + colorator (~> 0.1) + jekyll-coffeescript (~> 1.0) + jekyll-gist (~> 1.0) + jekyll-paginate (~> 1.0) + jekyll-sass-converter (~> 1.0) + jekyll-watch (~> 1.1) + kramdown (~> 1.3) + liquid (~> 2.6.1) + mercenary (~> 0.3.3) + pygments.rb (~> 0.6.0) + redcarpet (~> 3.1) + safe_yaml (~> 1.0) + toml (~> 0.1.0) + jekyll-coffeescript (1.0.1) + coffee-script (~> 2.2) + jekyll-feed (0.3.1) + jekyll-gist (1.4.0) + octokit (~> 4.2) + jekyll-mentions (0.2.1) + html-pipeline (~> 1.9.0) + jekyll (~> 2.0) + jekyll-paginate (1.1.0) + jekyll-redirect-from (0.8.0) + jekyll (>= 2.0) + jekyll-sass-converter (1.3.0) + sass (~> 3.2) + jekyll-seo-tag (0.1.4) + jekyll (>= 2.0) + jekyll-sitemap (0.9.0) + jekyll-watch (1.3.0) + listen (~> 3.0) + jemoji (0.5.0) + gemoji (~> 2.0) + html-pipeline (~> 1.9) + jekyll (>= 2.0) + json (1.8.3) + kramdown (1.9.0) + liquid (2.6.2) + listen (3.0.5) + rb-fsevent (>= 0.9.3) + rb-inotify (>= 0.9) + maruku (0.7.0) + mercenary (0.3.5) + mini_portile2 (2.0.0) + minitest (5.8.3) + multipart-post (2.0.0) + net-dns (0.8.0) + nokogiri (1.6.7.1) + mini_portile2 (~> 2.0.0.rc2) + octokit (4.2.0) + sawyer (~> 0.6.0, >= 0.5.3) + parslet (1.5.0) + blankslate (~> 2.0) + posix-spawn (0.3.11) + public_suffix (1.5.3) + pygments.rb (0.6.3) + posix-spawn (~> 0.3.6) + yajl-ruby (~> 1.2.0) + rb-fsevent (0.9.7) + rb-inotify (0.9.5) + ffi (>= 0.5.0) + rdiscount (2.1.8) + redcarpet (3.3.3) + safe_yaml (1.0.4) + sass (3.4.20) + sawyer (0.6.0) + addressable (~> 2.3.5) + faraday (~> 0.8, < 0.10) + terminal-table (1.5.2) + thread_safe (0.3.5) + toml (0.1.2) + parslet (~> 1.5.0) + typhoeus (0.8.0) + ethon (>= 0.8.0) + tzinfo (1.2.2) + thread_safe (~> 0.1) + yajl-ruby (1.2.1) + +PLATFORMS + ruby + +DEPENDENCIES + github-pages + +BUNDLED WITH + 1.11.2 diff --git a/README.md b/README.md index e50ad1b..3eeda04 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,40 @@ # jekyll-uno -Jekyll-Uno - a minimal, responsive theme for Jekyll based on Uno for Ghost + +Jekyll-Uno - a minimal, responsive theme for Jekyll based on the [Uno](https://github.com/daleanthony/Uno) theme for Ghost. + +> :warning: + This theme requires ruby and rubygems installed + +### Features + +* Clean layout +* Resposive layout +* Pagination +* Syntax highlight +* Social links + +--- + +### Start in 4 steps + +1. Download or clone repo `git clone git@github.com:joshgerdes/jekyll-uno.git` +2. Enter the folder: `cd jekyll-uno/` +3. Install Ruby gems: `bundle install` +4. Start Jekyll server: `jekyll serve` + +Access via: [http://localhost:4000/jekyll-uno](http://localhost:4000/jekyll-uno) + +--- + +### Demo and Download + +[Demo](http://joshgerdes.com/jekyll-uno/) +[Download](https://github.com/joshgerdes/jekyll-uno/archive/master.zip) + +![jekyll-uno - free Jekyll theme](/screenshot.png) + +--- + +### Copyright and license + +It is under [the MIT license](/LICENSE). \ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..8656c80 --- /dev/null +++ b/_config.yml @@ -0,0 +1,28 @@ +# Site settings +title: Jekyll-Uno +description: 'Jekyll-Uno - a minimal, responsive theme for Jekyll' +url: 'http://joshgerdes.com/jekyll-uno' +baseurl: '/jekyll-uno/' +# google_analytics: 'UA-XXXXXX-X' + +author: + name: 'Josh Gerdes' + email: josh@joshgerdes.com + twitter_username: joshgerdes + github_username: joshgerdes + linkedin_username: joshgerdes + +# Build settings +destination: _site +paginate: 10 +permalink: /:year/:title/ +markdown: kramdown +highlighter: pygments + +kramdown: + # use Github Flavored Markdown + input: GFM + # do not replace newlines by
s + hard_wrap: false + +exclude: ['README.md', 'Gemfile', 'Gemfile.lock', 'screenshot.png'] \ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..b22209d --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,17 @@ + + + + +{% if site.google_analytics %} + +{% endif %} \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..04f591d --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,46 @@ + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..84246d2 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,89 @@ + + + + + +
+
+ +
+
+ + My Profile Photo +

{{ site.title }}

+ +
+

{{ site.description }}

+
+ +
+ + + + + +
+ +
+ +
+ +
+
+
\ No newline at end of file diff --git a/_includes/pagination.html b/_includes/pagination.html new file mode 100644 index 0000000..4135137 --- /dev/null +++ b/_includes/pagination.html @@ -0,0 +1,15 @@ + \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..113160e --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,16 @@ + + + {% include head.html %} + + + {% include header.html %} + +
+
+ {{ content }} +
+ + {% include footer.html %} +
+ + \ No newline at end of file diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..f66d13f --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,14 @@ +--- +layout: default +--- +
+ +
+

{{ page.title }}

+
+ +
+ {{ content }} +
+ +
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..da86e4c --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,15 @@ +--- +layout: default +--- +
+
+
+ • on {% for tag in page.tags %}{{ tag }} {% endfor %} +
+

{{ page.title }}

+
+ +
+ {{ content }} +
+
\ No newline at end of file diff --git a/_layouts/tags.html b/_layouts/tags.html new file mode 100644 index 0000000..d012a63 --- /dev/null +++ b/_layouts/tags.html @@ -0,0 +1,29 @@ +--- +layout: default +--- +

Tags:

+
+{% for tagitem in site.tags %} + {{ tagitem[0] }} +{% endfor %} +
+ + +{% for tagitem in site.tags %} + +
+

{{ tagitem[0] }}

+ + +
+{% endfor %} \ No newline at end of file diff --git a/_posts/2016-01-08-welcome-to-jekyll.markdown b/_posts/2016-01-08-welcome-to-jekyll.markdown new file mode 100644 index 0000000..c486f0f --- /dev/null +++ b/_posts/2016-01-08-welcome-to-jekyll.markdown @@ -0,0 +1,26 @@ +--- +layout: post +title: "Welcome to Jekyll!" +date: 2016-01-08 15:04:23 +categories: jekyll update +tags: [jekyll] +--- +You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve --watch`, which launches a web server and auto-regenerates your site when a file is updated. + +To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. + +Jekyll also offers powerful support for code snippets: + +{% highlight ruby %} +def print_hi(name) + puts "Hi, #{name}" +end +print_hi('Tom') +#=> prints 'Hi, Tom' to STDOUT. +{% endhighlight %} + +Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll’s dedicated Help repository][jekyll-help]. + +[jekyll]: http://jekyllrb.com +[jekyll-gh]: https://github.com/jekyll/jekyll +[jekyll-help]: https://github.com/jekyll/jekyll-help diff --git a/css/animate.css b/css/animate.css new file mode 100755 index 0000000..492bbbd --- /dev/null +++ b/css/animate.css @@ -0,0 +1,3432 @@ +.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes flash { + 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} +} + +@-moz-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-o-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +.flash { + -webkit-animation-name: flash; + -moz-animation-name: flash; + -o-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} +} + +@-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} +} + +@-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} +} + +@keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} + 20%, 40%, 60%, 80% {transform: translateX(10px);} +} + +.shake { + -webkit-animation-name: shake; + -moz-animation-name: shake; + -o-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-30px);} + 60% {-webkit-transform: translateY(-15px);} +} + +@-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-30px);} + 60% {-moz-transform: translateY(-15px);} +} + +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-30px);} + 60% {transform: translateY(-15px);} +} + +.bounce { + -webkit-animation-name: bounce; + -moz-animation-name: bounce; + -o-animation-name: bounce; + animation-name: bounce; +} +@-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} +} + +@-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} +} + +@-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} +} + +@keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} +} + +.tada { + -webkit-animation-name: tada; + -moz-animation-name: tada; + -o-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } +} + +@-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } +} + +@-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } +} + +@keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} + +.swing { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + -moz-animation-name: swing; + -o-animation-name: swing; + animation-name: swing; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } +} + +@-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } +} + +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + +@keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } +} + +.wobble { + -webkit-animation-name: wobble; + -moz-animation-name: wobble; + -o-animation-name: wobble; + animation-name: wobble; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } +} +@-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } +} +@-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } +} +@keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } +} + +.pulse { + -webkit-animation-name: pulse; + -moz-animation-name: pulse; + -o-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + } +} +@-moz-keyframes flip { + 0% { + -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -moz-animation-timing-function: ease-in; + } +} +@-o-keyframes flip { + 0% { + -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -o-animation-timing-function: ease-in; + } +} +@keyframes flip { + 0% { + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + animation-timing-function: ease-out; + } + 40% { + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + animation-timing-function: ease-out; + } + 50% { + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flip; + -moz-backface-visibility: visible !important; + -moz-animation-name: flip; + -o-backface-visibility: visible !important; + -o-animation-name: flip; + backface-visibility: visible !important; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + transform: perspective(400px) rotateX(10deg); + } + + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInX; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInX; + -o-backface-visibility: visible !important; + -o-animation-name: flipInX; + backface-visibility: visible !important; + animation-name: flipInX; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-o-keyframes flipOutX { + 0% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -moz-animation-name: flipOutX; + -moz-backface-visibility: visible !important; + -o-animation-name: flipOutX; + -o-backface-visibility: visible !important; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInY { + 0% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-o-keyframes flipInY { + 0% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@keyframes flipInY { + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + transform: perspective(400px) rotateY(10deg); + } + + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInY; + -o-backface-visibility: visible !important; + -o-animation-name: flipInY; + backface-visibility: visible !important; + animation-name: flipInY; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-o-keyframes flipOutY { + 0% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@keyframes flipOutY { + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipOutY; + -o-backface-visibility: visible !important; + -o-animation-name: flipOutY; + backface-visibility: visible !important; + animation-name: flipOutY; +} +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-moz-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-o-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY(20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + -moz-animation-name: fadeInLeft; + -o-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX(20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX(20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + -moz-animation-name: fadeInUpBig; + -o-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + -moz-animation-name: fadeInDownBig; + -o-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} +@-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + -moz-animation-name: fadeInLeftBig; + -o-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + -moz-animation-name: fadeInRightBig; + -o-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-moz-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-o-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + -moz-animation-name: fadeOut; + -o-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + } +} +@-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-20px); + } +} +@-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-20px); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + -moz-animation-name: fadeOutUp; + -o-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + } +} + +@-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(20px); + } +} + +@-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + -moz-animation-name: fadeOutDown; + -o-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + } +} + +@-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-20px); + } +} + +@-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + -moz-animation-name: fadeOutLeft; + -o-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + } +} + +@-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(20px); + } +} + +@-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + -moz-animation-name: fadeOutRight; + -o-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + -moz-animation-name: fadeOutUpBig; + -o-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + -moz-animation-name: fadeOutDownBig; + -o-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + -moz-animation-name: fadeOutLeftBig; + -o-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} +@-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} +@-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + -moz-animation-name: fadeOutRightBig; + -o-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes slideInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes slideInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + -moz-animation-name: slideInDown; + -o-animation-name: slideInDown; + animation-name: slideInDown; +} +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + -moz-animation-name: slideInLeft; + -o-animation-name: slideInLeft; + animation-name: slideInLeft; +} +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + -moz-animation-name: slideInRight; + -o-animation-name: slideInRight; + animation-name: slideInRight; +} +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes slideOutUp { + 0% { + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes slideOutUp { + 0% { + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + -moz-animation-name: slideOutUp; + -o-animation-name: slideOutUp; + animation-name: slideOutUp; +} +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes slideOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes slideOutLeft { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + -moz-animation-name: slideOutLeft; + -o-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes slideOutRight { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes slideOutRight { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + -moz-animation-name: slideOutRight; + -o-animation-name: slideOutRight; + animation-name: slideOutRight; +} +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(.9); + } + + 100% { + -moz-transform: scale(1); + } +} + +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(.9); + } + + 100% { + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-30px); + } + + 80% { + -moz-transform: translateY(10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(-30px); + } + + 80% { + -o-transform: translateY(10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 60% { + opacity: 1; + transform: translateY(-30px); + } + + 80% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + -moz-animation-name: bounceInUp; + -o-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(30px); + } + + 80% { + -moz-transform: translateY(-10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + transform: translateY(30px); + } + + 80% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + -moz-animation-name: bounceInDown; + -o-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(30px); + } + + 80% { + -moz-transform: translateX(-10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + transform: translateX(30px); + } + + 80% { + transform: translateX(-10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + -moz-animation-name: bounceInLeft; + -o-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-30px); + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 60% { + opacity: 1; + transform: translateX(-30px); + } + + 80% { + transform: translateX(10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + -moz-animation-name: bounceInRight; + -o-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + } +} + +@-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(.3); + } +} + +@-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(20px); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + -moz-animation-name: bounceOutUp; + -o-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-20px); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + -moz-animation-name: bounceOutDown; + -o-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(20px); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + -moz-animation-name: bounceOutLeft; + -o-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-20px); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + -moz-animation-name: bounceOutRight; + -o-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } +} +@-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } +} +@-o-keyframes rotateIn { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } +} +@keyframes rotateIn { + 0% { + transform-origin: center center; + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + -moz-animation-name: rotateIn; + -o-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + -moz-animation-name: rotateInUpLeft; + -o-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + -moz-animation-name: rotateInDownLeft; + -o-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + -moz-animation-name: rotateInUpRight; + -o-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + -moz-animation-name: rotateInDownRight; + -o-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(200deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(200deg); + opacity: 0; + } +} + +@-o-keyframes rotateOut { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: center center; + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + -moz-animation-name: rotateOut; + -o-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + -transform-origin: left bottom; + -transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + -moz-animation-name: rotateOutUpLeft; + -o-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + -moz-animation-name: rotateOutDownLeft; + -o-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + -moz-animation-name: rotateOutUpRight; + -o-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + -moz-animation-name: rotateOutDownRight; + -o-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -moz-animation-name: lightSpeedIn; + -o-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -moz-animation-name: lightSpeedOut; + -o-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +@-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 100% { -webkit-transform: translateY(700px); opacity: 0; } +} + +@-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 100% { -moz-transform: translateY(700px); opacity: 0; } +} + +@-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 100% { -o-transform: translateY(700px); opacity: 0; } +} + +@keyframes hinge { + 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } + 100% { transform: translateY(700px); opacity: 0; } +} + +.hinge { + -webkit-animation-name: hinge; + -moz-animation-name: hinge; + -o-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } +} + +@-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } +} + +@-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } +} + +@keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } +} + +.rollIn { + -webkit-animation-name: rollIn; + -moz-animation-name: rollIn; + -o-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + } +} + +@-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate(120deg); + } +} + +@-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + -moz-animation-name: rollOut; + -o-animation-name: rollOut; + animation-name: rollOut; +} diff --git a/css/default.css b/css/default.css new file mode 100644 index 0000000..e69de29 diff --git a/css/main.css b/css/main.css new file mode 100755 index 0000000..8f8b3d7 --- /dev/null +++ b/css/main.css @@ -0,0 +1,52 @@ +@import url(uno.css); +@import url(monokai.css); + +/* Modifications */ + +.highlight pre { + padding: 10px; +} + +.highlight pre code { + white-space: pre-wrap; +} + +.btn, .navigation__item a { + margin: 5px 0; + white-space: nowrap; +} + +.pagination__page-number { + display: inline-block; + padding: 10px; +} + +.tags a { + border: 1px solid #e25440; + border-radius: 20px; + color: #e25440; + display: inline-block; + font-size: 12px; + margin: 5px 0; + padding: 5px 10px; + text-shadow: none; + white-space: nowrap; +} + +.post-meta__tags { + font-size: 12px; + padding: 0 5px; +} + +.footer__copyright { + margin: 0 20px 10px; +} + +.user-image { + margin-bottom: 1.2em; + position: relative; + width: 100px; + height: 100px; + border: 3px solid #fff; + border-radius:100%; +} \ No newline at end of file diff --git a/css/monokai.css b/css/monokai.css new file mode 100755 index 0000000..70508a1 --- /dev/null +++ b/css/monokai.css @@ -0,0 +1,65 @@ +.highlight pre { background-color: #272822; } +.highlight .hll { background-color: #272822; } +.highlight .c { color: #75715e } /* Comment */ +.highlight .err { color: #960050; background-color: #1e0010 } /* Error */ +.highlight .k { color: #66d9ef } /* Keyword */ +.highlight .l { color: #ae81ff } /* Literal */ +.highlight .n { color: #f8f8f2 } /* Name */ +.highlight .o { color: #f92672 } /* Operator */ +.highlight .p { color: #f8f8f2 } /* Punctuation */ +.highlight .cm { color: #75715e } /* Comment.Multiline */ +.highlight .cp { color: #75715e } /* Comment.Preproc */ +.highlight .c1 { color: #75715e } /* Comment.Single */ +.highlight .cs { color: #75715e } /* Comment.Special */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .kc { color: #66d9ef } /* Keyword.Constant */ +.highlight .kd { color: #66d9ef } /* Keyword.Declaration */ +.highlight .kn { color: #f92672 } /* Keyword.Namespace */ +.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ +.highlight .kr { color: #66d9ef } /* Keyword.Reserved */ +.highlight .kt { color: #66d9ef } /* Keyword.Type */ +.highlight .ld { color: #e6db74 } /* Literal.Date */ +.highlight .m { color: #ae81ff } /* Literal.Number */ +.highlight .s { color: #e6db74 } /* Literal.String */ +.highlight .na { color: #a6e22e } /* Name.Attribute */ +.highlight .nb { color: #f8f8f2 } /* Name.Builtin */ +.highlight .nc { color: #a6e22e } /* Name.Class */ +.highlight .no { color: #66d9ef } /* Name.Constant */ +.highlight .nd { color: #a6e22e } /* Name.Decorator */ +.highlight .ni { color: #f8f8f2 } /* Name.Entity */ +.highlight .ne { color: #a6e22e } /* Name.Exception */ +.highlight .nf { color: #a6e22e } /* Name.Function */ +.highlight .nl { color: #f8f8f2 } /* Name.Label */ +.highlight .nn { color: #f8f8f2 } /* Name.Namespace */ +.highlight .nx { color: #a6e22e } /* Name.Other */ +.highlight .py { color: #f8f8f2 } /* Name.Property */ +.highlight .nt { color: #f92672 } /* Name.Tag */ +.highlight .nv { color: #f8f8f2 } /* Name.Variable */ +.highlight .ow { color: #f92672 } /* Operator.Word */ +.highlight .w { color: #f8f8f2 } /* Text.Whitespace */ +.highlight .mf { color: #ae81ff } /* Literal.Number.Float */ +.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ +.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ +.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ +.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ +.highlight .sc { color: #e6db74 } /* Literal.String.Char */ +.highlight .sd { color: #e6db74 } /* Literal.String.Doc */ +.highlight .s2 { color: #e6db74 } /* Literal.String.Double */ +.highlight .se { color: #ae81ff } /* Literal.String.Escape */ +.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ +.highlight .si { color: #e6db74 } /* Literal.String.Interpol */ +.highlight .sx { color: #e6db74 } /* Literal.String.Other */ +.highlight .sr { color: #e6db74 } /* Literal.String.Regex */ +.highlight .s1 { color: #e6db74 } /* Literal.String.Single */ +.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ +.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ +.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ +.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ + +.highlight .gh { } /* Generic Heading & Diff Header */ +.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ +.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ +.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ \ No newline at end of file diff --git a/css/uno.css b/css/uno.css new file mode 100755 index 0000000..7c70367 --- /dev/null +++ b/css/uno.css @@ -0,0 +1,1682 @@ +@import 'http://fonts.googleapis.com/css?family=Raleway:400,700|Roboto+Slab:300,400)'; +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +@import url(animate.css); +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; } + +body { + line-height: 1; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after { + content: ''; + content: none; } + +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +body { + width: 100%; + *zoom: 1; } + body:before, body:after { + content: ""; + display: table; } + body:after { + clear: both; } + +/* + * Foundation Icons v 3.0 + * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3 + * MIT License + */ +@font-face { + font-family: "foundation-icons"; + src: url("../fonts/foundation-icons/foundation-icons.eot"); + src: url("../fonts/foundation-icons/foundation-icons.eot?") format("embedded-opentype"), url("../fonts/foundation-icons/foundation-icons.woff") format("woff"), url("../fonts/foundation-icons/foundation-icons.ttf") format("truetype"), url("../fonts/foundation-icons/foundation-icons.svg") format("svg"); + font-weight: normal; + font-style: normal; } +.icon:before { + font-family: "foundation-icons"; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + display: inline-block; + text-decoration: inherit; } + +.icon-address-book:before { + content: "\f100"; } + +.icon-alert:before { + content: "\f101"; } + +.icon-align-center:before { + content: "\f102"; } + +.icon-align-justify:before { + content: "\f103"; } + +.icon-align-left:before { + content: "\f104"; } + +.icon-align-right:before { + content: "\f105"; } + +.icon-anchor:before { + content: "\f106"; } + +.icon-annotate:before { + content: "\f107"; } + +.icon-archive:before { + content: "\f108"; } + +.icon-arrow-down:before { + content: "\f109"; } + +.icon-arrow-left:before { + content: "\f10a"; } + +.icon-arrow-right:before { + content: "\f10b"; } + +.icon-arrow-up:before { + content: "\f10c"; } + +.icon-arrows-compress:before { + content: "\f10d"; } + +.icon-arrows-expand:before { + content: "\f10e"; } + +.icon-arrows-in:before { + content: "\f10f"; } + +.icon-arrows-out:before { + content: "\f110"; } + +.icon-asl:before { + content: "\f111"; } + +.icon-asterisk:before { + content: "\f112"; } + +.icon-at-sign:before { + content: "\f113"; } + +.icon-background-color:before { + content: "\f114"; } + +.icon-battery-empty:before { + content: "\f115"; } + +.icon-battery-full:before { + content: "\f116"; } + +.icon-battery-half:before { + content: "\f117"; } + +.icon-bitcoin-circle:before { + content: "\f118"; } + +.icon-bitcoin:before { + content: "\f119"; } + +.icon-blind:before { + content: "\f11a"; } + +.icon-bluetooth:before { + content: "\f11b"; } + +.icon-bold:before { + content: "\f11c"; } + +.icon-book-bookmark:before { + content: "\f11d"; } + +.icon-book:before { + content: "\f11e"; } + +.icon-bookmark:before { + content: "\f11f"; } + +.icon-braille:before { + content: "\f120"; } + +.icon-burst-new:before { + content: "\f121"; } + +.icon-burst-sale:before { + content: "\f122"; } + +.icon-burst:before { + content: "\f123"; } + +.icon-calendar:before { + content: "\f124"; } + +.icon-camera:before { + content: "\f125"; } + +.icon-check:before { + content: "\f126"; } + +.icon-checkbox:before { + content: "\f127"; } + +.icon-clipboard-notes:before { + content: "\f128"; } + +.icon-clipboard-pencil:before { + content: "\f129"; } + +.icon-clipboard:before { + content: "\f12a"; } + +.icon-clock:before { + content: "\f12b"; } + +.icon-closed-caption:before { + content: "\f12c"; } + +.icon-cloud:before { + content: "\f12d"; } + +.icon-comment-minus:before { + content: "\f12e"; } + +.icon-comment-quotes:before { + content: "\f12f"; } + +.icon-comment-video:before { + content: "\f130"; } + +.icon-comment:before { + content: "\f131"; } + +.icon-comments:before { + content: "\f132"; } + +.icon-compass:before { + content: "\f133"; } + +.icon-contrast:before { + content: "\f134"; } + +.icon-credit-card:before { + content: "\f135"; } + +.icon-crop:before { + content: "\f136"; } + +.icon-crown:before { + content: "\f137"; } + +.icon-css3:before { + content: "\f138"; } + +.icon-database:before { + content: "\f139"; } + +.icon-die-five:before { + content: "\f13a"; } + +.icon-die-four:before { + content: "\f13b"; } + +.icon-die-one:before { + content: "\f13c"; } + +.icon-die-six:before { + content: "\f13d"; } + +.icon-die-three:before { + content: "\f13e"; } + +.icon-die-two:before { + content: "\f13f"; } + +.icon-dislike:before { + content: "\f140"; } + +.icon-dollar-bill:before { + content: "\f141"; } + +.icon-dollar:before { + content: "\f142"; } + +.icon-download:before { + content: "\f143"; } + +.icon-eject:before { + content: "\f144"; } + +.icon-elevator:before { + content: "\f145"; } + +.icon-euro:before { + content: "\f146"; } + +.icon-eye:before { + content: "\f147"; } + +.icon-fast-forward:before { + content: "\f148"; } + +.icon-female-symbol:before { + content: "\f149"; } + +.icon-female:before { + content: "\f14a"; } + +.icon-filter:before { + content: "\f14b"; } + +.icon-first-aid:before { + content: "\f14c"; } + +.icon-flag:before { + content: "\f14d"; } + +.icon-folder-add:before { + content: "\f14e"; } + +.icon-folder-lock:before { + content: "\f14f"; } + +.icon-folder:before { + content: "\f150"; } + +.icon-foot:before { + content: "\f151"; } + +.icon-foundation:before { + content: "\f152"; } + +.icon-graph-bar:before { + content: "\f153"; } + +.icon-graph-horizontal:before { + content: "\f154"; } + +.icon-graph-pie:before { + content: "\f155"; } + +.icon-graph-trend:before { + content: "\f156"; } + +.icon-guide-dog:before { + content: "\f157"; } + +.icon-hearing-aid:before { + content: "\f158"; } + +.icon-heart:before { + content: "\f159"; } + +.icon-home:before { + content: "\f15a"; } + +.icon-html5:before { + content: "\f15b"; } + +.icon-indent-less:before { + content: "\f15c"; } + +.icon-indent-more:before { + content: "\f15d"; } + +.icon-info:before { + content: "\f15e"; } + +.icon-italic:before { + content: "\f15f"; } + +.icon-key:before { + content: "\f160"; } + +.icon-laptop:before { + content: "\f161"; } + +.icon-layout:before { + content: "\f162"; } + +.icon-lightbulb:before { + content: "\f163"; } + +.icon-like:before { + content: "\f164"; } + +.icon-link:before { + content: "\f165"; } + +.icon-list-bullet:before { + content: "\f166"; } + +.icon-list-number:before { + content: "\f167"; } + +.icon-list-thumbnails:before { + content: "\f168"; } + +.icon-list:before { + content: "\f169"; } + +.icon-lock:before { + content: "\f16a"; } + +.icon-loop:before { + content: "\f16b"; } + +.icon-magnifying-glass:before { + content: "\f16c"; } + +.icon-mail:before { + content: "\f16d"; } + +.icon-male-female:before { + content: "\f16e"; } + +.icon-male-symbol:before { + content: "\f16f"; } + +.icon-male:before { + content: "\f170"; } + +.icon-map:before { + content: "\f171"; } + +.icon-marker:before { + content: "\f172"; } + +.icon-megaphone:before { + content: "\f173"; } + +.icon-microphone:before { + content: "\f174"; } + +.icon-minus-circle:before { + content: "\f175"; } + +.icon-minus:before { + content: "\f176"; } + +.icon-mobile-signal:before { + content: "\f177"; } + +.icon-mobile:before { + content: "\f178"; } + +.icon-monitor:before { + content: "\f179"; } + +.icon-mountains:before { + content: "\f17a"; } + +.icon-music:before { + content: "\f17b"; } + +.icon-next:before { + content: "\f17c"; } + +.icon-no-dogs:before { + content: "\f17d"; } + +.icon-no-smoking:before { + content: "\f17e"; } + +.icon-page-add:before { + content: "\f17f"; } + +.icon-page-copy:before { + content: "\f180"; } + +.icon-page-csv:before { + content: "\f181"; } + +.icon-page-delete:before { + content: "\f182"; } + +.icon-page-doc:before { + content: "\f183"; } + +.icon-page-edit:before { + content: "\f184"; } + +.icon-page-export-csv:before { + content: "\f185"; } + +.icon-page-export-doc:before { + content: "\f186"; } + +.icon-page-export-pdf:before { + content: "\f187"; } + +.icon-page-export:before { + content: "\f188"; } + +.icon-page-filled:before { + content: "\f189"; } + +.icon-page-multiple:before { + content: "\f18a"; } + +.icon-page-pdf:before { + content: "\f18b"; } + +.icon-page-remove:before { + content: "\f18c"; } + +.icon-page-search:before { + content: "\f18d"; } + +.icon-page:before { + content: "\f18e"; } + +.icon-paint-bucket:before { + content: "\f18f"; } + +.icon-paperclip:before { + content: "\f190"; } + +.icon-pause:before { + content: "\f191"; } + +.icon-paw:before { + content: "\f192"; } + +.icon-paypal:before { + content: "\f193"; } + +.icon-pencil:before { + content: "\f194"; } + +.icon-photo:before { + content: "\f195"; } + +.icon-play-circle:before { + content: "\f196"; } + +.icon-play-video:before { + content: "\f197"; } + +.icon-play:before { + content: "\f198"; } + +.icon-plus:before { + content: "\f199"; } + +.icon-pound:before { + content: "\f19a"; } + +.icon-power:before { + content: "\f19b"; } + +.icon-previous:before { + content: "\f19c"; } + +.icon-price-tag:before { + content: "\f19d"; } + +.icon-pricetag-multiple:before { + content: "\f19e"; } + +.icon-print:before { + content: "\f19f"; } + +.icon-prohibited:before { + content: "\f1a0"; } + +.icon-projection-screen:before { + content: "\f1a1"; } + +.icon-puzzle:before { + content: "\f1a2"; } + +.icon-quote:before { + content: "\f1a3"; } + +.icon-record:before { + content: "\f1a4"; } + +.icon-refresh:before { + content: "\f1a5"; } + +.icon-results-demographics:before { + content: "\f1a6"; } + +.icon-results:before { + content: "\f1a7"; } + +.icon-rewind-ten:before { + content: "\f1a8"; } + +.icon-rewind:before { + content: "\f1a9"; } + +.icon-rss:before { + content: "\f1aa"; } + +.icon-safety-cone:before { + content: "\f1ab"; } + +.icon-save:before { + content: "\f1ac"; } + +.icon-share:before { + content: "\f1ad"; } + +.icon-sheriff-badge:before { + content: "\f1ae"; } + +.icon-shield:before { + content: "\f1af"; } + +.icon-shopping-bag:before { + content: "\f1b0"; } + +.icon-shopping-cart:before { + content: "\f1b1"; } + +.icon-shuffle:before { + content: "\f1b2"; } + +.icon-skull:before { + content: "\f1b3"; } + +.icon-social-500px:before { + content: "\f1b4"; } + +.icon-social-adobe:before { + content: "\f1b5"; } + +.icon-social-amazon:before { + content: "\f1b6"; } + +.icon-social-android:before { + content: "\f1b7"; } + +.icon-social-apple:before { + content: "\f1b8"; } + +.icon-social-behance:before { + content: "\f1b9"; } + +.icon-social-bing:before { + content: "\f1ba"; } + +.icon-social-blogger:before { + content: "\f1bb"; } + +.icon-social-delicious:before { + content: "\f1bc"; } + +.icon-social-designer-news:before { + content: "\f1bd"; } + +.icon-social-deviant-art:before { + content: "\f1be"; } + +.icon-social-digg:before { + content: "\f1bf"; } + +.icon-social-dribbble:before { + content: "\f1c0"; } + +.icon-social-drive:before { + content: "\f1c1"; } + +.icon-social-dropbox:before { + content: "\f1c2"; } + +.icon-social-evernote:before { + content: "\f1c3"; } + +.icon-social-facebook:before { + content: "\f1c4"; } + +.icon-social-flickr:before { + content: "\f1c5"; } + +.icon-social-forrst:before { + content: "\f1c6"; } + +.icon-social-foursquare:before { + content: "\f1c7"; } + +.icon-social-game-center:before { + content: "\f1c8"; } + +.icon-social-github:before { + content: "\f1c9"; } + +.icon-social-google-plus:before { + content: "\f1ca"; } + +.icon-social-hacker-news:before { + content: "\f1cb"; } + +.icon-social-hi5:before { + content: "\f1cc"; } + +.icon-social-instagram:before { + content: "\f1cd"; } + +.icon-social-joomla:before { + content: "\f1ce"; } + +.icon-social-lastfm:before { + content: "\f1cf"; } + +.icon-social-linkedin:before { + content: "\f1d0"; } + +.icon-social-medium:before { + content: "\f1d1"; } + +.icon-social-myspace:before { + content: "\f1d2"; } + +.icon-social-orkut:before { + content: "\f1d3"; } + +.icon-social-path:before { + content: "\f1d4"; } + +.icon-social-picasa:before { + content: "\f1d5"; } + +.icon-social-pinterest:before { + content: "\f1d6"; } + +.icon-social-rdio:before { + content: "\f1d7"; } + +.icon-social-reddit:before { + content: "\f1d8"; } + +.icon-social-skillshare:before { + content: "\f1d9"; } + +.icon-social-skype:before { + content: "\f1da"; } + +.icon-social-smashing-mag:before { + content: "\f1db"; } + +.icon-social-snapchat:before { + content: "\f1dc"; } + +.icon-social-spotify:before { + content: "\f1dd"; } + +.icon-social-squidoo:before { + content: "\f1de"; } + +.icon-social-stack-overflow:before { + content: "\f1df"; } + +.icon-social-steam:before { + content: "\f1e0"; } + +.icon-social-stumbleupon:before { + content: "\f1e1"; } + +.icon-social-treehouse:before { + content: "\f1e2"; } + +.icon-social-tumblr:before { + content: "\f1e3"; } + +.icon-social-twitter:before { + content: "\f1e4"; } + +.icon-social-vimeo:before { + content: "\f1e5"; } + +.icon-social-windows:before { + content: "\f1e6"; } + +.icon-social-xbox:before { + content: "\f1e7"; } + +.icon-social-yahoo:before { + content: "\f1e8"; } + +.icon-social-yelp:before { + content: "\f1e9"; } + +.icon-social-youtube:before { + content: "\f1ea"; } + +.icon-social-zerply:before { + content: "\f1eb"; } + +.icon-social-zurb:before { + content: "\f1ec"; } + +.icon-sound:before { + content: "\f1ed"; } + +.icon-star:before { + content: "\f1ee"; } + +.icon-stop:before { + content: "\f1ef"; } + +.icon-strikethrough:before { + content: "\f1f0"; } + +.icon-subscript:before { + content: "\f1f1"; } + +.icon-superscript:before { + content: "\f1f2"; } + +.icon-tablet-landscape:before { + content: "\f1f3"; } + +.icon-tablet-portrait:before { + content: "\f1f4"; } + +.icon-target-two:before { + content: "\f1f5"; } + +.icon-target:before { + content: "\f1f6"; } + +.icon-telephone-accessible:before { + content: "\f1f7"; } + +.icon-telephone:before { + content: "\f1f8"; } + +.icon-text-color:before { + content: "\f1f9"; } + +.icon-thumbnails:before { + content: "\f1fa"; } + +.icon-ticket:before { + content: "\f1fb"; } + +.icon-torso-business:before { + content: "\f1fc"; } + +.icon-torso-female:before { + content: "\f1fd"; } + +.icon-torso:before { + content: "\f1fe"; } + +.icon-torsos-all-female:before { + content: "\f1ff"; } + +.icon-torsos-all:before { + content: "\f200"; } + +.icon-torsos-female-male:before { + content: "\f201"; } + +.icon-torsos-male-female:before { + content: "\f202"; } + +.icon-torsos:before { + content: "\f203"; } + +.icon-trash:before { + content: "\f204"; } + +.icon-trees:before { + content: "\f205"; } + +.icon-trophy:before { + content: "\f206"; } + +.icon-underline:before { + content: "\f207"; } + +.icon-universal-access:before { + content: "\f208"; } + +.icon-unlink:before { + content: "\f209"; } + +.icon-unlock:before { + content: "\f20a"; } + +.icon-upload-cloud:before { + content: "\f20b"; } + +.icon-upload:before { + content: "\f20c"; } + +.icon-usb:before { + content: "\f20d"; } + +.icon-video:before { + content: "\f20e"; } + +.icon-volume-none:before { + content: "\f20f"; } + +.icon-volume-strike:before { + content: "\f210"; } + +.icon-volume:before { + content: "\f211"; } + +.icon-web:before { + content: "\f212"; } + +.icon-wheelchair:before { + content: "\f213"; } + +.icon-widget:before { + content: "\f214"; } + +.icon-wrench:before { + content: "\f215"; } + +.icon-x-circle:before { + content: "\f216"; } + +.icon-x:before { + content: "\f217"; } + +.icon-yen:before { + content: "\f218"; } + +.icon-zoom-in:before { + content: "\f219"; } + +.icon-zoom-out:before { + content: "\f21a"; } + +html, body { + height: 100%; } + +html { + height: 100%; + max-height: 100%; } + +body { + font-family: "Raleway", sans-serif; + font-size: 1em; + color: #666666; } + +::selection { + background: #fae3df; } + +::-moz-selection { + background: #fae3df; } + +a { + text-decoration: none; + color: #e25440; } + a:hover { + color: #b9301c; + -o-transition: .5s; + -ms-transition: .5s; + -moz-transition: .5s; + -webkit-transition: .5s; } + +h1, +h2, +h3, +h4, +h5, +h5 { + margin-top: .8em; + margin-bottom: .4em; + font-family: "Roboto Slab", serif; + font-weight: lighter; + color: #333333; + -webkit-font-smoothing: antialiased; } + +h1 { + margin-top: 0; + font-size: 3.2em; + line-height: 1.2em; + letter-spacing: .05em; } + +h2 { + font-size: 2.2em; } + +h3 { + font-size: 1.8em; } + +h4 { + font-size: 1.4em; } + +h4 { + font-size: 1.2em; } + +h5 { + font-size: 1em; } + +p { + margin-bottom: 1.3em; + line-height: 1.7em; } + +strong { + font-weight: bold; } + +em { + font-style: italic; } + +blockquote { + margin: 1em 0; + padding: 2em 0; + background: #f8f8f8; + border: 1px solid #eeeeee; + border-radius: 3px; + font-family: "Roboto Slab", serif; + font-weight: lighter; + font-style: italic; + font-size: 1.3em; + text-align: center; } + blockquote p:last-child { + margin-bottom: 0; } + +ol, ul { + margin: 0 0 1.3em 2.5em; } + ol li, ul li { + margin: 0 0 .2em 0; + line-height: 1.6em; } + ol ol, ol ul, ul ol, ul ul { + margin: .1em 0 .2em 2em; } + +ol { + list-style-type: decimal; } + +ul { + list-style-type: disc; } + +code { + padding: .1em .4em; + background: #e8f2fb; + border: 1px solid #c9e1f6; + border-radius: 3px; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + font-size: .85em; } + +pre { + margin-bottom: 1.3em; + /* padding: 1em 2.5%; + background: #e8f2fb; + border: 1px solid #c9e1f6; */ + border-radius: 3px; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + font-size: .9em; + font-weight: normal; + line-height: 1.3em; } + pre code { + padding: 0; + background: none; + border: none; } + +.date, +.time, +.author, +.tags { + font-size: .8em; + color: #c7c7c7; } + .date a, + .time a, + .author a, + .tags a { + color: #666666; } + .date a:hover, + .time a:hover, + .author a:hover, + .tags a:hover { + color: #b9301c; } + +.excerpt { + margin: 0; + font-size: .9em; + color: #999999; } + +.intro { + font-family: "Roboto Slab", serif; + font-size: 1.2em; + font-weight: lighter; + color: #999999; } + +.block-heading { + display: inline; + float: left; + width: 940px; + margin: 0 10px; + position: relative; + bottom: -15px; + font-size: .8em; + font-weight: bold; + text-align: center; + text-transform: uppercase; + letter-spacing: 1px; } + +.label { + position: relative; + display: inline-block; + padding: 8px 18px 9px 18px; + background: #e25440; + border-radius: 3px; + text-align: center; + color: #FFF; } + +.container { + position: relative; + z-index: 500; + width: 940px; + margin: 0 auto; } + +.content-wrapper { + z-index: 800; + width: 60%; + max-width: 800px; + margin-left: 40%; } + +.content-wrapper__inner { + margin: 0 10%; + padding: 50px 0; } + +.footer { + display: block; + padding: 2em 0 0 0; + border-top: 2px solid #dddddd; + font-size: .7em; + color: #b3b3b3; } + +.footer__copyright { + display: block; + margin-bottom: .7em; } + .footer__copyright a { + color: #a6a6a6; + text-decoration: underline; } + .footer__copyright a:hover { + color: #b9301c; } + +.avatar, +.logo { + border-radius: 50%; + border: 3px solid #FFF; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); } + +hr { + border: none; } + +.section-title__divider { + width: 30%; + margin: 2.2em 0 2.1em 0; + border-top: 1px solid #dddddd; } + +.hidden { + display: none !important; } + +.post-comments { + border-top: 1px solid #dddddd; + padding: 60px 0; } + +.post-meta { + margin: 0 0 .4em 0; + color: #c7c7c7; } + +.post-meta__date { + margin-right: .5em; } + +.post-meta__tags { + margin-left: .4em; } + +.post-meta__author { + margin-left: 1.5em; } + +.post-meta__avatar { + display: inline-block; + width: 22px; + height: 22px; + margin: 0 .3em -.4em 0; + border: none; + box-shadow: none; } + +.post img { + max-width: 100%; + margin: 0 auto; + border-radius: 3px; + text-align: center; } +.post pre { + width: 95%; } +.post hr { + display: block; + width: 30%; + margin: 2em 0; + border-top: 1px solid #dddddd; } + +.error-code { + font-size: 6em; } + +.panel { + display: table; + width: 100%; + height: 100%; } + +.panel__vertical { + display: table-cell; + vertical-align: middle; } + +.panel-title { + margin: 0 0 5px 0; + font-size: 2.5em; + letter-spacing: 4px; + color: #FFF; } + +.panel-subtitle { + font-family: "Roboto Slab", serif; + font-size: 1.2em; + font-weight: lighter; + letter-spacing: 3px; + color: #cccccc; + -webkit-font-smoothing: antialiased; } + +.panel-cover { + display: block; + position: fixed; + z-index: 900; + width: 100%; + max-width: none; + height: 100%; + background: url(../images/background-cover.jpg) top left no-repeat #666666; + background-size: cover; } + +.panel-cover--collapsed { + width: 40%; + max-width: 530px; } + +.panel-cover--overlay { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(68, 68, 68, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); + background-image: linear-gradient(140deg,rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); } + +.panel-cover__logo { + margin-bottom: .2em; } + +.panel-cover__description { + margin: 0 30px; } + +.panel-cover__divider { + width: 50%; + margin: 20px auto; + border-top: 1px solid rgba(255, 255, 255, 0.14); } + +.panel-cover__divider--secondary { + width: 15%; } + +.panel-main { + display: table; + width: 100%; + height: 100%; } + +.no-js .panel-main { + width: 40%; + max-width: 530px; } + +.panel-main__inner { + display: table-cell; + vertical-align: middle; + position: relative; + z-index: 800; + padding: 0 60px; } + +.panel-main__content { + max-width: 620px; + margin: 0 auto; } + +.panel-main__content--fixed { + width: 480px; + transition: width 1s; + -webkit-transition: width 1s; + /* Safari */ } + +.panel-inverted { + font-weight: 100; + text-align: center; + color: #FFF; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + .panel-inverted a { + color: #FFF; } + +.cover-navigation { + margin-top: 10px; } + +.cover-navigation--social { + margin-left: 30px; } + +.cover-green { + background-color: rgba(21, 111, 120, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); + background-image: linear-gradient(140deg,rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); } + +.cover-purple { + background-color: rgba(73, 50, 82, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); + background-image: linear-gradient(140deg,rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); } + +.cover-red { + background-color: rgba(119, 31, 18, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); + background-image: linear-gradient(140deg,rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); } + +.cover-slate { + background-color: rgba(61, 66, 96, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); + background-image: linear-gradient(140deg,rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); } + +.cover-disabled { + background: none; } + +.btn, .navigation__item a { + padding: 10px 20px; + border: 1px solid #e25440; + border-radius: 20px; + font-size: .9em; + font-weight: bold; + letter-spacing: 1px; + text-shadow: none; + color: #e25440; + -webkit-font-smoothing: antialiased; } + .btn:hover, .navigation__item a:hover { + color: #b9301c; + border-color: #b9301c; } + +.btn-secondary { + border-color: #5ba4e5; + color: #5ba4e5; } + .btn-secondary:hover { + color: #217fd2; + border-color: #217fd2; } + +.btn-tertiary { + border-color: #999999; + color: #999999; } + .btn-tertiary:hover { + color: #737373; + border-color: #737373; } + +.btn-large { + padding: 10px 24px; + font-size: 1.1em; } + +.btn-small { + padding: 8px 12px; + font-size: .7em; } + +.btn-mobile-menu { + display: none; + position: fixed; + z-index: 9999; + top: 0; + right: 0; + left: 0; + width: 100%; + height: 42px; + background: rgba(0, 0, 0, 0.40); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + text-align: center; } + +.btn-mobile-menu__icon, +.btn-mobile-close__icon { + position: relative; + top: 3px; + font-size: 36px; + color: #FFF; } + +nav { + display: inline-block; + position: relative; } + +.navigation { + display: inline-block; + float: left; + position: relative; + margin: 0; + list-style-type: none; } + +.navigation__item { + display: inline-block; + margin: 0 2px 0 0; + line-height: 1em; } + .navigation__item a { + display: block; + position: relative; + border-color: #FFF; + color: #FFF; + opacity: .8; } + .navigation__item a:hover { + color: #FFF; + border-color: #FFF; + opacity: 1; } + +.navigation--social { + margin-left: 1.5em; } + .navigation--social a { + padding: 6px 8px 6px 9px; } + .navigation--social a .label { + display: none; } + .navigation--social a .icon { + display: block; + font-size: 1.7em; } + +.pagination { + display: block; + margin: 0 0 4em 0; } + +.pagination__page-number { + margin: 0; + font-size: .8em; + color: #999999; } + +.pagination__newer { + margin-right: 1em; } + +.pagination__older { + margin-left: 1em; } + +i { + font-family: 'entypo'; + font-weight: normal; + font-style: normal; + font-size: 18px; } + +.icon-social { + font-family: 'entypo-social'; + font-size: 22px; + display: block; + position: relative; } + +.post-list { + margin: 0; + padding: 0; + list-style-type: none; + text-align: left; } + .post-list li { + margin: 0 0 2.2em 0; } + .post-list li:last-child hr { + display: none; } + +.post-list__post-title { + margin-top: 0; + margin-bottom: .2em; + font-size: 1.5em; + line-height: 1.3em; } + .post-list__post-title a { + color: #333333; } + .post-list__post-title a:hover { + color: #b9301c; } + +.post-list__meta { + display: block; + margin: .7em 0 0 0; + font-size: .9em; + color: #c7c7c7; } + +.post-list__meta--date { + margin-right: .5em; + color: #c7c7c7; } + +.post-list__meta--tags { + margin-left: .5em; } + +.post-list__divider { + width: 30%; + margin: 2.2em 0 2.1em 0; + border-top: 1px solid #dddddd; } + +*:focus { + outline: none; } + +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"] { + width: 240px; + padding: 1em 1em; + background: #FFF; + border: 1px solid #dddddd; + border-radius: 3px; + font-size: .9em; + color: #666666; } + input[type="text"]:focus, + input[type="password"]:focus, + input[type="datetime"]:focus, + input[type="datetime-local"]:focus, + input[type="date"]:focus, + input[type="month"]:focus, + input[type="time"]:focus, + input[type="week"]:focus, + input[type="number"]:focus, + input[type="email"]:focus, + input[type="url"]:focus, + input[type="search"]:focus, + input[type="tel"]:focus { + border-color: #5ba4e5; } + input[type="text"]::-webkit-input-placeholder, + input[type="password"]::-webkit-input-placeholder, + input[type="datetime"]::-webkit-input-placeholder, + input[type="datetime-local"]::-webkit-input-placeholder, + input[type="date"]::-webkit-input-placeholder, + input[type="month"]::-webkit-input-placeholder, + input[type="time"]::-webkit-input-placeholder, + input[type="week"]::-webkit-input-placeholder, + input[type="number"]::-webkit-input-placeholder, + input[type="email"]::-webkit-input-placeholder, + input[type="url"]::-webkit-input-placeholder, + input[type="search"]::-webkit-input-placeholder, + input[type="tel"]::-webkit-input-placeholder { + color: #cccccc; } + input[type="text"]::-moz-placeholder, + input[type="password"]::-moz-placeholder, + input[type="datetime"]::-moz-placeholder, + input[type="datetime-local"]::-moz-placeholder, + input[type="date"]::-moz-placeholder, + input[type="month"]::-moz-placeholder, + input[type="time"]::-moz-placeholder, + input[type="week"]::-moz-placeholder, + input[type="number"]::-moz-placeholder, + input[type="email"]::-moz-placeholder, + input[type="url"]::-moz-placeholder, + input[type="search"]::-moz-placeholder, + input[type="tel"]::-moz-placeholder { + color: #cccccc; } + input[type="text"]:-moz-placeholder, + input[type="password"]:-moz-placeholder, + input[type="datetime"]:-moz-placeholder, + input[type="datetime-local"]:-moz-placeholder, + input[type="date"]:-moz-placeholder, + input[type="month"]:-moz-placeholder, + input[type="time"]:-moz-placeholder, + input[type="week"]:-moz-placeholder, + input[type="number"]:-moz-placeholder, + input[type="email"]:-moz-placeholder, + input[type="url"]:-moz-placeholder, + input[type="search"]:-moz-placeholder, + input[type="tel"]:-moz-placeholder { + color: #cccccc; } + input[type="text"]:-ms-input-placeholder, + input[type="password"]:-ms-input-placeholder, + input[type="datetime"]:-ms-input-placeholder, + input[type="datetime-local"]:-ms-input-placeholder, + input[type="date"]:-ms-input-placeholder, + input[type="month"]:-ms-input-placeholder, + input[type="time"]:-ms-input-placeholder, + input[type="week"]:-ms-input-placeholder, + input[type="number"]:-ms-input-placeholder, + input[type="email"]:-ms-input-placeholder, + input[type="url"]:-ms-input-placeholder, + input[type="search"]:-ms-input-placeholder, + input[type="tel"]:-ms-input-placeholder { + color: #cccccc; } + +@media all and (min-width: 1300px) { + .content-wrapper { + margin-left: 530px; } } +@media all and (max-width: 1100px) { + .panel-cover__logo { + width: 70px; } + + .panel-title { + font-size: 2em; } + + .panel-subtitle { + font-size: 1em; } + + .panel-cover__description { + margin: 0 10px; + font-size: .9em; } + + .navigation--social { + margin-top: 5px; + margin-left: 0; } } +@media all and (max-width: 960px) { + .btn-mobile-menu { + display: block; } + + .panel-main { + display: table; + position: relative; } + + .panel-cover--collapsed { + width: 100%; + max-width: none; } + + .panel-main__inner { + display: table-cell; + padding: 60px 10%; } + + .panel-cover__description { + display: block; + max-width: 600px; + margin: 0 auto; } + + .panel-cover__divider--secondary { + display: none; } + + .panel-cover { + width: 100%; + height: 100%; + background-position: center center; } + .panel-cover.panel-cover--collapsed { + display: block; + position: relative; + height: auto; + padding: 0; + background-position: center center; } + .panel-cover.panel-cover--collapsed .panel-main__inner { + display: block; + padding: 70px 0 30px 0; } + .panel-cover.panel-cover--collapsed .panel-cover__logo { + width: 60px; + border-width: 2px; } + .panel-cover.panel-cover--collapsed .panel-cover__description { + display: none; } + .panel-cover.panel-cover--collapsed .panel-cover__divider { + display: none; + margin: 1em auto; } + + .navigation-wrapper { + display: none; + position: fixed; + top: 42px; + right: 0; + left: 0; + width: 100%; + padding: 20px 0; + background: rgba(51, 51, 51, 0.98); + border-bottom: 1px solid rgba(255, 255, 255, 0.15); } + .navigation-wrapper.visible { + display: block; } + + .cover-navigation { + display: block; + position: relative; + float: left; + clear: left; + width: 100%; } + .cover-navigation .navigation { + display: block; + width: 100%; } + .cover-navigation .navigation li { + width: 80%; + margin-bottom: .4em; } + .cover-navigation.navigation--social { + padding-top: 5px; } + .cover-navigation.navigation--social .navigation li { + display: inline-block; + width: 25.8%; } + + .content-wrapper { + width: 80%; + max-width: none; + margin: 0 auto; } + + .content-wrapper__inner { + margin-right: 0; + margin-left: 0; } + + .navigation__item { + width: 100%; + margin: 0 0 .4em 0; } } +@media all and (max-width: 340px) { + .panel-main__inner { + padding: 0 5%; } + + .panel-title { + margin-bottom: .1em; + font-size: 1.5em; } + + .panel-subtitle { + font-size: .9em; } + + .btn, .navigation__item a { + display: block; + margin-bottom: .4em; } } diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..022378b --- /dev/null +++ b/feed.xml @@ -0,0 +1,30 @@ +--- +layout: null +--- + + + + {{ site.title | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + diff --git a/fonts/foundation-icons/foundation-icons.eot b/fonts/foundation-icons/foundation-icons.eot new file mode 100755 index 0000000..1746ad4 Binary files /dev/null and b/fonts/foundation-icons/foundation-icons.eot differ diff --git a/fonts/foundation-icons/foundation-icons.svg b/fonts/foundation-icons/foundation-icons.svg new file mode 100755 index 0000000..4e014ff --- /dev/null +++ b/fonts/foundation-icons/foundation-icons.svg @@ -0,0 +1,970 @@ + + + + + +Created by FontForge 20120731 at Fri Aug 23 09:25:55 2013 + By Jordan Humphreys +Created by Jordan Humphreys with FontForge 2.0 (http://fontforge.sf.net) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/foundation-icons/foundation-icons.ttf b/fonts/foundation-icons/foundation-icons.ttf new file mode 100755 index 0000000..6cce217 Binary files /dev/null and b/fonts/foundation-icons/foundation-icons.ttf differ diff --git a/fonts/foundation-icons/foundation-icons.woff b/fonts/foundation-icons/foundation-icons.woff new file mode 100755 index 0000000..e2cfe25 Binary files /dev/null and b/fonts/foundation-icons/foundation-icons.woff differ diff --git a/humans.txt b/humans.txt new file mode 100755 index 0000000..95a2376 --- /dev/null +++ b/humans.txt @@ -0,0 +1,14 @@ +/* TEAM */ +Developer & Designer: Josh Gerdes +Twitter: @joshgerdes +Site: http://joshgerdes.com +Location: Minneapolis, MN, USA + +/* THANKS */ +Name: Dale Anthony + +/* SITE */ +Last update: 2015/02/23 +Standards: HTML5, CSS3 +Components: Jekyll +Software: Sublime Text, Photoshop diff --git a/images/cover.jpg b/images/cover.jpg new file mode 100644 index 0000000..71b3f8b Binary files /dev/null and b/images/cover.jpg differ diff --git a/images/favicons/android-chrome-144x144.png b/images/favicons/android-chrome-144x144.png new file mode 100644 index 0000000..b6b729d Binary files /dev/null and b/images/favicons/android-chrome-144x144.png differ diff --git a/images/favicons/android-chrome-192x192.png b/images/favicons/android-chrome-192x192.png new file mode 100644 index 0000000..fbe3265 Binary files /dev/null and b/images/favicons/android-chrome-192x192.png differ diff --git a/images/favicons/android-chrome-36x36.png b/images/favicons/android-chrome-36x36.png new file mode 100644 index 0000000..6d8a536 Binary files /dev/null and b/images/favicons/android-chrome-36x36.png differ diff --git a/images/favicons/android-chrome-48x48.png b/images/favicons/android-chrome-48x48.png new file mode 100644 index 0000000..e17fd5f Binary files /dev/null and b/images/favicons/android-chrome-48x48.png differ diff --git a/images/favicons/android-chrome-72x72.png b/images/favicons/android-chrome-72x72.png new file mode 100644 index 0000000..b6f21f0 Binary files /dev/null and b/images/favicons/android-chrome-72x72.png differ diff --git a/images/favicons/android-chrome-96x96.png b/images/favicons/android-chrome-96x96.png new file mode 100644 index 0000000..a700bf0 Binary files /dev/null and b/images/favicons/android-chrome-96x96.png differ diff --git a/images/favicons/apple-touch-icon-114x114.png b/images/favicons/apple-touch-icon-114x114.png new file mode 100644 index 0000000..091c40e Binary files /dev/null and b/images/favicons/apple-touch-icon-114x114.png differ diff --git a/images/favicons/apple-touch-icon-120x120.png b/images/favicons/apple-touch-icon-120x120.png new file mode 100644 index 0000000..666ffb6 Binary files /dev/null and b/images/favicons/apple-touch-icon-120x120.png differ diff --git a/images/favicons/apple-touch-icon-144x144.png b/images/favicons/apple-touch-icon-144x144.png new file mode 100644 index 0000000..9d6a8ef Binary files /dev/null and b/images/favicons/apple-touch-icon-144x144.png differ diff --git a/images/favicons/apple-touch-icon-152x152.png b/images/favicons/apple-touch-icon-152x152.png new file mode 100644 index 0000000..4da1b2b Binary files /dev/null and b/images/favicons/apple-touch-icon-152x152.png differ diff --git a/images/favicons/apple-touch-icon-180x180.png b/images/favicons/apple-touch-icon-180x180.png new file mode 100644 index 0000000..4d26c5c Binary files /dev/null and b/images/favicons/apple-touch-icon-180x180.png differ diff --git a/images/favicons/apple-touch-icon-57x57.png b/images/favicons/apple-touch-icon-57x57.png new file mode 100644 index 0000000..099fc0c Binary files /dev/null and b/images/favicons/apple-touch-icon-57x57.png differ diff --git a/images/favicons/apple-touch-icon-60x60.png b/images/favicons/apple-touch-icon-60x60.png new file mode 100644 index 0000000..90f2c4a Binary files /dev/null and b/images/favicons/apple-touch-icon-60x60.png differ diff --git a/images/favicons/apple-touch-icon-72x72.png b/images/favicons/apple-touch-icon-72x72.png new file mode 100644 index 0000000..b42ab42 Binary files /dev/null and b/images/favicons/apple-touch-icon-72x72.png differ diff --git a/images/favicons/apple-touch-icon-76x76.png b/images/favicons/apple-touch-icon-76x76.png new file mode 100644 index 0000000..bbc870b Binary files /dev/null and b/images/favicons/apple-touch-icon-76x76.png differ diff --git a/images/favicons/apple-touch-icon-precomposed.png b/images/favicons/apple-touch-icon-precomposed.png new file mode 100644 index 0000000..6375cac Binary files /dev/null and b/images/favicons/apple-touch-icon-precomposed.png differ diff --git a/images/favicons/apple-touch-icon.png b/images/favicons/apple-touch-icon.png new file mode 100644 index 0000000..4d26c5c Binary files /dev/null and b/images/favicons/apple-touch-icon.png differ diff --git a/images/favicons/browserconfig.xml b/images/favicons/browserconfig.xml new file mode 100644 index 0000000..0d706eb --- /dev/null +++ b/images/favicons/browserconfig.xml @@ -0,0 +1,12 @@ + + + + + + + + + #00aba9 + + + diff --git a/images/favicons/favicon-16x16.png b/images/favicons/favicon-16x16.png new file mode 100644 index 0000000..ac195f9 Binary files /dev/null and b/images/favicons/favicon-16x16.png differ diff --git a/images/favicons/favicon-194x194.png b/images/favicons/favicon-194x194.png new file mode 100644 index 0000000..e715d8c Binary files /dev/null and b/images/favicons/favicon-194x194.png differ diff --git a/images/favicons/favicon-32x32.png b/images/favicons/favicon-32x32.png new file mode 100644 index 0000000..6baddbb Binary files /dev/null and b/images/favicons/favicon-32x32.png differ diff --git a/images/favicons/favicon-96x96.png b/images/favicons/favicon-96x96.png new file mode 100644 index 0000000..b098a09 Binary files /dev/null and b/images/favicons/favicon-96x96.png differ diff --git a/images/favicons/favicon.ico b/images/favicons/favicon.ico new file mode 100644 index 0000000..98ee7c8 Binary files /dev/null and b/images/favicons/favicon.ico differ diff --git a/images/favicons/manifest.json b/images/favicons/manifest.json new file mode 100644 index 0000000..c8baf8d --- /dev/null +++ b/images/favicons/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "Jekyll-Uno", + "icons": [ + { + "src": "\/images\/favicons\/android-chrome-36x36.png", + "sizes": "36x36", + "type": "image\/png", + "density": 0.75 + }, + { + "src": "\/images\/favicons\/android-chrome-48x48.png", + "sizes": "48x48", + "type": "image\/png", + "density": 1 + }, + { + "src": "\/images\/favicons\/android-chrome-72x72.png", + "sizes": "72x72", + "type": "image\/png", + "density": 1.5 + }, + { + "src": "\/images\/favicons\/android-chrome-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": 2 + }, + { + "src": "\/images\/favicons\/android-chrome-144x144.png", + "sizes": "144x144", + "type": "image\/png", + "density": 3 + }, + { + "src": "\/images\/favicons\/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image\/png", + "density": 4 + } + ] +} diff --git a/images/favicons/mstile-144x144.png b/images/favicons/mstile-144x144.png new file mode 100644 index 0000000..cbcb299 Binary files /dev/null and b/images/favicons/mstile-144x144.png differ diff --git a/images/favicons/mstile-150x150.png b/images/favicons/mstile-150x150.png new file mode 100644 index 0000000..8e2b410 Binary files /dev/null and b/images/favicons/mstile-150x150.png differ diff --git a/images/favicons/mstile-310x150.png b/images/favicons/mstile-310x150.png new file mode 100644 index 0000000..fa1bec1 Binary files /dev/null and b/images/favicons/mstile-310x150.png differ diff --git a/images/favicons/mstile-310x310.png b/images/favicons/mstile-310x310.png new file mode 100644 index 0000000..8cf6250 Binary files /dev/null and b/images/favicons/mstile-310x310.png differ diff --git a/images/favicons/mstile-70x70.png b/images/favicons/mstile-70x70.png new file mode 100644 index 0000000..4c1a8c3 Binary files /dev/null and b/images/favicons/mstile-70x70.png differ diff --git a/images/favicons/safari-pinned-tab.svg b/images/favicons/safari-pinned-tab.svg new file mode 100644 index 0000000..27d1c24 --- /dev/null +++ b/images/favicons/safari-pinned-tab.svg @@ -0,0 +1,57 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + diff --git a/images/profile.jpg b/images/profile.jpg new file mode 100644 index 0000000..d1b16db Binary files /dev/null and b/images/profile.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..0b14cfc --- /dev/null +++ b/index.html @@ -0,0 +1,24 @@ +--- +layout: default +--- + +
+ +
    + {% for post in paginator.posts %} +
  1. +

    {{ post.title }}

    +

    {{ post.excerpt | remove: '

    ' | remove: '

    ' }}…

    +
    • on {% for tag in post.tags %}{{ tag }} {% endfor %}
    +
    +
    2. + {% endfor %} +
+ +
+ + {% if paginator.previous_page or paginator.next_page %} + {% include pagination.html %} + {% endif %} + +
\ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100755 index 0000000..1cb1b37 --- /dev/null +++ b/js/main.js @@ -0,0 +1,35 @@ +--- +layout: null +--- +$(document).ready(function () { + $('a.blog-button').click(function (e) { + if ($('.panel-cover').hasClass('panel-cover--collapsed')) return + currentWidth = $('.panel-cover').width() + if (currentWidth < 960) { + $('.panel-cover').addClass('panel-cover--collapsed') + $('.content-wrapper').addClass('animated slideInRight') + } else { + $('.panel-cover').css('max-width', currentWidth) + $('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function () {}) + } + }) + + if (window.location.hash && window.location.hash == '#blog') { + $('.panel-cover').addClass('panel-cover--collapsed') + } + + if (window.location.pathname !== '{{ site.baseurl }}' && window.location.pathname !== '{{ site.baseurl }}index.html') { + $('.panel-cover').addClass('panel-cover--collapsed') + } + + $('.btn-mobile-menu').click(function () { + $('.navigation-wrapper').toggleClass('visible animated bounceInDown') + $('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn') + }) + + $('.navigation-wrapper .blog-button').click(function () { + $('.navigation-wrapper').toggleClass('visible') + $('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn') + }) + +}) diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..d85a448 Binary files /dev/null and b/screenshot.png differ diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..22ea939 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,56 @@ +--- +layout: null +sitemap: + exclude: 'yes' +--- + + + {% for post in site.posts %} + {% unless post.published == false %} + + {{ site.url }}{{ post.url }} + {% if post.sitemap.lastmod %} + {{ post.sitemap.lastmod | date: "%Y-%m-%d" }} + {% elsif post.date %} + {{ post.date | date_to_xmlschema }} + {% else %} + {{ site.time | date_to_xmlschema }} + {% endif %} + {% if post.sitemap.changefreq %} + {{ post.sitemap.changefreq }} + {% else %} + monthly + {% endif %} + {% if post.sitemap.priority %} + {{ post.sitemap.priority }} + {% else %} + 0.5 + {% endif %} + + {% endunless %} + {% endfor %} + {% for page in site.pages %} + {% unless page.sitemap.exclude == "yes" %} + + {{ site.url }}{{ page.url | remove: "index.html" }} + {% if page.sitemap.lastmod %} + {{ page.sitemap.lastmod | date: "%Y-%m-%d" }} + {% elsif page.date %} + {{ page.date | date_to_xmlschema }} + {% else %} + {{ site.time | date_to_xmlschema }} + {% endif %} + {% if page.sitemap.changefreq %} + {{ page.sitemap.changefreq }} + {% else %} + monthly + {% endif %} + {% if page.sitemap.priority %} + {{ page.sitemap.priority }} + {% else %} + 0.3 + {% endif %} + + {% endunless %} + {% endfor %} + \ No newline at end of file diff --git a/tags.md b/tags.md new file mode 100644 index 0000000..7634498 --- /dev/null +++ b/tags.md @@ -0,0 +1,5 @@ +--- +layout: tags +title: Tags +permalink: /tags/ +--- \ No newline at end of file