├── .gitignore ├── Gemfile ├── LICENSE ├── README.md ├── _config.yml ├── _includes ├── disqus.html ├── footer.html ├── head.html ├── header.html └── pagination.html ├── _layouts ├── categories.html ├── default.html ├── page.html ├── post.html └── tags.html ├── _posts └── 2016-01-08-welcome-to-jekyll.markdown ├── _sass ├── animate.scss ├── monokai.scss ├── tables.scss └── uno.scss ├── categories.md ├── css └── main.scss ├── docker-compose.yml ├── feed.xml ├── fonts └── foundation-icons │ ├── foundation-icons.eot │ ├── foundation-icons.svg │ ├── foundation-icons.ttf │ └── foundation-icons.woff ├── humans.txt ├── images ├── cover.jpg ├── favicons │ ├── android-chrome-144x144.png │ ├── android-chrome-192x192.png │ ├── android-chrome-36x36.png │ ├── android-chrome-48x48.png │ ├── android-chrome-72x72.png │ ├── android-chrome-96x96.png │ ├── apple-touch-icon-114x114.png │ ├── apple-touch-icon-120x120.png │ ├── apple-touch-icon-144x144.png │ ├── apple-touch-icon-152x152.png │ ├── apple-touch-icon-180x180.png │ ├── apple-touch-icon-57x57.png │ ├── apple-touch-icon-60x60.png │ ├── apple-touch-icon-72x72.png │ ├── apple-touch-icon-76x76.png │ ├── apple-touch-icon-precomposed.png │ ├── apple-touch-icon.png │ ├── browserconfig.xml │ ├── favicon-16x16.png │ ├── favicon-194x194.png │ ├── favicon-32x32.png │ ├── favicon-96x96.png │ ├── favicon.ico │ ├── manifest.json │ ├── mstile-144x144.png │ ├── mstile-150x150.png │ ├── mstile-310x150.png │ ├── mstile-310x310.png │ ├── mstile-70x70.png │ └── safari-pinned-tab.svg └── profile.jpg ├── index.html ├── js └── main.js ├── screenshot.png ├── sitemap.xml └── tags.md /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .sass-cache 3 | .jekyll-cache 4 | .jekyll-metadata 5 | *.sublime-project 6 | *.sublime-workspace 7 | .DS_Store 8 | Gemfile.lock -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | gem 'github-pages', group: :jekyll_plugins 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Josh Gerdes 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # jekyll-uno 2 | 3 | Jekyll-Uno - a minimal, responsive theme for Jekyll based on the [Uno](https://github.com/daleanthony/Uno) theme for Ghost. 4 | 5 | > :warning: 6 | This theme requires ruby and rubygems installed 7 | 8 | ### Features 9 | 10 | * Clean layout 11 | * Resposive layout 12 | * Pagination 13 | * Syntax highlighting 14 | * Social links 15 | * Tags listing page 16 | * Categories listing page 17 | * Google Analytics integration 18 | * Disqus integration 19 | 20 | --- 21 | 22 | ### Install and Test 23 | 24 | 1. Download or clone repo `git clone git@github.com:joshgerdes/jekyll-uno.git` 25 | 2. Enter the folder: `cd jekyll-uno/` 26 | 3. If you don't have bundler installed: `gem install bundler` 27 | 3. Install Ruby gems: `bundle install` 28 | 4. Start Jekyll server: `bundle exec jekyll serve --watch` 29 | 30 | Access via: [http://localhost:4000/jekyll-uno/](http://localhost:4000/jekyll-uno/) 31 | 32 | If you would like to run without using the `github-pages` gem, update your Gemfile to the following: 33 | 34 | ``` 35 | source 'https://rubygems.org' 36 | gem 'jekyll-paginate' 37 | gem 'jekyll-watch' 38 | gem 'kramdown' 39 | gem 'kramdown-parser-gfm' 40 | ``` 41 | --- 42 | 43 | ### Demo and Download 44 | 45 | [Demo](http://joshgerdes.com/jekyll-uno/) 46 | [Download](https://github.com/joshgerdes/jekyll-uno/archive/master.zip) 47 | 48 | ![jekyll-uno - free Jekyll theme](/screenshot.png) 49 | 50 | --- 51 | 52 | ### Copyright and license 53 | 54 | It is under [the MIT license](/LICENSE). -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: Jekyll-Uno 3 | description: 'Jekyll-Uno - a minimal, responsive theme for Jekyll' 4 | url: 'http://joshgerdes.com/jekyll-uno' 5 | baseurl: '/jekyll-uno' 6 | # google_analytics: 'UA-XXXXXX-X' 7 | # disqus_shortname: 'your-disqus-name' 8 | # disable_landing_page: true 9 | 10 | author: 11 | name: 'Josh Gerdes' 12 | email: josh@joshgerdes.com 13 | twitter_username: joshgerdes 14 | facebook_username: joshgerdes 15 | github_username: joshgerdes 16 | linkedin_username: joshgerdes 17 | 18 | defaults: 19 | - 20 | scope: 21 | path: '' 22 | type: 'posts' 23 | values: 24 | layout: 'post' 25 | 26 | # Build settings 27 | destination: _site 28 | paginate: 10 29 | permalink: /:year/:title/ 30 | markdown: kramdown 31 | highlighter: rouge 32 | 33 | sass: 34 | sass_dir: _sass 35 | style: compressed 36 | 37 | kramdown: 38 | # use Github Flavored Markdown 39 | input: GFM 40 | # do not replace newlines by
s 41 | hard_wrap: false 42 | 43 | plugins: ['jekyll-paginate'] 44 | exclude: ['README.md', 'Gemfile', 'Gemfile.lock', 'screenshot.png'] 45 | -------------------------------------------------------------------------------- /_includes/disqus.html: -------------------------------------------------------------------------------- 1 | {% if site.disqus_shortname %} 2 | 15 | 16 | comments powered by Disqus 17 | {% endif %} 18 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | {% if site.google_analytics and jekyll.environment != "development" %} 8 | 17 | {% endif %} 18 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {% if page.robots %} 6 | 7 | {% endif %} 8 | 9 | {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | {% if site.author.twitter_username %} 22 | 23 | {% endif %} 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
8 |
9 | 10 |
11 |
12 | 13 | My Profile Photo 14 |

{{ site.title }}

15 | 16 |
17 |

{{ site.description }}

18 |
19 | 20 |
21 | 22 | 28 | 29 | 96 | 97 |
98 | 99 |
100 | 101 |
102 | 103 |
104 |
105 |
-------------------------------------------------------------------------------- /_includes/pagination.html: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /_layouts/categories.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |

Categories:

5 |
6 | {% for catitem in site.categories %} 7 | {{ catitem[0] }} 8 | {% endfor %} 9 |
10 | 11 | 12 | {% for catitem in site.categories %} 13 | 14 |
15 |

{{ catitem[0] }}

16 | 17 | 28 |
29 | {% endfor %} -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {% include head.html %} 4 | 5 | 6 | {% include header.html %} 7 | 8 |
9 |
10 | {{ content }} 11 |
12 | 13 | {% include footer.html %} 14 |
15 | 16 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |
9 | 10 |
11 | {{ content }} 12 |
13 | 14 |
-------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 |
6 |
7 | 8 | {% if page.tags.size > 0 %} 9 | • on {% for tag in page.tags %}{{ tag }}{% if forloop.last == false %}, {% endif %}{% endfor %} 10 | {% endif %} 11 |
12 |

{{ page.title }}

13 |
14 | 15 |
16 | {{ content }} 17 |
18 | {% if page.comments != false and site.disqus_shortname %}
{% endif %} 19 |
20 | {% if page.comments != false %}{% include disqus.html %}{% endif %} 21 | -------------------------------------------------------------------------------- /_layouts/tags.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |

Tags:

5 |
6 | {% for tagitem in site.tags %} 7 | {{ tagitem[0] }} 8 | {% endfor %} 9 |
10 | 11 | 12 | {% for tagitem in site.tags %} 13 | 14 |
15 |

{{ tagitem[0] }}

16 | 17 | 28 |
29 | {% endfor %} -------------------------------------------------------------------------------- /_posts/2016-01-08-welcome-to-jekyll.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Welcome to Jekyll!" 3 | date: 2016-01-08 15:04:23 4 | categories: [jekyll] 5 | tags: [jekyll] 6 | --- 7 | 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. 8 | 9 | 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. 10 | 11 | Jekyll also offers powerful support for code snippets: 12 | 13 | ``` ruby 14 | def print_hi(name) 15 | puts "Hi, #{name}" 16 | end 17 | print_hi('Tom') 18 | #=> prints 'Hi, Tom' to STDOUT. 19 | ``` 20 | 21 | 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]. 22 | 23 | [jekyll]: http://jekyllrb.com 24 | [jekyll-gh]: https://github.com/jekyll/jekyll 25 | [jekyll-help]: https://github.com/jekyll/jekyll-help 26 | -------------------------------------------------------------------------------- /_sass/animate.scss: -------------------------------------------------------------------------------- 1 | .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 { 2 | 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} 3 | } 4 | 5 | @-moz-keyframes flash { 6 | 0%, 50%, 100% {opacity: 1;} 7 | 25%, 75% {opacity: 0;} 8 | } 9 | 10 | @-o-keyframes flash { 11 | 0%, 50%, 100% {opacity: 1;} 12 | 25%, 75% {opacity: 0;} 13 | } 14 | 15 | @keyframes flash { 16 | 0%, 50%, 100% {opacity: 1;} 17 | 25%, 75% {opacity: 0;} 18 | } 19 | 20 | .flash { 21 | -webkit-animation-name: flash; 22 | -moz-animation-name: flash; 23 | -o-animation-name: flash; 24 | animation-name: flash; 25 | } 26 | @-webkit-keyframes shake { 27 | 0%, 100% {-webkit-transform: translateX(0);} 28 | 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 29 | 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 30 | } 31 | 32 | @-moz-keyframes shake { 33 | 0%, 100% {-moz-transform: translateX(0);} 34 | 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 35 | 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} 36 | } 37 | 38 | @-o-keyframes shake { 39 | 0%, 100% {-o-transform: translateX(0);} 40 | 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 41 | 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} 42 | } 43 | 44 | @keyframes shake { 45 | 0%, 100% {transform: translateX(0);} 46 | 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 47 | 20%, 40%, 60%, 80% {transform: translateX(10px);} 48 | } 49 | 50 | .shake { 51 | -webkit-animation-name: shake; 52 | -moz-animation-name: shake; 53 | -o-animation-name: shake; 54 | animation-name: shake; 55 | } 56 | @-webkit-keyframes bounce { 57 | 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 58 | 40% {-webkit-transform: translateY(-30px);} 59 | 60% {-webkit-transform: translateY(-15px);} 60 | } 61 | 62 | @-moz-keyframes bounce { 63 | 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 64 | 40% {-moz-transform: translateY(-30px);} 65 | 60% {-moz-transform: translateY(-15px);} 66 | } 67 | 68 | @-o-keyframes bounce { 69 | 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 70 | 40% {-o-transform: translateY(-30px);} 71 | 60% {-o-transform: translateY(-15px);} 72 | } 73 | @keyframes bounce { 74 | 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 75 | 40% {transform: translateY(-30px);} 76 | 60% {transform: translateY(-15px);} 77 | } 78 | 79 | .bounce { 80 | -webkit-animation-name: bounce; 81 | -moz-animation-name: bounce; 82 | -o-animation-name: bounce; 83 | animation-name: bounce; 84 | } 85 | @-webkit-keyframes tada { 86 | 0% {-webkit-transform: scale(1);} 87 | 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 88 | 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 89 | 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 90 | 100% {-webkit-transform: scale(1) rotate(0);} 91 | } 92 | 93 | @-moz-keyframes tada { 94 | 0% {-moz-transform: scale(1);} 95 | 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 96 | 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 97 | 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 98 | 100% {-moz-transform: scale(1) rotate(0);} 99 | } 100 | 101 | @-o-keyframes tada { 102 | 0% {-o-transform: scale(1);} 103 | 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 104 | 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 105 | 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 106 | 100% {-o-transform: scale(1) rotate(0);} 107 | } 108 | 109 | @keyframes tada { 110 | 0% {transform: scale(1);} 111 | 10%, 20% {transform: scale(0.9) rotate(-3deg);} 112 | 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 113 | 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 114 | 100% {transform: scale(1) rotate(0);} 115 | } 116 | 117 | .tada { 118 | -webkit-animation-name: tada; 119 | -moz-animation-name: tada; 120 | -o-animation-name: tada; 121 | animation-name: tada; 122 | } 123 | @-webkit-keyframes swing { 124 | 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 125 | 20% { -webkit-transform: rotate(15deg); } 126 | 40% { -webkit-transform: rotate(-10deg); } 127 | 60% { -webkit-transform: rotate(5deg); } 128 | 80% { -webkit-transform: rotate(-5deg); } 129 | 100% { -webkit-transform: rotate(0deg); } 130 | } 131 | 132 | @-moz-keyframes swing { 133 | 20% { -moz-transform: rotate(15deg); } 134 | 40% { -moz-transform: rotate(-10deg); } 135 | 60% { -moz-transform: rotate(5deg); } 136 | 80% { -moz-transform: rotate(-5deg); } 137 | 100% { -moz-transform: rotate(0deg); } 138 | } 139 | 140 | @-o-keyframes swing { 141 | 20% { -o-transform: rotate(15deg); } 142 | 40% { -o-transform: rotate(-10deg); } 143 | 60% { -o-transform: rotate(5deg); } 144 | 80% { -o-transform: rotate(-5deg); } 145 | 100% { -o-transform: rotate(0deg); } 146 | } 147 | 148 | @keyframes swing { 149 | 20% { transform: rotate(15deg); } 150 | 40% { transform: rotate(-10deg); } 151 | 60% { transform: rotate(5deg); } 152 | 80% { transform: rotate(-5deg); } 153 | 100% { transform: rotate(0deg); } 154 | } 155 | 156 | .swing { 157 | -webkit-transform-origin: top center; 158 | -moz-transform-origin: top center; 159 | -o-transform-origin: top center; 160 | transform-origin: top center; 161 | -webkit-animation-name: swing; 162 | -moz-animation-name: swing; 163 | -o-animation-name: swing; 164 | animation-name: swing; 165 | } 166 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 167 | 168 | @-webkit-keyframes wobble { 169 | 0% { -webkit-transform: translateX(0%); } 170 | 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 171 | 30% { -webkit-transform: translateX(20%) rotate(3deg); } 172 | 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 173 | 60% { -webkit-transform: translateX(10%) rotate(2deg); } 174 | 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 175 | 100% { -webkit-transform: translateX(0%); } 176 | } 177 | 178 | @-moz-keyframes wobble { 179 | 0% { -moz-transform: translateX(0%); } 180 | 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 181 | 30% { -moz-transform: translateX(20%) rotate(3deg); } 182 | 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 183 | 60% { -moz-transform: translateX(10%) rotate(2deg); } 184 | 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 185 | 100% { -moz-transform: translateX(0%); } 186 | } 187 | 188 | @-o-keyframes wobble { 189 | 0% { -o-transform: translateX(0%); } 190 | 15% { -o-transform: translateX(-25%) rotate(-5deg); } 191 | 30% { -o-transform: translateX(20%) rotate(3deg); } 192 | 45% { -o-transform: translateX(-15%) rotate(-3deg); } 193 | 60% { -o-transform: translateX(10%) rotate(2deg); } 194 | 75% { -o-transform: translateX(-5%) rotate(-1deg); } 195 | 100% { -o-transform: translateX(0%); } 196 | } 197 | 198 | @keyframes wobble { 199 | 0% { transform: translateX(0%); } 200 | 15% { transform: translateX(-25%) rotate(-5deg); } 201 | 30% { transform: translateX(20%) rotate(3deg); } 202 | 45% { transform: translateX(-15%) rotate(-3deg); } 203 | 60% { transform: translateX(10%) rotate(2deg); } 204 | 75% { transform: translateX(-5%) rotate(-1deg); } 205 | 100% { transform: translateX(0%); } 206 | } 207 | 208 | .wobble { 209 | -webkit-animation-name: wobble; 210 | -moz-animation-name: wobble; 211 | -o-animation-name: wobble; 212 | animation-name: wobble; 213 | } 214 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 215 | 216 | @-webkit-keyframes pulse { 217 | 0% { -webkit-transform: scale(1); } 218 | 50% { -webkit-transform: scale(1.1); } 219 | 100% { -webkit-transform: scale(1); } 220 | } 221 | @-moz-keyframes pulse { 222 | 0% { -moz-transform: scale(1); } 223 | 50% { -moz-transform: scale(1.1); } 224 | 100% { -moz-transform: scale(1); } 225 | } 226 | @-o-keyframes pulse { 227 | 0% { -o-transform: scale(1); } 228 | 50% { -o-transform: scale(1.1); } 229 | 100% { -o-transform: scale(1); } 230 | } 231 | @keyframes pulse { 232 | 0% { transform: scale(1); } 233 | 50% { transform: scale(1.1); } 234 | 100% { transform: scale(1); } 235 | } 236 | 237 | .pulse { 238 | -webkit-animation-name: pulse; 239 | -moz-animation-name: pulse; 240 | -o-animation-name: pulse; 241 | animation-name: pulse; 242 | } 243 | @-webkit-keyframes flip { 244 | 0% { 245 | -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); 246 | -webkit-animation-timing-function: ease-out; 247 | } 248 | 40% { 249 | -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); 250 | -webkit-animation-timing-function: ease-out; 251 | } 252 | 50% { 253 | -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 254 | -webkit-animation-timing-function: ease-in; 255 | } 256 | 80% { 257 | -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); 258 | -webkit-animation-timing-function: ease-in; 259 | } 260 | 100% { 261 | -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); 262 | -webkit-animation-timing-function: ease-in; 263 | } 264 | } 265 | @-moz-keyframes flip { 266 | 0% { 267 | -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); 268 | -moz-animation-timing-function: ease-out; 269 | } 270 | 40% { 271 | -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); 272 | -moz-animation-timing-function: ease-out; 273 | } 274 | 50% { 275 | -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 276 | -moz-animation-timing-function: ease-in; 277 | } 278 | 80% { 279 | -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); 280 | -moz-animation-timing-function: ease-in; 281 | } 282 | 100% { 283 | -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); 284 | -moz-animation-timing-function: ease-in; 285 | } 286 | } 287 | @-o-keyframes flip { 288 | 0% { 289 | -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); 290 | -o-animation-timing-function: ease-out; 291 | } 292 | 40% { 293 | -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); 294 | -o-animation-timing-function: ease-out; 295 | } 296 | 50% { 297 | -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 298 | -o-animation-timing-function: ease-in; 299 | } 300 | 80% { 301 | -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); 302 | -o-animation-timing-function: ease-in; 303 | } 304 | 100% { 305 | -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); 306 | -o-animation-timing-function: ease-in; 307 | } 308 | } 309 | @keyframes flip { 310 | 0% { 311 | transform: perspective(400px) translateZ(0) rotateY(0) scale(1); 312 | animation-timing-function: ease-out; 313 | } 314 | 40% { 315 | transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); 316 | animation-timing-function: ease-out; 317 | } 318 | 50% { 319 | transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 320 | animation-timing-function: ease-in; 321 | } 322 | 80% { 323 | transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); 324 | animation-timing-function: ease-in; 325 | } 326 | 100% { 327 | transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); 328 | animation-timing-function: ease-in; 329 | } 330 | } 331 | 332 | .animated.flip { 333 | -webkit-backface-visibility: visible !important; 334 | -webkit-animation-name: flip; 335 | -moz-backface-visibility: visible !important; 336 | -moz-animation-name: flip; 337 | -o-backface-visibility: visible !important; 338 | -o-animation-name: flip; 339 | backface-visibility: visible !important; 340 | animation-name: flip; 341 | } 342 | 343 | @-webkit-keyframes flipInX { 344 | 0% { 345 | -webkit-transform: perspective(400px) rotateX(90deg); 346 | opacity: 0; 347 | } 348 | 349 | 40% { 350 | -webkit-transform: perspective(400px) rotateX(-10deg); 351 | } 352 | 353 | 70% { 354 | -webkit-transform: perspective(400px) rotateX(10deg); 355 | } 356 | 357 | 100% { 358 | -webkit-transform: perspective(400px) rotateX(0deg); 359 | opacity: 1; 360 | } 361 | } 362 | @-moz-keyframes flipInX { 363 | 0% { 364 | -moz-transform: perspective(400px) rotateX(90deg); 365 | opacity: 0; 366 | } 367 | 368 | 40% { 369 | -moz-transform: perspective(400px) rotateX(-10deg); 370 | } 371 | 372 | 70% { 373 | -moz-transform: perspective(400px) rotateX(10deg); 374 | } 375 | 376 | 100% { 377 | -moz-transform: perspective(400px) rotateX(0deg); 378 | opacity: 1; 379 | } 380 | } 381 | @-o-keyframes flipInX { 382 | 0% { 383 | -o-transform: perspective(400px) rotateX(90deg); 384 | opacity: 0; 385 | } 386 | 387 | 40% { 388 | -o-transform: perspective(400px) rotateX(-10deg); 389 | } 390 | 391 | 70% { 392 | -o-transform: perspective(400px) rotateX(10deg); 393 | } 394 | 395 | 100% { 396 | -o-transform: perspective(400px) rotateX(0deg); 397 | opacity: 1; 398 | } 399 | } 400 | @keyframes flipInX { 401 | 0% { 402 | transform: perspective(400px) rotateX(90deg); 403 | opacity: 0; 404 | } 405 | 406 | 40% { 407 | transform: perspective(400px) rotateX(-10deg); 408 | } 409 | 410 | 70% { 411 | transform: perspective(400px) rotateX(10deg); 412 | } 413 | 414 | 100% { 415 | transform: perspective(400px) rotateX(0deg); 416 | opacity: 1; 417 | } 418 | } 419 | 420 | .flipInX { 421 | -webkit-backface-visibility: visible !important; 422 | -webkit-animation-name: flipInX; 423 | -moz-backface-visibility: visible !important; 424 | -moz-animation-name: flipInX; 425 | -o-backface-visibility: visible !important; 426 | -o-animation-name: flipInX; 427 | backface-visibility: visible !important; 428 | animation-name: flipInX; 429 | } 430 | @-webkit-keyframes flipOutX { 431 | 0% { 432 | -webkit-transform: perspective(400px) rotateX(0deg); 433 | opacity: 1; 434 | } 435 | 100% { 436 | -webkit-transform: perspective(400px) rotateX(90deg); 437 | opacity: 0; 438 | } 439 | } 440 | 441 | @-moz-keyframes flipOutX { 442 | 0% { 443 | -moz-transform: perspective(400px) rotateX(0deg); 444 | opacity: 1; 445 | } 446 | 100% { 447 | -moz-transform: perspective(400px) rotateX(90deg); 448 | opacity: 0; 449 | } 450 | } 451 | 452 | @-o-keyframes flipOutX { 453 | 0% { 454 | -o-transform: perspective(400px) rotateX(0deg); 455 | opacity: 1; 456 | } 457 | 100% { 458 | -o-transform: perspective(400px) rotateX(90deg); 459 | opacity: 0; 460 | } 461 | } 462 | 463 | @keyframes flipOutX { 464 | 0% { 465 | transform: perspective(400px) rotateX(0deg); 466 | opacity: 1; 467 | } 468 | 100% { 469 | transform: perspective(400px) rotateX(90deg); 470 | opacity: 0; 471 | } 472 | } 473 | 474 | .flipOutX { 475 | -webkit-animation-name: flipOutX; 476 | -webkit-backface-visibility: visible !important; 477 | -moz-animation-name: flipOutX; 478 | -moz-backface-visibility: visible !important; 479 | -o-animation-name: flipOutX; 480 | -o-backface-visibility: visible !important; 481 | animation-name: flipOutX; 482 | backface-visibility: visible !important; 483 | } 484 | @-webkit-keyframes flipInY { 485 | 0% { 486 | -webkit-transform: perspective(400px) rotateY(90deg); 487 | opacity: 0; 488 | } 489 | 490 | 40% { 491 | -webkit-transform: perspective(400px) rotateY(-10deg); 492 | } 493 | 494 | 70% { 495 | -webkit-transform: perspective(400px) rotateY(10deg); 496 | } 497 | 498 | 100% { 499 | -webkit-transform: perspective(400px) rotateY(0deg); 500 | opacity: 1; 501 | } 502 | } 503 | @-moz-keyframes flipInY { 504 | 0% { 505 | -moz-transform: perspective(400px) rotateY(90deg); 506 | opacity: 0; 507 | } 508 | 509 | 40% { 510 | -moz-transform: perspective(400px) rotateY(-10deg); 511 | } 512 | 513 | 70% { 514 | -moz-transform: perspective(400px) rotateY(10deg); 515 | } 516 | 517 | 100% { 518 | -moz-transform: perspective(400px) rotateY(0deg); 519 | opacity: 1; 520 | } 521 | } 522 | @-o-keyframes flipInY { 523 | 0% { 524 | -o-transform: perspective(400px) rotateY(90deg); 525 | opacity: 0; 526 | } 527 | 528 | 40% { 529 | -o-transform: perspective(400px) rotateY(-10deg); 530 | } 531 | 532 | 70% { 533 | -o-transform: perspective(400px) rotateY(10deg); 534 | } 535 | 536 | 100% { 537 | -o-transform: perspective(400px) rotateY(0deg); 538 | opacity: 1; 539 | } 540 | } 541 | @keyframes flipInY { 542 | 0% { 543 | transform: perspective(400px) rotateY(90deg); 544 | opacity: 0; 545 | } 546 | 547 | 40% { 548 | transform: perspective(400px) rotateY(-10deg); 549 | } 550 | 551 | 70% { 552 | transform: perspective(400px) rotateY(10deg); 553 | } 554 | 555 | 100% { 556 | transform: perspective(400px) rotateY(0deg); 557 | opacity: 1; 558 | } 559 | } 560 | 561 | .flipInY { 562 | -webkit-backface-visibility: visible !important; 563 | -webkit-animation-name: flipInY; 564 | -moz-backface-visibility: visible !important; 565 | -moz-animation-name: flipInY; 566 | -o-backface-visibility: visible !important; 567 | -o-animation-name: flipInY; 568 | backface-visibility: visible !important; 569 | animation-name: flipInY; 570 | } 571 | @-webkit-keyframes flipOutY { 572 | 0% { 573 | -webkit-transform: perspective(400px) rotateY(0deg); 574 | opacity: 1; 575 | } 576 | 100% { 577 | -webkit-transform: perspective(400px) rotateY(90deg); 578 | opacity: 0; 579 | } 580 | } 581 | @-moz-keyframes flipOutY { 582 | 0% { 583 | -moz-transform: perspective(400px) rotateY(0deg); 584 | opacity: 1; 585 | } 586 | 100% { 587 | -moz-transform: perspective(400px) rotateY(90deg); 588 | opacity: 0; 589 | } 590 | } 591 | @-o-keyframes flipOutY { 592 | 0% { 593 | -o-transform: perspective(400px) rotateY(0deg); 594 | opacity: 1; 595 | } 596 | 100% { 597 | -o-transform: perspective(400px) rotateY(90deg); 598 | opacity: 0; 599 | } 600 | } 601 | @keyframes flipOutY { 602 | 0% { 603 | transform: perspective(400px) rotateY(0deg); 604 | opacity: 1; 605 | } 606 | 100% { 607 | transform: perspective(400px) rotateY(90deg); 608 | opacity: 0; 609 | } 610 | } 611 | 612 | .flipOutY { 613 | -webkit-backface-visibility: visible !important; 614 | -webkit-animation-name: flipOutY; 615 | -moz-backface-visibility: visible !important; 616 | -moz-animation-name: flipOutY; 617 | -o-backface-visibility: visible !important; 618 | -o-animation-name: flipOutY; 619 | backface-visibility: visible !important; 620 | animation-name: flipOutY; 621 | } 622 | @-webkit-keyframes fadeIn { 623 | 0% {opacity: 0;} 624 | 100% {opacity: 1;} 625 | } 626 | 627 | @-moz-keyframes fadeIn { 628 | 0% {opacity: 0;} 629 | 100% {opacity: 1;} 630 | } 631 | 632 | @-o-keyframes fadeIn { 633 | 0% {opacity: 0;} 634 | 100% {opacity: 1;} 635 | } 636 | 637 | @keyframes fadeIn { 638 | 0% {opacity: 0;} 639 | 100% {opacity: 1;} 640 | } 641 | 642 | .fadeIn { 643 | -webkit-animation-name: fadeIn; 644 | -moz-animation-name: fadeIn; 645 | -o-animation-name: fadeIn; 646 | animation-name: fadeIn; 647 | } 648 | @-webkit-keyframes fadeInUp { 649 | 0% { 650 | opacity: 0; 651 | -webkit-transform: translateY(20px); 652 | } 653 | 654 | 100% { 655 | opacity: 1; 656 | -webkit-transform: translateY(0); 657 | } 658 | } 659 | 660 | @-moz-keyframes fadeInUp { 661 | 0% { 662 | opacity: 0; 663 | -moz-transform: translateY(20px); 664 | } 665 | 666 | 100% { 667 | opacity: 1; 668 | -moz-transform: translateY(0); 669 | } 670 | } 671 | 672 | @-o-keyframes fadeInUp { 673 | 0% { 674 | opacity: 0; 675 | -o-transform: translateY(20px); 676 | } 677 | 678 | 100% { 679 | opacity: 1; 680 | -o-transform: translateY(0); 681 | } 682 | } 683 | 684 | @keyframes fadeInUp { 685 | 0% { 686 | opacity: 0; 687 | transform: translateY(20px); 688 | } 689 | 690 | 100% { 691 | opacity: 1; 692 | transform: translateY(0); 693 | } 694 | } 695 | 696 | .fadeInUp { 697 | -webkit-animation-name: fadeInUp; 698 | -moz-animation-name: fadeInUp; 699 | -o-animation-name: fadeInUp; 700 | animation-name: fadeInUp; 701 | } 702 | @-webkit-keyframes fadeInDown { 703 | 0% { 704 | opacity: 0; 705 | -webkit-transform: translateY(-20px); 706 | } 707 | 708 | 100% { 709 | opacity: 1; 710 | -webkit-transform: translateY(0); 711 | } 712 | } 713 | 714 | @-moz-keyframes fadeInDown { 715 | 0% { 716 | opacity: 0; 717 | -moz-transform: translateY(-20px); 718 | } 719 | 720 | 100% { 721 | opacity: 1; 722 | -moz-transform: translateY(0); 723 | } 724 | } 725 | 726 | @-o-keyframes fadeInDown { 727 | 0% { 728 | opacity: 0; 729 | -o-transform: translateY(-20px); 730 | } 731 | 732 | 100% { 733 | opacity: 1; 734 | -o-transform: translateY(0); 735 | } 736 | } 737 | 738 | @keyframes fadeInDown { 739 | 0% { 740 | opacity: 0; 741 | transform: translateY(-20px); 742 | } 743 | 744 | 100% { 745 | opacity: 1; 746 | transform: translateY(0); 747 | } 748 | } 749 | 750 | .fadeInDown { 751 | -webkit-animation-name: fadeInDown; 752 | -moz-animation-name: fadeInDown; 753 | -o-animation-name: fadeInDown; 754 | animation-name: fadeInDown; 755 | } 756 | @-webkit-keyframes fadeInLeft { 757 | 0% { 758 | opacity: 0; 759 | -webkit-transform: translateX(-20px); 760 | } 761 | 762 | 100% { 763 | opacity: 1; 764 | -webkit-transform: translateX(0); 765 | } 766 | } 767 | 768 | @-moz-keyframes fadeInLeft { 769 | 0% { 770 | opacity: 0; 771 | -moz-transform: translateX(-20px); 772 | } 773 | 774 | 100% { 775 | opacity: 1; 776 | -moz-transform: translateX(0); 777 | } 778 | } 779 | 780 | @-o-keyframes fadeInLeft { 781 | 0% { 782 | opacity: 0; 783 | -o-transform: translateX(-20px); 784 | } 785 | 786 | 100% { 787 | opacity: 1; 788 | -o-transform: translateX(0); 789 | } 790 | } 791 | 792 | @keyframes fadeInLeft { 793 | 0% { 794 | opacity: 0; 795 | transform: translateX(-20px); 796 | } 797 | 798 | 100% { 799 | opacity: 1; 800 | transform: translateX(0); 801 | } 802 | } 803 | 804 | .fadeInLeft { 805 | -webkit-animation-name: fadeInLeft; 806 | -moz-animation-name: fadeInLeft; 807 | -o-animation-name: fadeInLeft; 808 | animation-name: fadeInLeft; 809 | } 810 | @-webkit-keyframes fadeInRight { 811 | 0% { 812 | opacity: 0; 813 | -webkit-transform: translateX(20px); 814 | } 815 | 816 | 100% { 817 | opacity: 1; 818 | -webkit-transform: translateX(0); 819 | } 820 | } 821 | 822 | @-moz-keyframes fadeInRight { 823 | 0% { 824 | opacity: 0; 825 | -moz-transform: translateX(20px); 826 | } 827 | 828 | 100% { 829 | opacity: 1; 830 | -moz-transform: translateX(0); 831 | } 832 | } 833 | 834 | @-o-keyframes fadeInRight { 835 | 0% { 836 | opacity: 0; 837 | -o-transform: translateX(20px); 838 | } 839 | 840 | 100% { 841 | opacity: 1; 842 | -o-transform: translateX(0); 843 | } 844 | } 845 | 846 | @keyframes fadeInRight { 847 | 0% { 848 | opacity: 0; 849 | transform: translateX(20px); 850 | } 851 | 852 | 100% { 853 | opacity: 1; 854 | transform: translateX(0); 855 | } 856 | } 857 | 858 | .fadeInRight { 859 | -webkit-animation-name: fadeInRight; 860 | -moz-animation-name: fadeInRight; 861 | -o-animation-name: fadeInRight; 862 | animation-name: fadeInRight; 863 | } 864 | @-webkit-keyframes fadeInUpBig { 865 | 0% { 866 | opacity: 0; 867 | -webkit-transform: translateY(2000px); 868 | } 869 | 870 | 100% { 871 | opacity: 1; 872 | -webkit-transform: translateY(0); 873 | } 874 | } 875 | 876 | @-moz-keyframes fadeInUpBig { 877 | 0% { 878 | opacity: 0; 879 | -moz-transform: translateY(2000px); 880 | } 881 | 882 | 100% { 883 | opacity: 1; 884 | -moz-transform: translateY(0); 885 | } 886 | } 887 | 888 | @-o-keyframes fadeInUpBig { 889 | 0% { 890 | opacity: 0; 891 | -o-transform: translateY(2000px); 892 | } 893 | 894 | 100% { 895 | opacity: 1; 896 | -o-transform: translateY(0); 897 | } 898 | } 899 | 900 | @keyframes fadeInUpBig { 901 | 0% { 902 | opacity: 0; 903 | transform: translateY(2000px); 904 | } 905 | 906 | 100% { 907 | opacity: 1; 908 | transform: translateY(0); 909 | } 910 | } 911 | 912 | .fadeInUpBig { 913 | -webkit-animation-name: fadeInUpBig; 914 | -moz-animation-name: fadeInUpBig; 915 | -o-animation-name: fadeInUpBig; 916 | animation-name: fadeInUpBig; 917 | } 918 | @-webkit-keyframes fadeInDownBig { 919 | 0% { 920 | opacity: 0; 921 | -webkit-transform: translateY(-2000px); 922 | } 923 | 924 | 100% { 925 | opacity: 1; 926 | -webkit-transform: translateY(0); 927 | } 928 | } 929 | 930 | @-moz-keyframes fadeInDownBig { 931 | 0% { 932 | opacity: 0; 933 | -moz-transform: translateY(-2000px); 934 | } 935 | 936 | 100% { 937 | opacity: 1; 938 | -moz-transform: translateY(0); 939 | } 940 | } 941 | 942 | @-o-keyframes fadeInDownBig { 943 | 0% { 944 | opacity: 0; 945 | -o-transform: translateY(-2000px); 946 | } 947 | 948 | 100% { 949 | opacity: 1; 950 | -o-transform: translateY(0); 951 | } 952 | } 953 | 954 | @keyframes fadeInDownBig { 955 | 0% { 956 | opacity: 0; 957 | transform: translateY(-2000px); 958 | } 959 | 960 | 100% { 961 | opacity: 1; 962 | transform: translateY(0); 963 | } 964 | } 965 | 966 | .fadeInDownBig { 967 | -webkit-animation-name: fadeInDownBig; 968 | -moz-animation-name: fadeInDownBig; 969 | -o-animation-name: fadeInDownBig; 970 | animation-name: fadeInDownBig; 971 | } 972 | @-webkit-keyframes fadeInLeftBig { 973 | 0% { 974 | opacity: 0; 975 | -webkit-transform: translateX(-2000px); 976 | } 977 | 978 | 100% { 979 | opacity: 1; 980 | -webkit-transform: translateX(0); 981 | } 982 | } 983 | @-moz-keyframes fadeInLeftBig { 984 | 0% { 985 | opacity: 0; 986 | -moz-transform: translateX(-2000px); 987 | } 988 | 989 | 100% { 990 | opacity: 1; 991 | -moz-transform: translateX(0); 992 | } 993 | } 994 | @-o-keyframes fadeInLeftBig { 995 | 0% { 996 | opacity: 0; 997 | -o-transform: translateX(-2000px); 998 | } 999 | 1000 | 100% { 1001 | opacity: 1; 1002 | -o-transform: translateX(0); 1003 | } 1004 | } 1005 | @keyframes fadeInLeftBig { 1006 | 0% { 1007 | opacity: 0; 1008 | transform: translateX(-2000px); 1009 | } 1010 | 1011 | 100% { 1012 | opacity: 1; 1013 | transform: translateX(0); 1014 | } 1015 | } 1016 | 1017 | .fadeInLeftBig { 1018 | -webkit-animation-name: fadeInLeftBig; 1019 | -moz-animation-name: fadeInLeftBig; 1020 | -o-animation-name: fadeInLeftBig; 1021 | animation-name: fadeInLeftBig; 1022 | } 1023 | @-webkit-keyframes fadeInRightBig { 1024 | 0% { 1025 | opacity: 0; 1026 | -webkit-transform: translateX(2000px); 1027 | } 1028 | 1029 | 100% { 1030 | opacity: 1; 1031 | -webkit-transform: translateX(0); 1032 | } 1033 | } 1034 | 1035 | @-moz-keyframes fadeInRightBig { 1036 | 0% { 1037 | opacity: 0; 1038 | -moz-transform: translateX(2000px); 1039 | } 1040 | 1041 | 100% { 1042 | opacity: 1; 1043 | -moz-transform: translateX(0); 1044 | } 1045 | } 1046 | 1047 | @-o-keyframes fadeInRightBig { 1048 | 0% { 1049 | opacity: 0; 1050 | -o-transform: translateX(2000px); 1051 | } 1052 | 1053 | 100% { 1054 | opacity: 1; 1055 | -o-transform: translateX(0); 1056 | } 1057 | } 1058 | 1059 | @keyframes fadeInRightBig { 1060 | 0% { 1061 | opacity: 0; 1062 | transform: translateX(2000px); 1063 | } 1064 | 1065 | 100% { 1066 | opacity: 1; 1067 | transform: translateX(0); 1068 | } 1069 | } 1070 | 1071 | .fadeInRightBig { 1072 | -webkit-animation-name: fadeInRightBig; 1073 | -moz-animation-name: fadeInRightBig; 1074 | -o-animation-name: fadeInRightBig; 1075 | animation-name: fadeInRightBig; 1076 | } 1077 | @-webkit-keyframes fadeOut { 1078 | 0% {opacity: 1;} 1079 | 100% {opacity: 0;} 1080 | } 1081 | 1082 | @-moz-keyframes fadeOut { 1083 | 0% {opacity: 1;} 1084 | 100% {opacity: 0;} 1085 | } 1086 | 1087 | @-o-keyframes fadeOut { 1088 | 0% {opacity: 1;} 1089 | 100% {opacity: 0;} 1090 | } 1091 | 1092 | @keyframes fadeOut { 1093 | 0% {opacity: 1;} 1094 | 100% {opacity: 0;} 1095 | } 1096 | 1097 | .fadeOut { 1098 | -webkit-animation-name: fadeOut; 1099 | -moz-animation-name: fadeOut; 1100 | -o-animation-name: fadeOut; 1101 | animation-name: fadeOut; 1102 | } 1103 | @-webkit-keyframes fadeOutUp { 1104 | 0% { 1105 | opacity: 1; 1106 | -webkit-transform: translateY(0); 1107 | } 1108 | 1109 | 100% { 1110 | opacity: 0; 1111 | -webkit-transform: translateY(-20px); 1112 | } 1113 | } 1114 | @-moz-keyframes fadeOutUp { 1115 | 0% { 1116 | opacity: 1; 1117 | -moz-transform: translateY(0); 1118 | } 1119 | 1120 | 100% { 1121 | opacity: 0; 1122 | -moz-transform: translateY(-20px); 1123 | } 1124 | } 1125 | @-o-keyframes fadeOutUp { 1126 | 0% { 1127 | opacity: 1; 1128 | -o-transform: translateY(0); 1129 | } 1130 | 1131 | 100% { 1132 | opacity: 0; 1133 | -o-transform: translateY(-20px); 1134 | } 1135 | } 1136 | @keyframes fadeOutUp { 1137 | 0% { 1138 | opacity: 1; 1139 | transform: translateY(0); 1140 | } 1141 | 1142 | 100% { 1143 | opacity: 0; 1144 | transform: translateY(-20px); 1145 | } 1146 | } 1147 | 1148 | .fadeOutUp { 1149 | -webkit-animation-name: fadeOutUp; 1150 | -moz-animation-name: fadeOutUp; 1151 | -o-animation-name: fadeOutUp; 1152 | animation-name: fadeOutUp; 1153 | } 1154 | @-webkit-keyframes fadeOutDown { 1155 | 0% { 1156 | opacity: 1; 1157 | -webkit-transform: translateY(0); 1158 | } 1159 | 1160 | 100% { 1161 | opacity: 0; 1162 | -webkit-transform: translateY(20px); 1163 | } 1164 | } 1165 | 1166 | @-moz-keyframes fadeOutDown { 1167 | 0% { 1168 | opacity: 1; 1169 | -moz-transform: translateY(0); 1170 | } 1171 | 1172 | 100% { 1173 | opacity: 0; 1174 | -moz-transform: translateY(20px); 1175 | } 1176 | } 1177 | 1178 | @-o-keyframes fadeOutDown { 1179 | 0% { 1180 | opacity: 1; 1181 | -o-transform: translateY(0); 1182 | } 1183 | 1184 | 100% { 1185 | opacity: 0; 1186 | -o-transform: translateY(20px); 1187 | } 1188 | } 1189 | 1190 | @keyframes fadeOutDown { 1191 | 0% { 1192 | opacity: 1; 1193 | transform: translateY(0); 1194 | } 1195 | 1196 | 100% { 1197 | opacity: 0; 1198 | transform: translateY(20px); 1199 | } 1200 | } 1201 | 1202 | .fadeOutDown { 1203 | -webkit-animation-name: fadeOutDown; 1204 | -moz-animation-name: fadeOutDown; 1205 | -o-animation-name: fadeOutDown; 1206 | animation-name: fadeOutDown; 1207 | } 1208 | @-webkit-keyframes fadeOutLeft { 1209 | 0% { 1210 | opacity: 1; 1211 | -webkit-transform: translateX(0); 1212 | } 1213 | 1214 | 100% { 1215 | opacity: 0; 1216 | -webkit-transform: translateX(-20px); 1217 | } 1218 | } 1219 | 1220 | @-moz-keyframes fadeOutLeft { 1221 | 0% { 1222 | opacity: 1; 1223 | -moz-transform: translateX(0); 1224 | } 1225 | 1226 | 100% { 1227 | opacity: 0; 1228 | -moz-transform: translateX(-20px); 1229 | } 1230 | } 1231 | 1232 | @-o-keyframes fadeOutLeft { 1233 | 0% { 1234 | opacity: 1; 1235 | -o-transform: translateX(0); 1236 | } 1237 | 1238 | 100% { 1239 | opacity: 0; 1240 | -o-transform: translateX(-20px); 1241 | } 1242 | } 1243 | 1244 | @keyframes fadeOutLeft { 1245 | 0% { 1246 | opacity: 1; 1247 | transform: translateX(0); 1248 | } 1249 | 1250 | 100% { 1251 | opacity: 0; 1252 | transform: translateX(-20px); 1253 | } 1254 | } 1255 | 1256 | .fadeOutLeft { 1257 | -webkit-animation-name: fadeOutLeft; 1258 | -moz-animation-name: fadeOutLeft; 1259 | -o-animation-name: fadeOutLeft; 1260 | animation-name: fadeOutLeft; 1261 | } 1262 | @-webkit-keyframes fadeOutRight { 1263 | 0% { 1264 | opacity: 1; 1265 | -webkit-transform: translateX(0); 1266 | } 1267 | 1268 | 100% { 1269 | opacity: 0; 1270 | -webkit-transform: translateX(20px); 1271 | } 1272 | } 1273 | 1274 | @-moz-keyframes fadeOutRight { 1275 | 0% { 1276 | opacity: 1; 1277 | -moz-transform: translateX(0); 1278 | } 1279 | 1280 | 100% { 1281 | opacity: 0; 1282 | -moz-transform: translateX(20px); 1283 | } 1284 | } 1285 | 1286 | @-o-keyframes fadeOutRight { 1287 | 0% { 1288 | opacity: 1; 1289 | -o-transform: translateX(0); 1290 | } 1291 | 1292 | 100% { 1293 | opacity: 0; 1294 | -o-transform: translateX(20px); 1295 | } 1296 | } 1297 | 1298 | @keyframes fadeOutRight { 1299 | 0% { 1300 | opacity: 1; 1301 | transform: translateX(0); 1302 | } 1303 | 1304 | 100% { 1305 | opacity: 0; 1306 | transform: translateX(20px); 1307 | } 1308 | } 1309 | 1310 | .fadeOutRight { 1311 | -webkit-animation-name: fadeOutRight; 1312 | -moz-animation-name: fadeOutRight; 1313 | -o-animation-name: fadeOutRight; 1314 | animation-name: fadeOutRight; 1315 | } 1316 | @-webkit-keyframes fadeOutUpBig { 1317 | 0% { 1318 | opacity: 1; 1319 | -webkit-transform: translateY(0); 1320 | } 1321 | 1322 | 100% { 1323 | opacity: 0; 1324 | -webkit-transform: translateY(-2000px); 1325 | } 1326 | } 1327 | 1328 | @-moz-keyframes fadeOutUpBig { 1329 | 0% { 1330 | opacity: 1; 1331 | -moz-transform: translateY(0); 1332 | } 1333 | 1334 | 100% { 1335 | opacity: 0; 1336 | -moz-transform: translateY(-2000px); 1337 | } 1338 | } 1339 | 1340 | @-o-keyframes fadeOutUpBig { 1341 | 0% { 1342 | opacity: 1; 1343 | -o-transform: translateY(0); 1344 | } 1345 | 1346 | 100% { 1347 | opacity: 0; 1348 | -o-transform: translateY(-2000px); 1349 | } 1350 | } 1351 | 1352 | @keyframes fadeOutUpBig { 1353 | 0% { 1354 | opacity: 1; 1355 | transform: translateY(0); 1356 | } 1357 | 1358 | 100% { 1359 | opacity: 0; 1360 | transform: translateY(-2000px); 1361 | } 1362 | } 1363 | 1364 | .fadeOutUpBig { 1365 | -webkit-animation-name: fadeOutUpBig; 1366 | -moz-animation-name: fadeOutUpBig; 1367 | -o-animation-name: fadeOutUpBig; 1368 | animation-name: fadeOutUpBig; 1369 | } 1370 | @-webkit-keyframes fadeOutDownBig { 1371 | 0% { 1372 | opacity: 1; 1373 | -webkit-transform: translateY(0); 1374 | } 1375 | 1376 | 100% { 1377 | opacity: 0; 1378 | -webkit-transform: translateY(2000px); 1379 | } 1380 | } 1381 | 1382 | @-moz-keyframes fadeOutDownBig { 1383 | 0% { 1384 | opacity: 1; 1385 | -moz-transform: translateY(0); 1386 | } 1387 | 1388 | 100% { 1389 | opacity: 0; 1390 | -moz-transform: translateY(2000px); 1391 | } 1392 | } 1393 | 1394 | @-o-keyframes fadeOutDownBig { 1395 | 0% { 1396 | opacity: 1; 1397 | -o-transform: translateY(0); 1398 | } 1399 | 1400 | 100% { 1401 | opacity: 0; 1402 | -o-transform: translateY(2000px); 1403 | } 1404 | } 1405 | 1406 | @keyframes fadeOutDownBig { 1407 | 0% { 1408 | opacity: 1; 1409 | transform: translateY(0); 1410 | } 1411 | 1412 | 100% { 1413 | opacity: 0; 1414 | transform: translateY(2000px); 1415 | } 1416 | } 1417 | 1418 | .fadeOutDownBig { 1419 | -webkit-animation-name: fadeOutDownBig; 1420 | -moz-animation-name: fadeOutDownBig; 1421 | -o-animation-name: fadeOutDownBig; 1422 | animation-name: fadeOutDownBig; 1423 | } 1424 | @-webkit-keyframes fadeOutLeftBig { 1425 | 0% { 1426 | opacity: 1; 1427 | -webkit-transform: translateX(0); 1428 | } 1429 | 1430 | 100% { 1431 | opacity: 0; 1432 | -webkit-transform: translateX(-2000px); 1433 | } 1434 | } 1435 | 1436 | @-moz-keyframes fadeOutLeftBig { 1437 | 0% { 1438 | opacity: 1; 1439 | -moz-transform: translateX(0); 1440 | } 1441 | 1442 | 100% { 1443 | opacity: 0; 1444 | -moz-transform: translateX(-2000px); 1445 | } 1446 | } 1447 | 1448 | @-o-keyframes fadeOutLeftBig { 1449 | 0% { 1450 | opacity: 1; 1451 | -o-transform: translateX(0); 1452 | } 1453 | 1454 | 100% { 1455 | opacity: 0; 1456 | -o-transform: translateX(-2000px); 1457 | } 1458 | } 1459 | 1460 | @keyframes fadeOutLeftBig { 1461 | 0% { 1462 | opacity: 1; 1463 | transform: translateX(0); 1464 | } 1465 | 1466 | 100% { 1467 | opacity: 0; 1468 | transform: translateX(-2000px); 1469 | } 1470 | } 1471 | 1472 | .fadeOutLeftBig { 1473 | -webkit-animation-name: fadeOutLeftBig; 1474 | -moz-animation-name: fadeOutLeftBig; 1475 | -o-animation-name: fadeOutLeftBig; 1476 | animation-name: fadeOutLeftBig; 1477 | } 1478 | @-webkit-keyframes fadeOutRightBig { 1479 | 0% { 1480 | opacity: 1; 1481 | -webkit-transform: translateX(0); 1482 | } 1483 | 1484 | 100% { 1485 | opacity: 0; 1486 | -webkit-transform: translateX(2000px); 1487 | } 1488 | } 1489 | @-moz-keyframes fadeOutRightBig { 1490 | 0% { 1491 | opacity: 1; 1492 | -moz-transform: translateX(0); 1493 | } 1494 | 1495 | 100% { 1496 | opacity: 0; 1497 | -moz-transform: translateX(2000px); 1498 | } 1499 | } 1500 | @-o-keyframes fadeOutRightBig { 1501 | 0% { 1502 | opacity: 1; 1503 | -o-transform: translateX(0); 1504 | } 1505 | 1506 | 100% { 1507 | opacity: 0; 1508 | -o-transform: translateX(2000px); 1509 | } 1510 | } 1511 | @keyframes fadeOutRightBig { 1512 | 0% { 1513 | opacity: 1; 1514 | transform: translateX(0); 1515 | } 1516 | 1517 | 100% { 1518 | opacity: 0; 1519 | transform: translateX(2000px); 1520 | } 1521 | } 1522 | 1523 | .fadeOutRightBig { 1524 | -webkit-animation-name: fadeOutRightBig; 1525 | -moz-animation-name: fadeOutRightBig; 1526 | -o-animation-name: fadeOutRightBig; 1527 | animation-name: fadeOutRightBig; 1528 | } 1529 | @-webkit-keyframes slideInDown { 1530 | 0% { 1531 | opacity: 0; 1532 | -webkit-transform: translateY(-2000px); 1533 | } 1534 | 1535 | 100% { 1536 | -webkit-transform: translateY(0); 1537 | } 1538 | } 1539 | 1540 | @-moz-keyframes slideInDown { 1541 | 0% { 1542 | opacity: 0; 1543 | -moz-transform: translateY(-2000px); 1544 | } 1545 | 1546 | 100% { 1547 | -moz-transform: translateY(0); 1548 | } 1549 | } 1550 | 1551 | @-o-keyframes slideInDown { 1552 | 0% { 1553 | opacity: 0; 1554 | -o-transform: translateY(-2000px); 1555 | } 1556 | 1557 | 100% { 1558 | -o-transform: translateY(0); 1559 | } 1560 | } 1561 | 1562 | @keyframes slideInDown { 1563 | 0% { 1564 | opacity: 0; 1565 | transform: translateY(-2000px); 1566 | } 1567 | 1568 | 100% { 1569 | transform: translateY(0); 1570 | } 1571 | } 1572 | 1573 | .slideInDown { 1574 | -webkit-animation-name: slideInDown; 1575 | -moz-animation-name: slideInDown; 1576 | -o-animation-name: slideInDown; 1577 | animation-name: slideInDown; 1578 | } 1579 | @-webkit-keyframes slideInLeft { 1580 | 0% { 1581 | opacity: 0; 1582 | -webkit-transform: translateX(-2000px); 1583 | } 1584 | 1585 | 100% { 1586 | -webkit-transform: translateX(0); 1587 | } 1588 | } 1589 | 1590 | @-moz-keyframes slideInLeft { 1591 | 0% { 1592 | opacity: 0; 1593 | -moz-transform: translateX(-2000px); 1594 | } 1595 | 1596 | 100% { 1597 | -moz-transform: translateX(0); 1598 | } 1599 | } 1600 | 1601 | @-o-keyframes slideInLeft { 1602 | 0% { 1603 | opacity: 0; 1604 | -o-transform: translateX(-2000px); 1605 | } 1606 | 1607 | 100% { 1608 | -o-transform: translateX(0); 1609 | } 1610 | } 1611 | 1612 | @keyframes slideInLeft { 1613 | 0% { 1614 | opacity: 0; 1615 | transform: translateX(-2000px); 1616 | } 1617 | 1618 | 100% { 1619 | transform: translateX(0); 1620 | } 1621 | } 1622 | 1623 | .slideInLeft { 1624 | -webkit-animation-name: slideInLeft; 1625 | -moz-animation-name: slideInLeft; 1626 | -o-animation-name: slideInLeft; 1627 | animation-name: slideInLeft; 1628 | } 1629 | @-webkit-keyframes slideInRight { 1630 | 0% { 1631 | opacity: 0; 1632 | -webkit-transform: translateX(2000px); 1633 | } 1634 | 1635 | 100% { 1636 | -webkit-transform: translateX(0); 1637 | } 1638 | } 1639 | 1640 | @-moz-keyframes slideInRight { 1641 | 0% { 1642 | opacity: 0; 1643 | -moz-transform: translateX(2000px); 1644 | } 1645 | 1646 | 100% { 1647 | -moz-transform: translateX(0); 1648 | } 1649 | } 1650 | 1651 | @-o-keyframes slideInRight { 1652 | 0% { 1653 | opacity: 0; 1654 | -o-transform: translateX(2000px); 1655 | } 1656 | 1657 | 100% { 1658 | -o-transform: translateX(0); 1659 | } 1660 | } 1661 | 1662 | @keyframes slideInRight { 1663 | 0% { 1664 | opacity: 0; 1665 | transform: translateX(2000px); 1666 | } 1667 | 1668 | 100% { 1669 | transform: translateX(0); 1670 | } 1671 | } 1672 | 1673 | .slideInRight { 1674 | -webkit-animation-name: slideInRight; 1675 | -moz-animation-name: slideInRight; 1676 | -o-animation-name: slideInRight; 1677 | animation-name: slideInRight; 1678 | } 1679 | @-webkit-keyframes slideOutUp { 1680 | 0% { 1681 | -webkit-transform: translateY(0); 1682 | } 1683 | 1684 | 100% { 1685 | opacity: 0; 1686 | -webkit-transform: translateY(-2000px); 1687 | } 1688 | } 1689 | 1690 | @-moz-keyframes slideOutUp { 1691 | 0% { 1692 | -moz-transform: translateY(0); 1693 | } 1694 | 1695 | 100% { 1696 | opacity: 0; 1697 | -moz-transform: translateY(-2000px); 1698 | } 1699 | } 1700 | 1701 | @-o-keyframes slideOutUp { 1702 | 0% { 1703 | -o-transform: translateY(0); 1704 | } 1705 | 1706 | 100% { 1707 | opacity: 0; 1708 | -o-transform: translateY(-2000px); 1709 | } 1710 | } 1711 | 1712 | @keyframes slideOutUp { 1713 | 0% { 1714 | transform: translateY(0); 1715 | } 1716 | 1717 | 100% { 1718 | opacity: 0; 1719 | transform: translateY(-2000px); 1720 | } 1721 | } 1722 | 1723 | .slideOutUp { 1724 | -webkit-animation-name: slideOutUp; 1725 | -moz-animation-name: slideOutUp; 1726 | -o-animation-name: slideOutUp; 1727 | animation-name: slideOutUp; 1728 | } 1729 | @-webkit-keyframes slideOutLeft { 1730 | 0% { 1731 | -webkit-transform: translateX(0); 1732 | } 1733 | 1734 | 100% { 1735 | opacity: 0; 1736 | -webkit-transform: translateX(-2000px); 1737 | } 1738 | } 1739 | 1740 | @-moz-keyframes slideOutLeft { 1741 | 0% { 1742 | -moz-transform: translateX(0); 1743 | } 1744 | 1745 | 100% { 1746 | opacity: 0; 1747 | -moz-transform: translateX(-2000px); 1748 | } 1749 | } 1750 | 1751 | @-o-keyframes slideOutLeft { 1752 | 0% { 1753 | -o-transform: translateX(0); 1754 | } 1755 | 1756 | 100% { 1757 | opacity: 0; 1758 | -o-transform: translateX(-2000px); 1759 | } 1760 | } 1761 | 1762 | @keyframes slideOutLeft { 1763 | 0% { 1764 | transform: translateX(0); 1765 | } 1766 | 1767 | 100% { 1768 | opacity: 0; 1769 | transform: translateX(-2000px); 1770 | } 1771 | } 1772 | 1773 | .slideOutLeft { 1774 | -webkit-animation-name: slideOutLeft; 1775 | -moz-animation-name: slideOutLeft; 1776 | -o-animation-name: slideOutLeft; 1777 | animation-name: slideOutLeft; 1778 | } 1779 | @-webkit-keyframes slideOutRight { 1780 | 0% { 1781 | -webkit-transform: translateX(0); 1782 | } 1783 | 1784 | 100% { 1785 | opacity: 0; 1786 | -webkit-transform: translateX(2000px); 1787 | } 1788 | } 1789 | 1790 | @-moz-keyframes slideOutRight { 1791 | 0% { 1792 | -moz-transform: translateX(0); 1793 | } 1794 | 1795 | 100% { 1796 | opacity: 0; 1797 | -moz-transform: translateX(2000px); 1798 | } 1799 | } 1800 | 1801 | @-o-keyframes slideOutRight { 1802 | 0% { 1803 | -o-transform: translateX(0); 1804 | } 1805 | 1806 | 100% { 1807 | opacity: 0; 1808 | -o-transform: translateX(2000px); 1809 | } 1810 | } 1811 | 1812 | @keyframes slideOutRight { 1813 | 0% { 1814 | transform: translateX(0); 1815 | } 1816 | 1817 | 100% { 1818 | opacity: 0; 1819 | transform: translateX(2000px); 1820 | } 1821 | } 1822 | 1823 | .slideOutRight { 1824 | -webkit-animation-name: slideOutRight; 1825 | -moz-animation-name: slideOutRight; 1826 | -o-animation-name: slideOutRight; 1827 | animation-name: slideOutRight; 1828 | } 1829 | @-webkit-keyframes bounceIn { 1830 | 0% { 1831 | opacity: 0; 1832 | -webkit-transform: scale(.3); 1833 | } 1834 | 1835 | 50% { 1836 | opacity: 1; 1837 | -webkit-transform: scale(1.05); 1838 | } 1839 | 1840 | 70% { 1841 | -webkit-transform: scale(.9); 1842 | } 1843 | 1844 | 100% { 1845 | -webkit-transform: scale(1); 1846 | } 1847 | } 1848 | 1849 | @-moz-keyframes bounceIn { 1850 | 0% { 1851 | opacity: 0; 1852 | -moz-transform: scale(.3); 1853 | } 1854 | 1855 | 50% { 1856 | opacity: 1; 1857 | -moz-transform: scale(1.05); 1858 | } 1859 | 1860 | 70% { 1861 | -moz-transform: scale(.9); 1862 | } 1863 | 1864 | 100% { 1865 | -moz-transform: scale(1); 1866 | } 1867 | } 1868 | 1869 | @-o-keyframes bounceIn { 1870 | 0% { 1871 | opacity: 0; 1872 | -o-transform: scale(.3); 1873 | } 1874 | 1875 | 50% { 1876 | opacity: 1; 1877 | -o-transform: scale(1.05); 1878 | } 1879 | 1880 | 70% { 1881 | -o-transform: scale(.9); 1882 | } 1883 | 1884 | 100% { 1885 | -o-transform: scale(1); 1886 | } 1887 | } 1888 | 1889 | @keyframes bounceIn { 1890 | 0% { 1891 | opacity: 0; 1892 | transform: scale(.3); 1893 | } 1894 | 1895 | 50% { 1896 | opacity: 1; 1897 | transform: scale(1.05); 1898 | } 1899 | 1900 | 70% { 1901 | transform: scale(.9); 1902 | } 1903 | 1904 | 100% { 1905 | transform: scale(1); 1906 | } 1907 | } 1908 | 1909 | .bounceIn { 1910 | -webkit-animation-name: bounceIn; 1911 | -moz-animation-name: bounceIn; 1912 | -o-animation-name: bounceIn; 1913 | animation-name: bounceIn; 1914 | } 1915 | @-webkit-keyframes bounceInUp { 1916 | 0% { 1917 | opacity: 0; 1918 | -webkit-transform: translateY(2000px); 1919 | } 1920 | 1921 | 60% { 1922 | opacity: 1; 1923 | -webkit-transform: translateY(-30px); 1924 | } 1925 | 1926 | 80% { 1927 | -webkit-transform: translateY(10px); 1928 | } 1929 | 1930 | 100% { 1931 | -webkit-transform: translateY(0); 1932 | } 1933 | } 1934 | @-moz-keyframes bounceInUp { 1935 | 0% { 1936 | opacity: 0; 1937 | -moz-transform: translateY(2000px); 1938 | } 1939 | 1940 | 60% { 1941 | opacity: 1; 1942 | -moz-transform: translateY(-30px); 1943 | } 1944 | 1945 | 80% { 1946 | -moz-transform: translateY(10px); 1947 | } 1948 | 1949 | 100% { 1950 | -moz-transform: translateY(0); 1951 | } 1952 | } 1953 | 1954 | @-o-keyframes bounceInUp { 1955 | 0% { 1956 | opacity: 0; 1957 | -o-transform: translateY(2000px); 1958 | } 1959 | 1960 | 60% { 1961 | opacity: 1; 1962 | -o-transform: translateY(-30px); 1963 | } 1964 | 1965 | 80% { 1966 | -o-transform: translateY(10px); 1967 | } 1968 | 1969 | 100% { 1970 | -o-transform: translateY(0); 1971 | } 1972 | } 1973 | 1974 | @keyframes bounceInUp { 1975 | 0% { 1976 | opacity: 0; 1977 | transform: translateY(2000px); 1978 | } 1979 | 1980 | 60% { 1981 | opacity: 1; 1982 | transform: translateY(-30px); 1983 | } 1984 | 1985 | 80% { 1986 | transform: translateY(10px); 1987 | } 1988 | 1989 | 100% { 1990 | transform: translateY(0); 1991 | } 1992 | } 1993 | 1994 | .bounceInUp { 1995 | -webkit-animation-name: bounceInUp; 1996 | -moz-animation-name: bounceInUp; 1997 | -o-animation-name: bounceInUp; 1998 | animation-name: bounceInUp; 1999 | } 2000 | @-webkit-keyframes bounceInDown { 2001 | 0% { 2002 | opacity: 0; 2003 | -webkit-transform: translateY(-2000px); 2004 | } 2005 | 2006 | 60% { 2007 | opacity: 1; 2008 | -webkit-transform: translateY(30px); 2009 | } 2010 | 2011 | 80% { 2012 | -webkit-transform: translateY(-10px); 2013 | } 2014 | 2015 | 100% { 2016 | -webkit-transform: translateY(0); 2017 | } 2018 | } 2019 | 2020 | @-moz-keyframes bounceInDown { 2021 | 0% { 2022 | opacity: 0; 2023 | -moz-transform: translateY(-2000px); 2024 | } 2025 | 2026 | 60% { 2027 | opacity: 1; 2028 | -moz-transform: translateY(30px); 2029 | } 2030 | 2031 | 80% { 2032 | -moz-transform: translateY(-10px); 2033 | } 2034 | 2035 | 100% { 2036 | -moz-transform: translateY(0); 2037 | } 2038 | } 2039 | 2040 | @-o-keyframes bounceInDown { 2041 | 0% { 2042 | opacity: 0; 2043 | -o-transform: translateY(-2000px); 2044 | } 2045 | 2046 | 60% { 2047 | opacity: 1; 2048 | -o-transform: translateY(30px); 2049 | } 2050 | 2051 | 80% { 2052 | -o-transform: translateY(-10px); 2053 | } 2054 | 2055 | 100% { 2056 | -o-transform: translateY(0); 2057 | } 2058 | } 2059 | 2060 | @keyframes bounceInDown { 2061 | 0% { 2062 | opacity: 0; 2063 | transform: translateY(-2000px); 2064 | } 2065 | 2066 | 60% { 2067 | opacity: 1; 2068 | transform: translateY(30px); 2069 | } 2070 | 2071 | 80% { 2072 | transform: translateY(-10px); 2073 | } 2074 | 2075 | 100% { 2076 | transform: translateY(0); 2077 | } 2078 | } 2079 | 2080 | .bounceInDown { 2081 | -webkit-animation-name: bounceInDown; 2082 | -moz-animation-name: bounceInDown; 2083 | -o-animation-name: bounceInDown; 2084 | animation-name: bounceInDown; 2085 | } 2086 | @-webkit-keyframes bounceInLeft { 2087 | 0% { 2088 | opacity: 0; 2089 | -webkit-transform: translateX(-2000px); 2090 | } 2091 | 2092 | 60% { 2093 | opacity: 1; 2094 | -webkit-transform: translateX(30px); 2095 | } 2096 | 2097 | 80% { 2098 | -webkit-transform: translateX(-10px); 2099 | } 2100 | 2101 | 100% { 2102 | -webkit-transform: translateX(0); 2103 | } 2104 | } 2105 | 2106 | @-moz-keyframes bounceInLeft { 2107 | 0% { 2108 | opacity: 0; 2109 | -moz-transform: translateX(-2000px); 2110 | } 2111 | 2112 | 60% { 2113 | opacity: 1; 2114 | -moz-transform: translateX(30px); 2115 | } 2116 | 2117 | 80% { 2118 | -moz-transform: translateX(-10px); 2119 | } 2120 | 2121 | 100% { 2122 | -moz-transform: translateX(0); 2123 | } 2124 | } 2125 | 2126 | @-o-keyframes bounceInLeft { 2127 | 0% { 2128 | opacity: 0; 2129 | -o-transform: translateX(-2000px); 2130 | } 2131 | 2132 | 60% { 2133 | opacity: 1; 2134 | -o-transform: translateX(30px); 2135 | } 2136 | 2137 | 80% { 2138 | -o-transform: translateX(-10px); 2139 | } 2140 | 2141 | 100% { 2142 | -o-transform: translateX(0); 2143 | } 2144 | } 2145 | 2146 | @keyframes bounceInLeft { 2147 | 0% { 2148 | opacity: 0; 2149 | transform: translateX(-2000px); 2150 | } 2151 | 2152 | 60% { 2153 | opacity: 1; 2154 | transform: translateX(30px); 2155 | } 2156 | 2157 | 80% { 2158 | transform: translateX(-10px); 2159 | } 2160 | 2161 | 100% { 2162 | transform: translateX(0); 2163 | } 2164 | } 2165 | 2166 | .bounceInLeft { 2167 | -webkit-animation-name: bounceInLeft; 2168 | -moz-animation-name: bounceInLeft; 2169 | -o-animation-name: bounceInLeft; 2170 | animation-name: bounceInLeft; 2171 | } 2172 | @-webkit-keyframes bounceInRight { 2173 | 0% { 2174 | opacity: 0; 2175 | -webkit-transform: translateX(2000px); 2176 | } 2177 | 2178 | 60% { 2179 | opacity: 1; 2180 | -webkit-transform: translateX(-30px); 2181 | } 2182 | 2183 | 80% { 2184 | -webkit-transform: translateX(10px); 2185 | } 2186 | 2187 | 100% { 2188 | -webkit-transform: translateX(0); 2189 | } 2190 | } 2191 | 2192 | @-moz-keyframes bounceInRight { 2193 | 0% { 2194 | opacity: 0; 2195 | -moz-transform: translateX(2000px); 2196 | } 2197 | 2198 | 60% { 2199 | opacity: 1; 2200 | -moz-transform: translateX(-30px); 2201 | } 2202 | 2203 | 80% { 2204 | -moz-transform: translateX(10px); 2205 | } 2206 | 2207 | 100% { 2208 | -moz-transform: translateX(0); 2209 | } 2210 | } 2211 | 2212 | @-o-keyframes bounceInRight { 2213 | 0% { 2214 | opacity: 0; 2215 | -o-transform: translateX(2000px); 2216 | } 2217 | 2218 | 60% { 2219 | opacity: 1; 2220 | -o-transform: translateX(-30px); 2221 | } 2222 | 2223 | 80% { 2224 | -o-transform: translateX(10px); 2225 | } 2226 | 2227 | 100% { 2228 | -o-transform: translateX(0); 2229 | } 2230 | } 2231 | 2232 | @keyframes bounceInRight { 2233 | 0% { 2234 | opacity: 0; 2235 | transform: translateX(2000px); 2236 | } 2237 | 2238 | 60% { 2239 | opacity: 1; 2240 | transform: translateX(-30px); 2241 | } 2242 | 2243 | 80% { 2244 | transform: translateX(10px); 2245 | } 2246 | 2247 | 100% { 2248 | transform: translateX(0); 2249 | } 2250 | } 2251 | 2252 | .bounceInRight { 2253 | -webkit-animation-name: bounceInRight; 2254 | -moz-animation-name: bounceInRight; 2255 | -o-animation-name: bounceInRight; 2256 | animation-name: bounceInRight; 2257 | } 2258 | @-webkit-keyframes bounceOut { 2259 | 0% { 2260 | -webkit-transform: scale(1); 2261 | } 2262 | 2263 | 25% { 2264 | -webkit-transform: scale(.95); 2265 | } 2266 | 2267 | 50% { 2268 | opacity: 1; 2269 | -webkit-transform: scale(1.1); 2270 | } 2271 | 2272 | 100% { 2273 | opacity: 0; 2274 | -webkit-transform: scale(.3); 2275 | } 2276 | } 2277 | 2278 | @-moz-keyframes bounceOut { 2279 | 0% { 2280 | -moz-transform: scale(1); 2281 | } 2282 | 2283 | 25% { 2284 | -moz-transform: scale(.95); 2285 | } 2286 | 2287 | 50% { 2288 | opacity: 1; 2289 | -moz-transform: scale(1.1); 2290 | } 2291 | 2292 | 100% { 2293 | opacity: 0; 2294 | -moz-transform: scale(.3); 2295 | } 2296 | } 2297 | 2298 | @-o-keyframes bounceOut { 2299 | 0% { 2300 | -o-transform: scale(1); 2301 | } 2302 | 2303 | 25% { 2304 | -o-transform: scale(.95); 2305 | } 2306 | 2307 | 50% { 2308 | opacity: 1; 2309 | -o-transform: scale(1.1); 2310 | } 2311 | 2312 | 100% { 2313 | opacity: 0; 2314 | -o-transform: scale(.3); 2315 | } 2316 | } 2317 | 2318 | @keyframes bounceOut { 2319 | 0% { 2320 | transform: scale(1); 2321 | } 2322 | 2323 | 25% { 2324 | transform: scale(.95); 2325 | } 2326 | 2327 | 50% { 2328 | opacity: 1; 2329 | transform: scale(1.1); 2330 | } 2331 | 2332 | 100% { 2333 | opacity: 0; 2334 | transform: scale(.3); 2335 | } 2336 | } 2337 | 2338 | .bounceOut { 2339 | -webkit-animation-name: bounceOut; 2340 | -moz-animation-name: bounceOut; 2341 | -o-animation-name: bounceOut; 2342 | animation-name: bounceOut; 2343 | } 2344 | @-webkit-keyframes bounceOutUp { 2345 | 0% { 2346 | -webkit-transform: translateY(0); 2347 | } 2348 | 2349 | 20% { 2350 | opacity: 1; 2351 | -webkit-transform: translateY(20px); 2352 | } 2353 | 2354 | 100% { 2355 | opacity: 0; 2356 | -webkit-transform: translateY(-2000px); 2357 | } 2358 | } 2359 | 2360 | @-moz-keyframes bounceOutUp { 2361 | 0% { 2362 | -moz-transform: translateY(0); 2363 | } 2364 | 2365 | 20% { 2366 | opacity: 1; 2367 | -moz-transform: translateY(20px); 2368 | } 2369 | 2370 | 100% { 2371 | opacity: 0; 2372 | -moz-transform: translateY(-2000px); 2373 | } 2374 | } 2375 | 2376 | @-o-keyframes bounceOutUp { 2377 | 0% { 2378 | -o-transform: translateY(0); 2379 | } 2380 | 2381 | 20% { 2382 | opacity: 1; 2383 | -o-transform: translateY(20px); 2384 | } 2385 | 2386 | 100% { 2387 | opacity: 0; 2388 | -o-transform: translateY(-2000px); 2389 | } 2390 | } 2391 | 2392 | @keyframes bounceOutUp { 2393 | 0% { 2394 | transform: translateY(0); 2395 | } 2396 | 2397 | 20% { 2398 | opacity: 1; 2399 | transform: translateY(20px); 2400 | } 2401 | 2402 | 100% { 2403 | opacity: 0; 2404 | transform: translateY(-2000px); 2405 | } 2406 | } 2407 | 2408 | .bounceOutUp { 2409 | -webkit-animation-name: bounceOutUp; 2410 | -moz-animation-name: bounceOutUp; 2411 | -o-animation-name: bounceOutUp; 2412 | animation-name: bounceOutUp; 2413 | } 2414 | @-webkit-keyframes bounceOutDown { 2415 | 0% { 2416 | -webkit-transform: translateY(0); 2417 | } 2418 | 2419 | 20% { 2420 | opacity: 1; 2421 | -webkit-transform: translateY(-20px); 2422 | } 2423 | 2424 | 100% { 2425 | opacity: 0; 2426 | -webkit-transform: translateY(2000px); 2427 | } 2428 | } 2429 | 2430 | @-moz-keyframes bounceOutDown { 2431 | 0% { 2432 | -moz-transform: translateY(0); 2433 | } 2434 | 2435 | 20% { 2436 | opacity: 1; 2437 | -moz-transform: translateY(-20px); 2438 | } 2439 | 2440 | 100% { 2441 | opacity: 0; 2442 | -moz-transform: translateY(2000px); 2443 | } 2444 | } 2445 | 2446 | @-o-keyframes bounceOutDown { 2447 | 0% { 2448 | -o-transform: translateY(0); 2449 | } 2450 | 2451 | 20% { 2452 | opacity: 1; 2453 | -o-transform: translateY(-20px); 2454 | } 2455 | 2456 | 100% { 2457 | opacity: 0; 2458 | -o-transform: translateY(2000px); 2459 | } 2460 | } 2461 | 2462 | @keyframes bounceOutDown { 2463 | 0% { 2464 | transform: translateY(0); 2465 | } 2466 | 2467 | 20% { 2468 | opacity: 1; 2469 | transform: translateY(-20px); 2470 | } 2471 | 2472 | 100% { 2473 | opacity: 0; 2474 | transform: translateY(2000px); 2475 | } 2476 | } 2477 | 2478 | .bounceOutDown { 2479 | -webkit-animation-name: bounceOutDown; 2480 | -moz-animation-name: bounceOutDown; 2481 | -o-animation-name: bounceOutDown; 2482 | animation-name: bounceOutDown; 2483 | } 2484 | @-webkit-keyframes bounceOutLeft { 2485 | 0% { 2486 | -webkit-transform: translateX(0); 2487 | } 2488 | 2489 | 20% { 2490 | opacity: 1; 2491 | -webkit-transform: translateX(20px); 2492 | } 2493 | 2494 | 100% { 2495 | opacity: 0; 2496 | -webkit-transform: translateX(-2000px); 2497 | } 2498 | } 2499 | 2500 | @-moz-keyframes bounceOutLeft { 2501 | 0% { 2502 | -moz-transform: translateX(0); 2503 | } 2504 | 2505 | 20% { 2506 | opacity: 1; 2507 | -moz-transform: translateX(20px); 2508 | } 2509 | 2510 | 100% { 2511 | opacity: 0; 2512 | -moz-transform: translateX(-2000px); 2513 | } 2514 | } 2515 | 2516 | @-o-keyframes bounceOutLeft { 2517 | 0% { 2518 | -o-transform: translateX(0); 2519 | } 2520 | 2521 | 20% { 2522 | opacity: 1; 2523 | -o-transform: translateX(20px); 2524 | } 2525 | 2526 | 100% { 2527 | opacity: 0; 2528 | -o-transform: translateX(-2000px); 2529 | } 2530 | } 2531 | 2532 | @keyframes bounceOutLeft { 2533 | 0% { 2534 | transform: translateX(0); 2535 | } 2536 | 2537 | 20% { 2538 | opacity: 1; 2539 | transform: translateX(20px); 2540 | } 2541 | 2542 | 100% { 2543 | opacity: 0; 2544 | transform: translateX(-2000px); 2545 | } 2546 | } 2547 | 2548 | .bounceOutLeft { 2549 | -webkit-animation-name: bounceOutLeft; 2550 | -moz-animation-name: bounceOutLeft; 2551 | -o-animation-name: bounceOutLeft; 2552 | animation-name: bounceOutLeft; 2553 | } 2554 | @-webkit-keyframes bounceOutRight { 2555 | 0% { 2556 | -webkit-transform: translateX(0); 2557 | } 2558 | 2559 | 20% { 2560 | opacity: 1; 2561 | -webkit-transform: translateX(-20px); 2562 | } 2563 | 2564 | 100% { 2565 | opacity: 0; 2566 | -webkit-transform: translateX(2000px); 2567 | } 2568 | } 2569 | 2570 | @-moz-keyframes bounceOutRight { 2571 | 0% { 2572 | -moz-transform: translateX(0); 2573 | } 2574 | 2575 | 20% { 2576 | opacity: 1; 2577 | -moz-transform: translateX(-20px); 2578 | } 2579 | 2580 | 100% { 2581 | opacity: 0; 2582 | -moz-transform: translateX(2000px); 2583 | } 2584 | } 2585 | 2586 | @-o-keyframes bounceOutRight { 2587 | 0% { 2588 | -o-transform: translateX(0); 2589 | } 2590 | 2591 | 20% { 2592 | opacity: 1; 2593 | -o-transform: translateX(-20px); 2594 | } 2595 | 2596 | 100% { 2597 | opacity: 0; 2598 | -o-transform: translateX(2000px); 2599 | } 2600 | } 2601 | 2602 | @keyframes bounceOutRight { 2603 | 0% { 2604 | transform: translateX(0); 2605 | } 2606 | 2607 | 20% { 2608 | opacity: 1; 2609 | transform: translateX(-20px); 2610 | } 2611 | 2612 | 100% { 2613 | opacity: 0; 2614 | transform: translateX(2000px); 2615 | } 2616 | } 2617 | 2618 | .bounceOutRight { 2619 | -webkit-animation-name: bounceOutRight; 2620 | -moz-animation-name: bounceOutRight; 2621 | -o-animation-name: bounceOutRight; 2622 | animation-name: bounceOutRight; 2623 | } 2624 | @-webkit-keyframes rotateIn { 2625 | 0% { 2626 | -webkit-transform-origin: center center; 2627 | -webkit-transform: rotate(-200deg); 2628 | opacity: 0; 2629 | } 2630 | 2631 | 100% { 2632 | -webkit-transform-origin: center center; 2633 | -webkit-transform: rotate(0); 2634 | opacity: 1; 2635 | } 2636 | } 2637 | @-moz-keyframes rotateIn { 2638 | 0% { 2639 | -moz-transform-origin: center center; 2640 | -moz-transform: rotate(-200deg); 2641 | opacity: 0; 2642 | } 2643 | 2644 | 100% { 2645 | -moz-transform-origin: center center; 2646 | -moz-transform: rotate(0); 2647 | opacity: 1; 2648 | } 2649 | } 2650 | @-o-keyframes rotateIn { 2651 | 0% { 2652 | -o-transform-origin: center center; 2653 | -o-transform: rotate(-200deg); 2654 | opacity: 0; 2655 | } 2656 | 2657 | 100% { 2658 | -o-transform-origin: center center; 2659 | -o-transform: rotate(0); 2660 | opacity: 1; 2661 | } 2662 | } 2663 | @keyframes rotateIn { 2664 | 0% { 2665 | transform-origin: center center; 2666 | transform: rotate(-200deg); 2667 | opacity: 0; 2668 | } 2669 | 2670 | 100% { 2671 | transform-origin: center center; 2672 | transform: rotate(0); 2673 | opacity: 1; 2674 | } 2675 | } 2676 | 2677 | .rotateIn { 2678 | -webkit-animation-name: rotateIn; 2679 | -moz-animation-name: rotateIn; 2680 | -o-animation-name: rotateIn; 2681 | animation-name: rotateIn; 2682 | } 2683 | @-webkit-keyframes rotateInUpLeft { 2684 | 0% { 2685 | -webkit-transform-origin: left bottom; 2686 | -webkit-transform: rotate(90deg); 2687 | opacity: 0; 2688 | } 2689 | 2690 | 100% { 2691 | -webkit-transform-origin: left bottom; 2692 | -webkit-transform: rotate(0); 2693 | opacity: 1; 2694 | } 2695 | } 2696 | 2697 | @-moz-keyframes rotateInUpLeft { 2698 | 0% { 2699 | -moz-transform-origin: left bottom; 2700 | -moz-transform: rotate(90deg); 2701 | opacity: 0; 2702 | } 2703 | 2704 | 100% { 2705 | -moz-transform-origin: left bottom; 2706 | -moz-transform: rotate(0); 2707 | opacity: 1; 2708 | } 2709 | } 2710 | 2711 | @-o-keyframes rotateInUpLeft { 2712 | 0% { 2713 | -o-transform-origin: left bottom; 2714 | -o-transform: rotate(90deg); 2715 | opacity: 0; 2716 | } 2717 | 2718 | 100% { 2719 | -o-transform-origin: left bottom; 2720 | -o-transform: rotate(0); 2721 | opacity: 1; 2722 | } 2723 | } 2724 | 2725 | @keyframes rotateInUpLeft { 2726 | 0% { 2727 | transform-origin: left bottom; 2728 | transform: rotate(90deg); 2729 | opacity: 0; 2730 | } 2731 | 2732 | 100% { 2733 | transform-origin: left bottom; 2734 | transform: rotate(0); 2735 | opacity: 1; 2736 | } 2737 | } 2738 | 2739 | .rotateInUpLeft { 2740 | -webkit-animation-name: rotateInUpLeft; 2741 | -moz-animation-name: rotateInUpLeft; 2742 | -o-animation-name: rotateInUpLeft; 2743 | animation-name: rotateInUpLeft; 2744 | } 2745 | @-webkit-keyframes rotateInDownLeft { 2746 | 0% { 2747 | -webkit-transform-origin: left bottom; 2748 | -webkit-transform: rotate(-90deg); 2749 | opacity: 0; 2750 | } 2751 | 2752 | 100% { 2753 | -webkit-transform-origin: left bottom; 2754 | -webkit-transform: rotate(0); 2755 | opacity: 1; 2756 | } 2757 | } 2758 | 2759 | @-moz-keyframes rotateInDownLeft { 2760 | 0% { 2761 | -moz-transform-origin: left bottom; 2762 | -moz-transform: rotate(-90deg); 2763 | opacity: 0; 2764 | } 2765 | 2766 | 100% { 2767 | -moz-transform-origin: left bottom; 2768 | -moz-transform: rotate(0); 2769 | opacity: 1; 2770 | } 2771 | } 2772 | 2773 | @-o-keyframes rotateInDownLeft { 2774 | 0% { 2775 | -o-transform-origin: left bottom; 2776 | -o-transform: rotate(-90deg); 2777 | opacity: 0; 2778 | } 2779 | 2780 | 100% { 2781 | -o-transform-origin: left bottom; 2782 | -o-transform: rotate(0); 2783 | opacity: 1; 2784 | } 2785 | } 2786 | 2787 | @keyframes rotateInDownLeft { 2788 | 0% { 2789 | transform-origin: left bottom; 2790 | transform: rotate(-90deg); 2791 | opacity: 0; 2792 | } 2793 | 2794 | 100% { 2795 | transform-origin: left bottom; 2796 | transform: rotate(0); 2797 | opacity: 1; 2798 | } 2799 | } 2800 | 2801 | .rotateInDownLeft { 2802 | -webkit-animation-name: rotateInDownLeft; 2803 | -moz-animation-name: rotateInDownLeft; 2804 | -o-animation-name: rotateInDownLeft; 2805 | animation-name: rotateInDownLeft; 2806 | } 2807 | @-webkit-keyframes rotateInUpRight { 2808 | 0% { 2809 | -webkit-transform-origin: right bottom; 2810 | -webkit-transform: rotate(-90deg); 2811 | opacity: 0; 2812 | } 2813 | 2814 | 100% { 2815 | -webkit-transform-origin: right bottom; 2816 | -webkit-transform: rotate(0); 2817 | opacity: 1; 2818 | } 2819 | } 2820 | 2821 | @-moz-keyframes rotateInUpRight { 2822 | 0% { 2823 | -moz-transform-origin: right bottom; 2824 | -moz-transform: rotate(-90deg); 2825 | opacity: 0; 2826 | } 2827 | 2828 | 100% { 2829 | -moz-transform-origin: right bottom; 2830 | -moz-transform: rotate(0); 2831 | opacity: 1; 2832 | } 2833 | } 2834 | 2835 | @-o-keyframes rotateInUpRight { 2836 | 0% { 2837 | -o-transform-origin: right bottom; 2838 | -o-transform: rotate(-90deg); 2839 | opacity: 0; 2840 | } 2841 | 2842 | 100% { 2843 | -o-transform-origin: right bottom; 2844 | -o-transform: rotate(0); 2845 | opacity: 1; 2846 | } 2847 | } 2848 | 2849 | @keyframes rotateInUpRight { 2850 | 0% { 2851 | transform-origin: right bottom; 2852 | transform: rotate(-90deg); 2853 | opacity: 0; 2854 | } 2855 | 2856 | 100% { 2857 | transform-origin: right bottom; 2858 | transform: rotate(0); 2859 | opacity: 1; 2860 | } 2861 | } 2862 | 2863 | .rotateInUpRight { 2864 | -webkit-animation-name: rotateInUpRight; 2865 | -moz-animation-name: rotateInUpRight; 2866 | -o-animation-name: rotateInUpRight; 2867 | animation-name: rotateInUpRight; 2868 | } 2869 | @-webkit-keyframes rotateInDownRight { 2870 | 0% { 2871 | -webkit-transform-origin: right bottom; 2872 | -webkit-transform: rotate(90deg); 2873 | opacity: 0; 2874 | } 2875 | 2876 | 100% { 2877 | -webkit-transform-origin: right bottom; 2878 | -webkit-transform: rotate(0); 2879 | opacity: 1; 2880 | } 2881 | } 2882 | 2883 | @-moz-keyframes rotateInDownRight { 2884 | 0% { 2885 | -moz-transform-origin: right bottom; 2886 | -moz-transform: rotate(90deg); 2887 | opacity: 0; 2888 | } 2889 | 2890 | 100% { 2891 | -moz-transform-origin: right bottom; 2892 | -moz-transform: rotate(0); 2893 | opacity: 1; 2894 | } 2895 | } 2896 | 2897 | @-o-keyframes rotateInDownRight { 2898 | 0% { 2899 | -o-transform-origin: right bottom; 2900 | -o-transform: rotate(90deg); 2901 | opacity: 0; 2902 | } 2903 | 2904 | 100% { 2905 | -o-transform-origin: right bottom; 2906 | -o-transform: rotate(0); 2907 | opacity: 1; 2908 | } 2909 | } 2910 | 2911 | @keyframes rotateInDownRight { 2912 | 0% { 2913 | transform-origin: right bottom; 2914 | transform: rotate(90deg); 2915 | opacity: 0; 2916 | } 2917 | 2918 | 100% { 2919 | transform-origin: right bottom; 2920 | transform: rotate(0); 2921 | opacity: 1; 2922 | } 2923 | } 2924 | 2925 | .rotateInDownRight { 2926 | -webkit-animation-name: rotateInDownRight; 2927 | -moz-animation-name: rotateInDownRight; 2928 | -o-animation-name: rotateInDownRight; 2929 | animation-name: rotateInDownRight; 2930 | } 2931 | @-webkit-keyframes rotateOut { 2932 | 0% { 2933 | -webkit-transform-origin: center center; 2934 | -webkit-transform: rotate(0); 2935 | opacity: 1; 2936 | } 2937 | 2938 | 100% { 2939 | -webkit-transform-origin: center center; 2940 | -webkit-transform: rotate(200deg); 2941 | opacity: 0; 2942 | } 2943 | } 2944 | 2945 | @-moz-keyframes rotateOut { 2946 | 0% { 2947 | -moz-transform-origin: center center; 2948 | -moz-transform: rotate(0); 2949 | opacity: 1; 2950 | } 2951 | 2952 | 100% { 2953 | -moz-transform-origin: center center; 2954 | -moz-transform: rotate(200deg); 2955 | opacity: 0; 2956 | } 2957 | } 2958 | 2959 | @-o-keyframes rotateOut { 2960 | 0% { 2961 | -o-transform-origin: center center; 2962 | -o-transform: rotate(0); 2963 | opacity: 1; 2964 | } 2965 | 2966 | 100% { 2967 | -o-transform-origin: center center; 2968 | -o-transform: rotate(200deg); 2969 | opacity: 0; 2970 | } 2971 | } 2972 | 2973 | @keyframes rotateOut { 2974 | 0% { 2975 | transform-origin: center center; 2976 | transform: rotate(0); 2977 | opacity: 1; 2978 | } 2979 | 2980 | 100% { 2981 | transform-origin: center center; 2982 | transform: rotate(200deg); 2983 | opacity: 0; 2984 | } 2985 | } 2986 | 2987 | .rotateOut { 2988 | -webkit-animation-name: rotateOut; 2989 | -moz-animation-name: rotateOut; 2990 | -o-animation-name: rotateOut; 2991 | animation-name: rotateOut; 2992 | } 2993 | @-webkit-keyframes rotateOutUpLeft { 2994 | 0% { 2995 | -webkit-transform-origin: left bottom; 2996 | -webkit-transform: rotate(0); 2997 | opacity: 1; 2998 | } 2999 | 3000 | 100% { 3001 | -webkit-transform-origin: left bottom; 3002 | -webkit-transform: rotate(-90deg); 3003 | opacity: 0; 3004 | } 3005 | } 3006 | 3007 | @-moz-keyframes rotateOutUpLeft { 3008 | 0% { 3009 | -moz-transform-origin: left bottom; 3010 | -moz-transform: rotate(0); 3011 | opacity: 1; 3012 | } 3013 | 3014 | 100% { 3015 | -moz-transform-origin: left bottom; 3016 | -moz-transform: rotate(-90deg); 3017 | opacity: 0; 3018 | } 3019 | } 3020 | 3021 | @-o-keyframes rotateOutUpLeft { 3022 | 0% { 3023 | -o-transform-origin: left bottom; 3024 | -o-transform: rotate(0); 3025 | opacity: 1; 3026 | } 3027 | 3028 | 100% { 3029 | -o-transform-origin: left bottom; 3030 | -o-transform: rotate(-90deg); 3031 | opacity: 0; 3032 | } 3033 | } 3034 | 3035 | @keyframes rotateOutUpLeft { 3036 | 0% { 3037 | transform-origin: left bottom; 3038 | transform: rotate(0); 3039 | opacity: 1; 3040 | } 3041 | 3042 | 100% { 3043 | -transform-origin: left bottom; 3044 | -transform: rotate(-90deg); 3045 | opacity: 0; 3046 | } 3047 | } 3048 | 3049 | .rotateOutUpLeft { 3050 | -webkit-animation-name: rotateOutUpLeft; 3051 | -moz-animation-name: rotateOutUpLeft; 3052 | -o-animation-name: rotateOutUpLeft; 3053 | animation-name: rotateOutUpLeft; 3054 | } 3055 | @-webkit-keyframes rotateOutDownLeft { 3056 | 0% { 3057 | -webkit-transform-origin: left bottom; 3058 | -webkit-transform: rotate(0); 3059 | opacity: 1; 3060 | } 3061 | 3062 | 100% { 3063 | -webkit-transform-origin: left bottom; 3064 | -webkit-transform: rotate(90deg); 3065 | opacity: 0; 3066 | } 3067 | } 3068 | 3069 | @-moz-keyframes rotateOutDownLeft { 3070 | 0% { 3071 | -moz-transform-origin: left bottom; 3072 | -moz-transform: rotate(0); 3073 | opacity: 1; 3074 | } 3075 | 3076 | 100% { 3077 | -moz-transform-origin: left bottom; 3078 | -moz-transform: rotate(90deg); 3079 | opacity: 0; 3080 | } 3081 | } 3082 | 3083 | @-o-keyframes rotateOutDownLeft { 3084 | 0% { 3085 | -o-transform-origin: left bottom; 3086 | -o-transform: rotate(0); 3087 | opacity: 1; 3088 | } 3089 | 3090 | 100% { 3091 | -o-transform-origin: left bottom; 3092 | -o-transform: rotate(90deg); 3093 | opacity: 0; 3094 | } 3095 | } 3096 | 3097 | @keyframes rotateOutDownLeft { 3098 | 0% { 3099 | transform-origin: left bottom; 3100 | transform: rotate(0); 3101 | opacity: 1; 3102 | } 3103 | 3104 | 100% { 3105 | transform-origin: left bottom; 3106 | transform: rotate(90deg); 3107 | opacity: 0; 3108 | } 3109 | } 3110 | 3111 | .rotateOutDownLeft { 3112 | -webkit-animation-name: rotateOutDownLeft; 3113 | -moz-animation-name: rotateOutDownLeft; 3114 | -o-animation-name: rotateOutDownLeft; 3115 | animation-name: rotateOutDownLeft; 3116 | } 3117 | @-webkit-keyframes rotateOutUpRight { 3118 | 0% { 3119 | -webkit-transform-origin: right bottom; 3120 | -webkit-transform: rotate(0); 3121 | opacity: 1; 3122 | } 3123 | 3124 | 100% { 3125 | -webkit-transform-origin: right bottom; 3126 | -webkit-transform: rotate(90deg); 3127 | opacity: 0; 3128 | } 3129 | } 3130 | 3131 | @-moz-keyframes rotateOutUpRight { 3132 | 0% { 3133 | -moz-transform-origin: right bottom; 3134 | -moz-transform: rotate(0); 3135 | opacity: 1; 3136 | } 3137 | 3138 | 100% { 3139 | -moz-transform-origin: right bottom; 3140 | -moz-transform: rotate(90deg); 3141 | opacity: 0; 3142 | } 3143 | } 3144 | 3145 | @-o-keyframes rotateOutUpRight { 3146 | 0% { 3147 | -o-transform-origin: right bottom; 3148 | -o-transform: rotate(0); 3149 | opacity: 1; 3150 | } 3151 | 3152 | 100% { 3153 | -o-transform-origin: right bottom; 3154 | -o-transform: rotate(90deg); 3155 | opacity: 0; 3156 | } 3157 | } 3158 | 3159 | @keyframes rotateOutUpRight { 3160 | 0% { 3161 | transform-origin: right bottom; 3162 | transform: rotate(0); 3163 | opacity: 1; 3164 | } 3165 | 3166 | 100% { 3167 | transform-origin: right bottom; 3168 | transform: rotate(90deg); 3169 | opacity: 0; 3170 | } 3171 | } 3172 | 3173 | .rotateOutUpRight { 3174 | -webkit-animation-name: rotateOutUpRight; 3175 | -moz-animation-name: rotateOutUpRight; 3176 | -o-animation-name: rotateOutUpRight; 3177 | animation-name: rotateOutUpRight; 3178 | } 3179 | @-webkit-keyframes rotateOutDownRight { 3180 | 0% { 3181 | -webkit-transform-origin: right bottom; 3182 | -webkit-transform: rotate(0); 3183 | opacity: 1; 3184 | } 3185 | 3186 | 100% { 3187 | -webkit-transform-origin: right bottom; 3188 | -webkit-transform: rotate(-90deg); 3189 | opacity: 0; 3190 | } 3191 | } 3192 | 3193 | @-moz-keyframes rotateOutDownRight { 3194 | 0% { 3195 | -moz-transform-origin: right bottom; 3196 | -moz-transform: rotate(0); 3197 | opacity: 1; 3198 | } 3199 | 3200 | 100% { 3201 | -moz-transform-origin: right bottom; 3202 | -moz-transform: rotate(-90deg); 3203 | opacity: 0; 3204 | } 3205 | } 3206 | 3207 | @-o-keyframes rotateOutDownRight { 3208 | 0% { 3209 | -o-transform-origin: right bottom; 3210 | -o-transform: rotate(0); 3211 | opacity: 1; 3212 | } 3213 | 3214 | 100% { 3215 | -o-transform-origin: right bottom; 3216 | -o-transform: rotate(-90deg); 3217 | opacity: 0; 3218 | } 3219 | } 3220 | 3221 | @keyframes rotateOutDownRight { 3222 | 0% { 3223 | transform-origin: right bottom; 3224 | transform: rotate(0); 3225 | opacity: 1; 3226 | } 3227 | 3228 | 100% { 3229 | transform-origin: right bottom; 3230 | transform: rotate(-90deg); 3231 | opacity: 0; 3232 | } 3233 | } 3234 | 3235 | .rotateOutDownRight { 3236 | -webkit-animation-name: rotateOutDownRight; 3237 | -moz-animation-name: rotateOutDownRight; 3238 | -o-animation-name: rotateOutDownRight; 3239 | animation-name: rotateOutDownRight; 3240 | } 3241 | @-webkit-keyframes lightSpeedIn { 3242 | 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 3243 | 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 3244 | 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 3245 | 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 3246 | } 3247 | 3248 | @-moz-keyframes lightSpeedIn { 3249 | 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 3250 | 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 3251 | 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 3252 | 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 3253 | } 3254 | 3255 | @-o-keyframes lightSpeedIn { 3256 | 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 3257 | 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 3258 | 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 3259 | 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 3260 | } 3261 | 3262 | @keyframes lightSpeedIn { 3263 | 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 3264 | 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 3265 | 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 3266 | 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 3267 | } 3268 | 3269 | .lightSpeedIn { 3270 | -webkit-animation-name: lightSpeedIn; 3271 | -moz-animation-name: lightSpeedIn; 3272 | -o-animation-name: lightSpeedIn; 3273 | animation-name: lightSpeedIn; 3274 | 3275 | -webkit-animation-timing-function: ease-out; 3276 | -moz-animation-timing-function: ease-out; 3277 | -o-animation-timing-function: ease-out; 3278 | animation-timing-function: ease-out; 3279 | } 3280 | @-webkit-keyframes lightSpeedOut { 3281 | 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 3282 | 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 3283 | } 3284 | 3285 | @-moz-keyframes lightSpeedOut { 3286 | 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 3287 | 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 3288 | } 3289 | 3290 | @-o-keyframes lightSpeedOut { 3291 | 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 3292 | 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 3293 | } 3294 | 3295 | @keyframes lightSpeedOut { 3296 | 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 3297 | 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 3298 | } 3299 | 3300 | .lightSpeedOut { 3301 | -webkit-animation-name: lightSpeedOut; 3302 | -moz-animation-name: lightSpeedOut; 3303 | -o-animation-name: lightSpeedOut; 3304 | animation-name: lightSpeedOut; 3305 | 3306 | -webkit-animation-timing-function: ease-in; 3307 | -moz-animation-timing-function: ease-in; 3308 | -o-animation-timing-function: ease-in; 3309 | animation-timing-function: ease-in; 3310 | } 3311 | @-webkit-keyframes hinge { 3312 | 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 3313 | 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 3314 | 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 3315 | 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 3316 | 100% { -webkit-transform: translateY(700px); opacity: 0; } 3317 | } 3318 | 3319 | @-moz-keyframes hinge { 3320 | 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 3321 | 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 3322 | 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 3323 | 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 3324 | 100% { -moz-transform: translateY(700px); opacity: 0; } 3325 | } 3326 | 3327 | @-o-keyframes hinge { 3328 | 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 3329 | 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 3330 | 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 3331 | 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 3332 | 100% { -o-transform: translateY(700px); opacity: 0; } 3333 | } 3334 | 3335 | @keyframes hinge { 3336 | 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 3337 | 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 3338 | 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 3339 | 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 3340 | 100% { transform: translateY(700px); opacity: 0; } 3341 | } 3342 | 3343 | .hinge { 3344 | -webkit-animation-name: hinge; 3345 | -moz-animation-name: hinge; 3346 | -o-animation-name: hinge; 3347 | animation-name: hinge; 3348 | } 3349 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 3350 | 3351 | @-webkit-keyframes rollIn { 3352 | 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 3353 | 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 3354 | } 3355 | 3356 | @-moz-keyframes rollIn { 3357 | 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 3358 | 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 3359 | } 3360 | 3361 | @-o-keyframes rollIn { 3362 | 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 3363 | 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 3364 | } 3365 | 3366 | @keyframes rollIn { 3367 | 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 3368 | 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 3369 | } 3370 | 3371 | .rollIn { 3372 | -webkit-animation-name: rollIn; 3373 | -moz-animation-name: rollIn; 3374 | -o-animation-name: rollIn; 3375 | animation-name: rollIn; 3376 | } 3377 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 3378 | 3379 | @-webkit-keyframes rollOut { 3380 | 0% { 3381 | opacity: 1; 3382 | -webkit-transform: translateX(0px) rotate(0deg); 3383 | } 3384 | 3385 | 100% { 3386 | opacity: 0; 3387 | -webkit-transform: translateX(100%) rotate(120deg); 3388 | } 3389 | } 3390 | 3391 | @-moz-keyframes rollOut { 3392 | 0% { 3393 | opacity: 1; 3394 | -moz-transform: translateX(0px) rotate(0deg); 3395 | } 3396 | 3397 | 100% { 3398 | opacity: 0; 3399 | -moz-transform: translateX(100%) rotate(120deg); 3400 | } 3401 | } 3402 | 3403 | @-o-keyframes rollOut { 3404 | 0% { 3405 | opacity: 1; 3406 | -o-transform: translateX(0px) rotate(0deg); 3407 | } 3408 | 3409 | 100% { 3410 | opacity: 0; 3411 | -o-transform: translateX(100%) rotate(120deg); 3412 | } 3413 | } 3414 | 3415 | @keyframes rollOut { 3416 | 0% { 3417 | opacity: 1; 3418 | transform: translateX(0px) rotate(0deg); 3419 | } 3420 | 3421 | 100% { 3422 | opacity: 0; 3423 | transform: translateX(100%) rotate(120deg); 3424 | } 3425 | } 3426 | 3427 | .rollOut { 3428 | -webkit-animation-name: rollOut; 3429 | -moz-animation-name: rollOut; 3430 | -o-animation-name: rollOut; 3431 | animation-name: rollOut; 3432 | } 3433 | -------------------------------------------------------------------------------- /_sass/monokai.scss: -------------------------------------------------------------------------------- 1 | pre.highlight, 2 | .highlight pre { background-color: #272822; } 3 | .highlight .hll { background-color: #272822; } 4 | .highlight .c { color: #75715e } /* Comment */ 5 | .highlight .err { color: #960050; background-color: #1e0010 } /* Error */ 6 | .highlight .k { color: #66d9ef } /* Keyword */ 7 | .highlight .l { color: #ae81ff } /* Literal */ 8 | .highlight .n { color: #f8f8f2 } /* Name */ 9 | .highlight .o { color: #f92672 } /* Operator */ 10 | .highlight .p { color: #f8f8f2 } /* Punctuation */ 11 | .highlight .cm { color: #75715e } /* Comment.Multiline */ 12 | .highlight .cp { color: #75715e } /* Comment.Preproc */ 13 | .highlight .c1 { color: #75715e } /* Comment.Single */ 14 | .highlight .cs { color: #75715e } /* Comment.Special */ 15 | .highlight .ge { font-style: italic } /* Generic.Emph */ 16 | .highlight .gs { font-weight: bold } /* Generic.Strong */ 17 | .highlight .kc { color: #66d9ef } /* Keyword.Constant */ 18 | .highlight .kd { color: #66d9ef } /* Keyword.Declaration */ 19 | .highlight .kn { color: #f92672 } /* Keyword.Namespace */ 20 | .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ 21 | .highlight .kr { color: #66d9ef } /* Keyword.Reserved */ 22 | .highlight .kt { color: #66d9ef } /* Keyword.Type */ 23 | .highlight .ld { color: #e6db74 } /* Literal.Date */ 24 | .highlight .m { color: #ae81ff } /* Literal.Number */ 25 | .highlight .s { color: #e6db74 } /* Literal.String */ 26 | .highlight .na { color: #a6e22e } /* Name.Attribute */ 27 | .highlight .nb { color: #f8f8f2 } /* Name.Builtin */ 28 | .highlight .nc { color: #a6e22e } /* Name.Class */ 29 | .highlight .no { color: #66d9ef } /* Name.Constant */ 30 | .highlight .nd { color: #a6e22e } /* Name.Decorator */ 31 | .highlight .ni { color: #f8f8f2 } /* Name.Entity */ 32 | .highlight .ne { color: #a6e22e } /* Name.Exception */ 33 | .highlight .nf { color: #a6e22e } /* Name.Function */ 34 | .highlight .nl { color: #f8f8f2 } /* Name.Label */ 35 | .highlight .nn { color: #f8f8f2 } /* Name.Namespace */ 36 | .highlight .nx { color: #a6e22e } /* Name.Other */ 37 | .highlight .py { color: #f8f8f2 } /* Name.Property */ 38 | .highlight .nt { color: #f92672 } /* Name.Tag */ 39 | .highlight .nv { color: #f8f8f2 } /* Name.Variable */ 40 | .highlight .ow { color: #f92672 } /* Operator.Word */ 41 | .highlight .w { color: #f8f8f2 } /* Text.Whitespace */ 42 | .highlight .mf { color: #ae81ff } /* Literal.Number.Float */ 43 | .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ 44 | .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ 45 | .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ 46 | .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ 47 | .highlight .sc { color: #e6db74 } /* Literal.String.Char */ 48 | .highlight .sd { color: #e6db74 } /* Literal.String.Doc */ 49 | .highlight .s2 { color: #e6db74 } /* Literal.String.Double */ 50 | .highlight .se { color: #ae81ff } /* Literal.String.Escape */ 51 | .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ 52 | .highlight .si { color: #e6db74 } /* Literal.String.Interpol */ 53 | .highlight .sx { color: #e6db74 } /* Literal.String.Other */ 54 | .highlight .sr { color: #e6db74 } /* Literal.String.Regex */ 55 | .highlight .s1 { color: #e6db74 } /* Literal.String.Single */ 56 | .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ 57 | .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ 58 | .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ 59 | .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ 60 | .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ 61 | .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ 62 | 63 | .highlight .gh { } /* Generic Heading & Diff Header */ 64 | .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ 65 | .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ 66 | .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ -------------------------------------------------------------------------------- /_sass/tables.scss: -------------------------------------------------------------------------------- 1 | table { 2 | margin-bottom: 1.3em; 3 | thead { 4 | font-weight: bold; 5 | 6 | th { 7 | text-align: left; 8 | border-bottom: 4px solid #888; 9 | font-weight: bold; 10 | padding: 12px; 11 | vertical-align: middle; 12 | } 13 | } 14 | 15 | tr { 16 | &:nth-child(even) td { 17 | background: #eee; 18 | } 19 | 20 | td { 21 | padding: 12px; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /_sass/uno.scss: -------------------------------------------------------------------------------- 1 | @import 'https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto+Slab:300,400)'; 2 | /* http://meyerweb.com/eric/tools/css/reset/ 3 | v2.0 | 20110126 4 | License: none (public domain) 5 | */ 6 | @import "animate"; 7 | 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 { 8 | margin: 0; 9 | padding: 0; 10 | border: 0; 11 | font-size: 100%; 12 | font: inherit; 13 | vertical-align: baseline; } 14 | 15 | /* HTML5 display-role reset for older browsers */ 16 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 17 | display: block; } 18 | 19 | body { 20 | line-height: 1; } 21 | 22 | ol, ul { 23 | list-style: none; } 24 | 25 | blockquote, q { 26 | quotes: none; } 27 | 28 | blockquote:before, blockquote:after { 29 | content: ''; 30 | content: none; } 31 | 32 | q:before, q:after { 33 | content: ''; 34 | content: none; } 35 | 36 | table { 37 | border-collapse: collapse; 38 | border-spacing: 0; } 39 | 40 | body { 41 | width: 100%; 42 | *zoom: 1; } 43 | body:before, body:after { 44 | content: ""; 45 | display: table; } 46 | body:after { 47 | clear: both; } 48 | 49 | /* 50 | * Foundation Icons v 3.0 51 | * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3 52 | * MIT License 53 | */ 54 | @font-face { 55 | font-family: "foundation-icons"; 56 | src: url("../fonts/foundation-icons/foundation-icons.eot"); 57 | 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"); 58 | font-weight: normal; 59 | font-style: normal; } 60 | .icon:before { 61 | font-family: "foundation-icons"; 62 | font-style: normal; 63 | font-weight: normal; 64 | font-variant: normal; 65 | text-transform: none; 66 | line-height: 1; 67 | -webkit-font-smoothing: antialiased; 68 | display: inline-block; 69 | text-decoration: inherit; } 70 | 71 | .icon-address-book:before { 72 | content: "\f100"; } 73 | 74 | .icon-alert:before { 75 | content: "\f101"; } 76 | 77 | .icon-align-center:before { 78 | content: "\f102"; } 79 | 80 | .icon-align-justify:before { 81 | content: "\f103"; } 82 | 83 | .icon-align-left:before { 84 | content: "\f104"; } 85 | 86 | .icon-align-right:before { 87 | content: "\f105"; } 88 | 89 | .icon-anchor:before { 90 | content: "\f106"; } 91 | 92 | .icon-annotate:before { 93 | content: "\f107"; } 94 | 95 | .icon-archive:before { 96 | content: "\f108"; } 97 | 98 | .icon-arrow-down:before { 99 | content: "\f109"; } 100 | 101 | .icon-arrow-left:before { 102 | content: "\f10a"; } 103 | 104 | .icon-arrow-right:before { 105 | content: "\f10b"; } 106 | 107 | .icon-arrow-up:before { 108 | content: "\f10c"; } 109 | 110 | .icon-arrows-compress:before { 111 | content: "\f10d"; } 112 | 113 | .icon-arrows-expand:before { 114 | content: "\f10e"; } 115 | 116 | .icon-arrows-in:before { 117 | content: "\f10f"; } 118 | 119 | .icon-arrows-out:before { 120 | content: "\f110"; } 121 | 122 | .icon-asl:before { 123 | content: "\f111"; } 124 | 125 | .icon-asterisk:before { 126 | content: "\f112"; } 127 | 128 | .icon-at-sign:before { 129 | content: "\f113"; } 130 | 131 | .icon-background-color:before { 132 | content: "\f114"; } 133 | 134 | .icon-battery-empty:before { 135 | content: "\f115"; } 136 | 137 | .icon-battery-full:before { 138 | content: "\f116"; } 139 | 140 | .icon-battery-half:before { 141 | content: "\f117"; } 142 | 143 | .icon-bitcoin-circle:before { 144 | content: "\f118"; } 145 | 146 | .icon-bitcoin:before { 147 | content: "\f119"; } 148 | 149 | .icon-blind:before { 150 | content: "\f11a"; } 151 | 152 | .icon-bluetooth:before { 153 | content: "\f11b"; } 154 | 155 | .icon-bold:before { 156 | content: "\f11c"; } 157 | 158 | .icon-book-bookmark:before { 159 | content: "\f11d"; } 160 | 161 | .icon-book:before { 162 | content: "\f11e"; } 163 | 164 | .icon-bookmark:before { 165 | content: "\f11f"; } 166 | 167 | .icon-braille:before { 168 | content: "\f120"; } 169 | 170 | .icon-burst-new:before { 171 | content: "\f121"; } 172 | 173 | .icon-burst-sale:before { 174 | content: "\f122"; } 175 | 176 | .icon-burst:before { 177 | content: "\f123"; } 178 | 179 | .icon-calendar:before { 180 | content: "\f124"; } 181 | 182 | .icon-camera:before { 183 | content: "\f125"; } 184 | 185 | .icon-check:before { 186 | content: "\f126"; } 187 | 188 | .icon-checkbox:before { 189 | content: "\f127"; } 190 | 191 | .icon-clipboard-notes:before { 192 | content: "\f128"; } 193 | 194 | .icon-clipboard-pencil:before { 195 | content: "\f129"; } 196 | 197 | .icon-clipboard:before { 198 | content: "\f12a"; } 199 | 200 | .icon-clock:before { 201 | content: "\f12b"; } 202 | 203 | .icon-closed-caption:before { 204 | content: "\f12c"; } 205 | 206 | .icon-cloud:before { 207 | content: "\f12d"; } 208 | 209 | .icon-comment-minus:before { 210 | content: "\f12e"; } 211 | 212 | .icon-comment-quotes:before { 213 | content: "\f12f"; } 214 | 215 | .icon-comment-video:before { 216 | content: "\f130"; } 217 | 218 | .icon-comment:before { 219 | content: "\f131"; } 220 | 221 | .icon-comments:before { 222 | content: "\f132"; } 223 | 224 | .icon-compass:before { 225 | content: "\f133"; } 226 | 227 | .icon-contrast:before { 228 | content: "\f134"; } 229 | 230 | .icon-credit-card:before { 231 | content: "\f135"; } 232 | 233 | .icon-crop:before { 234 | content: "\f136"; } 235 | 236 | .icon-crown:before { 237 | content: "\f137"; } 238 | 239 | .icon-css3:before { 240 | content: "\f138"; } 241 | 242 | .icon-database:before { 243 | content: "\f139"; } 244 | 245 | .icon-die-five:before { 246 | content: "\f13a"; } 247 | 248 | .icon-die-four:before { 249 | content: "\f13b"; } 250 | 251 | .icon-die-one:before { 252 | content: "\f13c"; } 253 | 254 | .icon-die-six:before { 255 | content: "\f13d"; } 256 | 257 | .icon-die-three:before { 258 | content: "\f13e"; } 259 | 260 | .icon-die-two:before { 261 | content: "\f13f"; } 262 | 263 | .icon-dislike:before { 264 | content: "\f140"; } 265 | 266 | .icon-dollar-bill:before { 267 | content: "\f141"; } 268 | 269 | .icon-dollar:before { 270 | content: "\f142"; } 271 | 272 | .icon-download:before { 273 | content: "\f143"; } 274 | 275 | .icon-eject:before { 276 | content: "\f144"; } 277 | 278 | .icon-elevator:before { 279 | content: "\f145"; } 280 | 281 | .icon-euro:before { 282 | content: "\f146"; } 283 | 284 | .icon-eye:before { 285 | content: "\f147"; } 286 | 287 | .icon-fast-forward:before { 288 | content: "\f148"; } 289 | 290 | .icon-female-symbol:before { 291 | content: "\f149"; } 292 | 293 | .icon-female:before { 294 | content: "\f14a"; } 295 | 296 | .icon-filter:before { 297 | content: "\f14b"; } 298 | 299 | .icon-first-aid:before { 300 | content: "\f14c"; } 301 | 302 | .icon-flag:before { 303 | content: "\f14d"; } 304 | 305 | .icon-folder-add:before { 306 | content: "\f14e"; } 307 | 308 | .icon-folder-lock:before { 309 | content: "\f14f"; } 310 | 311 | .icon-folder:before { 312 | content: "\f150"; } 313 | 314 | .icon-foot:before { 315 | content: "\f151"; } 316 | 317 | .icon-foundation:before { 318 | content: "\f152"; } 319 | 320 | .icon-graph-bar:before { 321 | content: "\f153"; } 322 | 323 | .icon-graph-horizontal:before { 324 | content: "\f154"; } 325 | 326 | .icon-graph-pie:before { 327 | content: "\f155"; } 328 | 329 | .icon-graph-trend:before { 330 | content: "\f156"; } 331 | 332 | .icon-guide-dog:before { 333 | content: "\f157"; } 334 | 335 | .icon-hearing-aid:before { 336 | content: "\f158"; } 337 | 338 | .icon-heart:before { 339 | content: "\f159"; } 340 | 341 | .icon-home:before { 342 | content: "\f15a"; } 343 | 344 | .icon-html5:before { 345 | content: "\f15b"; } 346 | 347 | .icon-indent-less:before { 348 | content: "\f15c"; } 349 | 350 | .icon-indent-more:before { 351 | content: "\f15d"; } 352 | 353 | .icon-info:before { 354 | content: "\f15e"; } 355 | 356 | .icon-italic:before { 357 | content: "\f15f"; } 358 | 359 | .icon-key:before { 360 | content: "\f160"; } 361 | 362 | .icon-laptop:before { 363 | content: "\f161"; } 364 | 365 | .icon-layout:before { 366 | content: "\f162"; } 367 | 368 | .icon-lightbulb:before { 369 | content: "\f163"; } 370 | 371 | .icon-like:before { 372 | content: "\f164"; } 373 | 374 | .icon-link:before { 375 | content: "\f165"; } 376 | 377 | .icon-list-bullet:before { 378 | content: "\f166"; } 379 | 380 | .icon-list-number:before { 381 | content: "\f167"; } 382 | 383 | .icon-list-thumbnails:before { 384 | content: "\f168"; } 385 | 386 | .icon-list:before { 387 | content: "\f169"; } 388 | 389 | .icon-lock:before { 390 | content: "\f16a"; } 391 | 392 | .icon-loop:before { 393 | content: "\f16b"; } 394 | 395 | .icon-magnifying-glass:before { 396 | content: "\f16c"; } 397 | 398 | .icon-mail:before { 399 | content: "\f16d"; } 400 | 401 | .icon-male-female:before { 402 | content: "\f16e"; } 403 | 404 | .icon-male-symbol:before { 405 | content: "\f16f"; } 406 | 407 | .icon-male:before { 408 | content: "\f170"; } 409 | 410 | .icon-map:before { 411 | content: "\f171"; } 412 | 413 | .icon-marker:before { 414 | content: "\f172"; } 415 | 416 | .icon-megaphone:before { 417 | content: "\f173"; } 418 | 419 | .icon-microphone:before { 420 | content: "\f174"; } 421 | 422 | .icon-minus-circle:before { 423 | content: "\f175"; } 424 | 425 | .icon-minus:before { 426 | content: "\f176"; } 427 | 428 | .icon-mobile-signal:before { 429 | content: "\f177"; } 430 | 431 | .icon-mobile:before { 432 | content: "\f178"; } 433 | 434 | .icon-monitor:before { 435 | content: "\f179"; } 436 | 437 | .icon-mountains:before { 438 | content: "\f17a"; } 439 | 440 | .icon-music:before { 441 | content: "\f17b"; } 442 | 443 | .icon-next:before { 444 | content: "\f17c"; } 445 | 446 | .icon-no-dogs:before { 447 | content: "\f17d"; } 448 | 449 | .icon-no-smoking:before { 450 | content: "\f17e"; } 451 | 452 | .icon-page-add:before { 453 | content: "\f17f"; } 454 | 455 | .icon-page-copy:before { 456 | content: "\f180"; } 457 | 458 | .icon-page-csv:before { 459 | content: "\f181"; } 460 | 461 | .icon-page-delete:before { 462 | content: "\f182"; } 463 | 464 | .icon-page-doc:before { 465 | content: "\f183"; } 466 | 467 | .icon-page-edit:before { 468 | content: "\f184"; } 469 | 470 | .icon-page-export-csv:before { 471 | content: "\f185"; } 472 | 473 | .icon-page-export-doc:before { 474 | content: "\f186"; } 475 | 476 | .icon-page-export-pdf:before { 477 | content: "\f187"; } 478 | 479 | .icon-page-export:before { 480 | content: "\f188"; } 481 | 482 | .icon-page-filled:before { 483 | content: "\f189"; } 484 | 485 | .icon-page-multiple:before { 486 | content: "\f18a"; } 487 | 488 | .icon-page-pdf:before { 489 | content: "\f18b"; } 490 | 491 | .icon-page-remove:before { 492 | content: "\f18c"; } 493 | 494 | .icon-page-search:before { 495 | content: "\f18d"; } 496 | 497 | .icon-page:before { 498 | content: "\f18e"; } 499 | 500 | .icon-paint-bucket:before { 501 | content: "\f18f"; } 502 | 503 | .icon-paperclip:before { 504 | content: "\f190"; } 505 | 506 | .icon-pause:before { 507 | content: "\f191"; } 508 | 509 | .icon-paw:before { 510 | content: "\f192"; } 511 | 512 | .icon-paypal:before { 513 | content: "\f193"; } 514 | 515 | .icon-pencil:before { 516 | content: "\f194"; } 517 | 518 | .icon-photo:before { 519 | content: "\f195"; } 520 | 521 | .icon-play-circle:before { 522 | content: "\f196"; } 523 | 524 | .icon-play-video:before { 525 | content: "\f197"; } 526 | 527 | .icon-play:before { 528 | content: "\f198"; } 529 | 530 | .icon-plus:before { 531 | content: "\f199"; } 532 | 533 | .icon-pound:before { 534 | content: "\f19a"; } 535 | 536 | .icon-power:before { 537 | content: "\f19b"; } 538 | 539 | .icon-previous:before { 540 | content: "\f19c"; } 541 | 542 | .icon-price-tag:before { 543 | content: "\f19d"; } 544 | 545 | .icon-pricetag-multiple:before { 546 | content: "\f19e"; } 547 | 548 | .icon-print:before { 549 | content: "\f19f"; } 550 | 551 | .icon-prohibited:before { 552 | content: "\f1a0"; } 553 | 554 | .icon-projection-screen:before { 555 | content: "\f1a1"; } 556 | 557 | .icon-puzzle:before { 558 | content: "\f1a2"; } 559 | 560 | .icon-quote:before { 561 | content: "\f1a3"; } 562 | 563 | .icon-record:before { 564 | content: "\f1a4"; } 565 | 566 | .icon-refresh:before { 567 | content: "\f1a5"; } 568 | 569 | .icon-results-demographics:before { 570 | content: "\f1a6"; } 571 | 572 | .icon-results:before { 573 | content: "\f1a7"; } 574 | 575 | .icon-rewind-ten:before { 576 | content: "\f1a8"; } 577 | 578 | .icon-rewind:before { 579 | content: "\f1a9"; } 580 | 581 | .icon-rss:before { 582 | content: "\f1aa"; } 583 | 584 | .icon-safety-cone:before { 585 | content: "\f1ab"; } 586 | 587 | .icon-save:before { 588 | content: "\f1ac"; } 589 | 590 | .icon-share:before { 591 | content: "\f1ad"; } 592 | 593 | .icon-sheriff-badge:before { 594 | content: "\f1ae"; } 595 | 596 | .icon-shield:before { 597 | content: "\f1af"; } 598 | 599 | .icon-shopping-bag:before { 600 | content: "\f1b0"; } 601 | 602 | .icon-shopping-cart:before { 603 | content: "\f1b1"; } 604 | 605 | .icon-shuffle:before { 606 | content: "\f1b2"; } 607 | 608 | .icon-skull:before { 609 | content: "\f1b3"; } 610 | 611 | .icon-social-500px:before { 612 | content: "\f1b4"; } 613 | 614 | .icon-social-adobe:before { 615 | content: "\f1b5"; } 616 | 617 | .icon-social-amazon:before { 618 | content: "\f1b6"; } 619 | 620 | .icon-social-android:before { 621 | content: "\f1b7"; } 622 | 623 | .icon-social-apple:before { 624 | content: "\f1b8"; } 625 | 626 | .icon-social-behance:before { 627 | content: "\f1b9"; } 628 | 629 | .icon-social-bing:before { 630 | content: "\f1ba"; } 631 | 632 | .icon-social-blogger:before { 633 | content: "\f1bb"; } 634 | 635 | .icon-social-delicious:before { 636 | content: "\f1bc"; } 637 | 638 | .icon-social-designer-news:before { 639 | content: "\f1bd"; } 640 | 641 | .icon-social-deviant-art:before { 642 | content: "\f1be"; } 643 | 644 | .icon-social-digg:before { 645 | content: "\f1bf"; } 646 | 647 | .icon-social-dribbble:before { 648 | content: "\f1c0"; } 649 | 650 | .icon-social-drive:before { 651 | content: "\f1c1"; } 652 | 653 | .icon-social-dropbox:before { 654 | content: "\f1c2"; } 655 | 656 | .icon-social-evernote:before { 657 | content: "\f1c3"; } 658 | 659 | .icon-social-facebook:before { 660 | content: "\f1c4"; } 661 | 662 | .icon-social-flickr:before { 663 | content: "\f1c5"; } 664 | 665 | .icon-social-forrst:before { 666 | content: "\f1c6"; } 667 | 668 | .icon-social-foursquare:before { 669 | content: "\f1c7"; } 670 | 671 | .icon-social-game-center:before { 672 | content: "\f1c8"; } 673 | 674 | .icon-social-github:before { 675 | content: "\f1c9"; } 676 | 677 | .icon-social-google-plus:before { 678 | content: "\f1ca"; } 679 | 680 | .icon-social-hacker-news:before { 681 | content: "\f1cb"; } 682 | 683 | .icon-social-hi5:before { 684 | content: "\f1cc"; } 685 | 686 | .icon-social-instagram:before { 687 | content: "\f1cd"; } 688 | 689 | .icon-social-joomla:before { 690 | content: "\f1ce"; } 691 | 692 | .icon-social-lastfm:before { 693 | content: "\f1cf"; } 694 | 695 | .icon-social-linkedin:before { 696 | content: "\f1d0"; } 697 | 698 | .icon-social-medium:before { 699 | content: "\f1d1"; } 700 | 701 | .icon-social-myspace:before { 702 | content: "\f1d2"; } 703 | 704 | .icon-social-orkut:before { 705 | content: "\f1d3"; } 706 | 707 | .icon-social-path:before { 708 | content: "\f1d4"; } 709 | 710 | .icon-social-picasa:before { 711 | content: "\f1d5"; } 712 | 713 | .icon-social-pinterest:before { 714 | content: "\f1d6"; } 715 | 716 | .icon-social-rdio:before { 717 | content: "\f1d7"; } 718 | 719 | .icon-social-reddit:before { 720 | content: "\f1d8"; } 721 | 722 | .icon-social-skillshare:before { 723 | content: "\f1d9"; } 724 | 725 | .icon-social-skype:before { 726 | content: "\f1da"; } 727 | 728 | .icon-social-smashing-mag:before { 729 | content: "\f1db"; } 730 | 731 | .icon-social-snapchat:before { 732 | content: "\f1dc"; } 733 | 734 | .icon-social-spotify:before { 735 | content: "\f1dd"; } 736 | 737 | .icon-social-squidoo:before { 738 | content: "\f1de"; } 739 | 740 | .icon-social-stack-overflow:before { 741 | content: "\f1df"; } 742 | 743 | .icon-social-steam:before { 744 | content: "\f1e0"; } 745 | 746 | .icon-social-stumbleupon:before { 747 | content: "\f1e1"; } 748 | 749 | .icon-social-treehouse:before { 750 | content: "\f1e2"; } 751 | 752 | .icon-social-tumblr:before { 753 | content: "\f1e3"; } 754 | 755 | .icon-social-twitter:before { 756 | content: "\f1e4"; } 757 | 758 | .icon-social-vimeo:before { 759 | content: "\f1e5"; } 760 | 761 | .icon-social-windows:before { 762 | content: "\f1e6"; } 763 | 764 | .icon-social-xbox:before { 765 | content: "\f1e7"; } 766 | 767 | .icon-social-yahoo:before { 768 | content: "\f1e8"; } 769 | 770 | .icon-social-yelp:before { 771 | content: "\f1e9"; } 772 | 773 | .icon-social-youtube:before { 774 | content: "\f1ea"; } 775 | 776 | .icon-social-zerply:before { 777 | content: "\f1eb"; } 778 | 779 | .icon-social-zurb:before { 780 | content: "\f1ec"; } 781 | 782 | .icon-sound:before { 783 | content: "\f1ed"; } 784 | 785 | .icon-star:before { 786 | content: "\f1ee"; } 787 | 788 | .icon-stop:before { 789 | content: "\f1ef"; } 790 | 791 | .icon-strikethrough:before { 792 | content: "\f1f0"; } 793 | 794 | .icon-subscript:before { 795 | content: "\f1f1"; } 796 | 797 | .icon-superscript:before { 798 | content: "\f1f2"; } 799 | 800 | .icon-tablet-landscape:before { 801 | content: "\f1f3"; } 802 | 803 | .icon-tablet-portrait:before { 804 | content: "\f1f4"; } 805 | 806 | .icon-target-two:before { 807 | content: "\f1f5"; } 808 | 809 | .icon-target:before { 810 | content: "\f1f6"; } 811 | 812 | .icon-telephone-accessible:before { 813 | content: "\f1f7"; } 814 | 815 | .icon-telephone:before { 816 | content: "\f1f8"; } 817 | 818 | .icon-text-color:before { 819 | content: "\f1f9"; } 820 | 821 | .icon-thumbnails:before { 822 | content: "\f1fa"; } 823 | 824 | .icon-ticket:before { 825 | content: "\f1fb"; } 826 | 827 | .icon-torso-business:before { 828 | content: "\f1fc"; } 829 | 830 | .icon-torso-female:before { 831 | content: "\f1fd"; } 832 | 833 | .icon-torso:before { 834 | content: "\f1fe"; } 835 | 836 | .icon-torsos-all-female:before { 837 | content: "\f1ff"; } 838 | 839 | .icon-torsos-all:before { 840 | content: "\f200"; } 841 | 842 | .icon-torsos-female-male:before { 843 | content: "\f201"; } 844 | 845 | .icon-torsos-male-female:before { 846 | content: "\f202"; } 847 | 848 | .icon-torsos:before { 849 | content: "\f203"; } 850 | 851 | .icon-trash:before { 852 | content: "\f204"; } 853 | 854 | .icon-trees:before { 855 | content: "\f205"; } 856 | 857 | .icon-trophy:before { 858 | content: "\f206"; } 859 | 860 | .icon-underline:before { 861 | content: "\f207"; } 862 | 863 | .icon-universal-access:before { 864 | content: "\f208"; } 865 | 866 | .icon-unlink:before { 867 | content: "\f209"; } 868 | 869 | .icon-unlock:before { 870 | content: "\f20a"; } 871 | 872 | .icon-upload-cloud:before { 873 | content: "\f20b"; } 874 | 875 | .icon-upload:before { 876 | content: "\f20c"; } 877 | 878 | .icon-usb:before { 879 | content: "\f20d"; } 880 | 881 | .icon-video:before { 882 | content: "\f20e"; } 883 | 884 | .icon-volume-none:before { 885 | content: "\f20f"; } 886 | 887 | .icon-volume-strike:before { 888 | content: "\f210"; } 889 | 890 | .icon-volume:before { 891 | content: "\f211"; } 892 | 893 | .icon-web:before { 894 | content: "\f212"; } 895 | 896 | .icon-wheelchair:before { 897 | content: "\f213"; } 898 | 899 | .icon-widget:before { 900 | content: "\f214"; } 901 | 902 | .icon-wrench:before { 903 | content: "\f215"; } 904 | 905 | .icon-x-circle:before { 906 | content: "\f216"; } 907 | 908 | .icon-x:before { 909 | content: "\f217"; } 910 | 911 | .icon-yen:before { 912 | content: "\f218"; } 913 | 914 | .icon-zoom-in:before { 915 | content: "\f219"; } 916 | 917 | .icon-zoom-out:before { 918 | content: "\f21a"; } 919 | 920 | html, body { 921 | height: 100%; } 922 | 923 | html { 924 | height: 100%; 925 | max-height: 100%; } 926 | 927 | body { 928 | font-family: "Raleway", sans-serif; 929 | font-size: 1em; 930 | color: #666666; } 931 | 932 | ::selection { 933 | background: #fae3df; } 934 | 935 | ::-moz-selection { 936 | background: #fae3df; } 937 | 938 | a { 939 | text-decoration: none; 940 | color: #e25440; } 941 | a:hover { 942 | color: #b9301c; 943 | -o-transition: .5s; 944 | -ms-transition: .5s; 945 | -moz-transition: .5s; 946 | -webkit-transition: .5s; } 947 | 948 | h1, 949 | h2, 950 | h3, 951 | h4, 952 | h5, 953 | h5 { 954 | margin-top: .8em; 955 | margin-bottom: .4em; 956 | font-family: "Roboto Slab", serif; 957 | font-weight: lighter; 958 | color: #333333; 959 | -webkit-font-smoothing: antialiased; } 960 | 961 | h1 { 962 | margin-top: 0; 963 | font-size: 3.2em; 964 | line-height: 1.2em; 965 | letter-spacing: .05em; } 966 | 967 | h2 { 968 | font-size: 2.2em; } 969 | 970 | h3 { 971 | font-size: 1.8em; } 972 | 973 | h4 { 974 | font-size: 1.4em; } 975 | 976 | h4 { 977 | font-size: 1.2em; } 978 | 979 | h5 { 980 | font-size: 1em; } 981 | 982 | p { 983 | margin-bottom: 1.3em; 984 | line-height: 1.7em; } 985 | 986 | strong { 987 | font-weight: bold; } 988 | 989 | em { 990 | font-style: italic; } 991 | 992 | blockquote { 993 | margin: 1em 0; 994 | padding: 2em 0; 995 | background: #f8f8f8; 996 | border: 1px solid #eeeeee; 997 | border-radius: 3px; 998 | font-family: "Roboto Slab", serif; 999 | font-weight: lighter; 1000 | font-style: italic; 1001 | font-size: 1.3em; 1002 | text-align: center; } 1003 | blockquote p:last-child { 1004 | margin-bottom: 0; } 1005 | 1006 | ol, ul { 1007 | margin: 0 0 1.3em 2.5em; } 1008 | ol li, ul li { 1009 | margin: 0 0 .2em 0; 1010 | line-height: 1.6em; } 1011 | ol ol, ol ul, ul ol, ul ul { 1012 | margin: .1em 0 .2em 2em; } 1013 | 1014 | ol { 1015 | list-style-type: decimal; } 1016 | 1017 | ul { 1018 | list-style-type: disc; } 1019 | 1020 | code { 1021 | padding: .1em .4em; 1022 | background: #e8f2fb; 1023 | border: 1px solid #c9e1f6; 1024 | border-radius: 3px; 1025 | font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; 1026 | font-size: .85em; } 1027 | 1028 | pre { 1029 | margin-bottom: 1.3em; 1030 | /* padding: 1em 2.5%; 1031 | background: #e8f2fb; 1032 | border: 1px solid #c9e1f6; */ 1033 | border-radius: 3px; 1034 | font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; 1035 | font-size: .9em; 1036 | font-weight: normal; 1037 | line-height: 1.3em; } 1038 | pre code { 1039 | padding: 0; 1040 | background: none; 1041 | border: none; } 1042 | 1043 | .date, 1044 | .time, 1045 | .author, 1046 | .tags { 1047 | font-size: .8em; 1048 | color: #c7c7c7; } 1049 | .date a, 1050 | .time a, 1051 | .author a, 1052 | .tags a { 1053 | color: #666666; } 1054 | .date a:hover, 1055 | .time a:hover, 1056 | .author a:hover, 1057 | .tags a:hover { 1058 | color: #b9301c; } 1059 | 1060 | .excerpt { 1061 | margin: 0; 1062 | font-size: .9em; 1063 | color: #999999; } 1064 | 1065 | .intro { 1066 | font-family: "Roboto Slab", serif; 1067 | font-size: 1.2em; 1068 | font-weight: lighter; 1069 | color: #999999; } 1070 | 1071 | .block-heading { 1072 | display: inline; 1073 | float: left; 1074 | width: 940px; 1075 | margin: 0 10px; 1076 | position: relative; 1077 | bottom: -15px; 1078 | font-size: .8em; 1079 | font-weight: bold; 1080 | text-align: center; 1081 | text-transform: uppercase; 1082 | letter-spacing: 1px; } 1083 | 1084 | .label { 1085 | position: relative; 1086 | display: inline-block; 1087 | padding: 8px 18px 9px 18px; 1088 | background: #e25440; 1089 | border-radius: 3px; 1090 | text-align: center; 1091 | color: #FFF; } 1092 | 1093 | .container { 1094 | position: relative; 1095 | z-index: 500; 1096 | width: 940px; 1097 | margin: 0 auto; } 1098 | 1099 | .content-wrapper { 1100 | z-index: 800; 1101 | width: 60%; 1102 | max-width: 800px; 1103 | margin-left: 40%; } 1104 | 1105 | .content-wrapper__inner { 1106 | margin: 0 10%; 1107 | padding: 50px 0; } 1108 | 1109 | .footer { 1110 | display: block; 1111 | padding: 2em 0 0 0; 1112 | border-top: 2px solid #dddddd; 1113 | font-size: .7em; 1114 | color: #b3b3b3; } 1115 | 1116 | .footer__copyright { 1117 | display: block; 1118 | margin-bottom: .7em; } 1119 | .footer__copyright a { 1120 | color: #a6a6a6; 1121 | text-decoration: underline; } 1122 | .footer__copyright a:hover { 1123 | color: #b9301c; } 1124 | 1125 | .avatar, 1126 | .logo { 1127 | border-radius: 50%; 1128 | border: 3px solid #FFF; 1129 | box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); } 1130 | 1131 | hr { 1132 | border: none; } 1133 | 1134 | .section-title__divider { 1135 | width: 30%; 1136 | margin: 2.2em 0 2.1em 0; 1137 | border-top: 1px solid #dddddd; } 1138 | 1139 | .hidden { 1140 | display: none !important; } 1141 | 1142 | .post-comments { 1143 | border-top: 1px solid #dddddd; 1144 | padding: 60px 0; } 1145 | 1146 | .post-meta { 1147 | margin: 0 0 .4em 0; 1148 | color: #c7c7c7; } 1149 | 1150 | .post-meta__date { 1151 | margin-right: .5em; } 1152 | 1153 | .post-meta__tags { 1154 | margin-left: .4em; } 1155 | 1156 | .post-meta__author { 1157 | margin-left: 1.5em; } 1158 | 1159 | .post-meta__avatar { 1160 | display: inline-block; 1161 | width: 22px; 1162 | height: 22px; 1163 | margin: 0 .3em -.4em 0; 1164 | border: none; 1165 | box-shadow: none; } 1166 | 1167 | .post img { 1168 | max-width: 100%; 1169 | margin: 0 auto; 1170 | border-radius: 3px; 1171 | text-align: center; } 1172 | .post pre { 1173 | width: 95%; } 1174 | .post hr { 1175 | display: block; 1176 | width: 30%; 1177 | margin: 2em 0; 1178 | border-top: 1px solid #dddddd; } 1179 | 1180 | .error-code { 1181 | font-size: 6em; } 1182 | 1183 | .panel { 1184 | display: table; 1185 | width: 100%; 1186 | height: 100%; } 1187 | 1188 | .panel__vertical { 1189 | display: table-cell; 1190 | vertical-align: middle; } 1191 | 1192 | .panel-title { 1193 | margin: 0 0 5px 0; 1194 | font-size: 2.5em; 1195 | letter-spacing: 4px; 1196 | color: #FFF; } 1197 | 1198 | .panel-subtitle { 1199 | font-family: "Roboto Slab", serif; 1200 | font-size: 1.2em; 1201 | font-weight: lighter; 1202 | letter-spacing: 3px; 1203 | color: #cccccc; 1204 | -webkit-font-smoothing: antialiased; } 1205 | 1206 | .panel-cover { 1207 | display: block; 1208 | position: fixed; 1209 | z-index: 900; 1210 | width: 100%; 1211 | max-width: none; 1212 | height: 100%; 1213 | background: url(../images/background-cover.jpg) top left no-repeat #666666; 1214 | background-size: cover; } 1215 | 1216 | .panel-cover--collapsed { 1217 | width: 40%; 1218 | max-width: 530px; } 1219 | 1220 | .panel-cover--overlay { 1221 | display: block; 1222 | position: absolute; 1223 | z-index: 0; 1224 | top: 0; 1225 | right: 0; 1226 | bottom: 0; 1227 | left: 0; 1228 | background-color: rgba(68, 68, 68, 0.6); 1229 | background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); 1230 | background-image: linear-gradient(140deg,rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); } 1231 | 1232 | .panel-cover__logo { 1233 | margin-bottom: .2em; } 1234 | 1235 | .panel-cover__description { 1236 | margin: 0 30px; } 1237 | 1238 | .panel-cover__divider { 1239 | width: 50%; 1240 | margin: 20px auto; 1241 | border-top: 1px solid rgba(255, 255, 255, 0.14); } 1242 | 1243 | .panel-cover__divider--secondary { 1244 | width: 15%; } 1245 | 1246 | .panel-main { 1247 | display: table; 1248 | width: 100%; 1249 | height: 100%; } 1250 | 1251 | .no-js .panel-main { 1252 | width: 40%; 1253 | max-width: 530px; } 1254 | 1255 | .panel-main__inner { 1256 | display: table-cell; 1257 | vertical-align: middle; 1258 | position: relative; 1259 | z-index: 800; 1260 | padding: 0 60px; } 1261 | 1262 | .panel-main__content { 1263 | max-width: 620px; 1264 | margin: 0 auto; } 1265 | 1266 | .panel-main__content--fixed { 1267 | width: 480px; 1268 | transition: width 1s; 1269 | -webkit-transition: width 1s; 1270 | /* Safari */ } 1271 | 1272 | .panel-inverted { 1273 | font-weight: 100; 1274 | text-align: center; 1275 | color: #FFF; 1276 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } 1277 | .panel-inverted a { 1278 | color: #FFF; } 1279 | 1280 | .cover-navigation { 1281 | margin-top: 10px; } 1282 | 1283 | .cover-navigation--social { 1284 | margin-left: 30px; } 1285 | 1286 | .cover-green { 1287 | background-color: rgba(21, 111, 120, 0.6); 1288 | background-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); 1289 | background-image: linear-gradient(140deg,rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); } 1290 | 1291 | .cover-purple { 1292 | background-color: rgba(73, 50, 82, 0.6); 1293 | background-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); 1294 | background-image: linear-gradient(140deg,rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); } 1295 | 1296 | .cover-red { 1297 | background-color: rgba(119, 31, 18, 0.6); 1298 | background-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); 1299 | background-image: linear-gradient(140deg,rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); } 1300 | 1301 | .cover-slate { 1302 | background-color: rgba(61, 66, 96, 0.6); 1303 | background-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); 1304 | background-image: linear-gradient(140deg,rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); } 1305 | 1306 | .cover-disabled { 1307 | background: none; } 1308 | 1309 | .btn, .navigation__item a { 1310 | padding: 10px 20px; 1311 | border: 1px solid #e25440; 1312 | border-radius: 20px; 1313 | font-size: .9em; 1314 | font-weight: bold; 1315 | letter-spacing: 1px; 1316 | text-shadow: none; 1317 | color: #e25440; 1318 | -webkit-font-smoothing: antialiased; } 1319 | .btn:hover, .navigation__item a:hover { 1320 | color: #b9301c; 1321 | border-color: #b9301c; } 1322 | 1323 | .btn-secondary { 1324 | border-color: #5ba4e5; 1325 | color: #5ba4e5; } 1326 | .btn-secondary:hover { 1327 | color: #217fd2; 1328 | border-color: #217fd2; } 1329 | 1330 | .btn-tertiary { 1331 | border-color: #999999; 1332 | color: #999999; } 1333 | .btn-tertiary:hover { 1334 | color: #737373; 1335 | border-color: #737373; } 1336 | 1337 | .btn-large { 1338 | padding: 10px 24px; 1339 | font-size: 1.1em; } 1340 | 1341 | .btn-small { 1342 | padding: 8px 12px; 1343 | font-size: .7em; } 1344 | 1345 | .btn-mobile-menu { 1346 | display: none; 1347 | position: fixed; 1348 | z-index: 9999; 1349 | top: 0; 1350 | right: 0; 1351 | left: 0; 1352 | width: 100%; 1353 | height: 42px; 1354 | background: rgba(0, 0, 0, 0.40); 1355 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); 1356 | text-align: center; } 1357 | 1358 | .btn-mobile-menu__icon, 1359 | .btn-mobile-close__icon { 1360 | position: relative; 1361 | top: 3px; 1362 | font-size: 36px; 1363 | color: #FFF; } 1364 | 1365 | nav { 1366 | display: inline-block; 1367 | position: relative; } 1368 | 1369 | .navigation { 1370 | display: inline-block; 1371 | float: left; 1372 | position: relative; 1373 | margin: 0; 1374 | list-style-type: none; } 1375 | 1376 | .navigation__item { 1377 | display: inline-block; 1378 | margin: 0 2px 0 0; 1379 | line-height: 1em; } 1380 | .navigation__item a { 1381 | display: block; 1382 | position: relative; 1383 | border-color: #FFF; 1384 | color: #FFF; 1385 | opacity: .8; } 1386 | .navigation__item a:hover { 1387 | color: #FFF; 1388 | border-color: #FFF; 1389 | opacity: 1; } 1390 | 1391 | .navigation--social { 1392 | margin-left: 1.5em; } 1393 | .navigation--social a { 1394 | padding: 6px 8px 6px 9px; } 1395 | .navigation--social a .label { 1396 | display: none; } 1397 | .navigation--social a .icon { 1398 | display: block; 1399 | font-size: 1.7em; } 1400 | 1401 | .pagination { 1402 | display: block; 1403 | margin: 0 0 4em 0; } 1404 | 1405 | .pagination__page-number { 1406 | margin: 0; 1407 | font-size: .8em; 1408 | color: #999999; } 1409 | 1410 | .pagination__newer { 1411 | margin-right: 1em; } 1412 | 1413 | .pagination__older { 1414 | margin-left: 1em; } 1415 | 1416 | i { 1417 | font-family: 'entypo'; 1418 | font-weight: normal; 1419 | font-style: normal; 1420 | font-size: 18px; } 1421 | 1422 | .icon-social { 1423 | font-family: 'entypo-social'; 1424 | font-size: 22px; 1425 | display: block; 1426 | position: relative; } 1427 | 1428 | .post-list { 1429 | margin: 0; 1430 | padding: 0; 1431 | list-style-type: none; 1432 | text-align: left; } 1433 | .post-list li { 1434 | margin: 0 0 2.2em 0; } 1435 | .post-list li:last-child hr { 1436 | display: none; } 1437 | 1438 | .post-list__post-title { 1439 | margin-top: 0; 1440 | margin-bottom: .2em; 1441 | font-size: 1.5em; 1442 | line-height: 1.3em; } 1443 | .post-list__post-title a { 1444 | color: #333333; } 1445 | .post-list__post-title a:hover { 1446 | color: #b9301c; } 1447 | 1448 | .post-list__meta { 1449 | display: block; 1450 | margin: .7em 0 0 0; 1451 | font-size: .9em; 1452 | color: #c7c7c7; } 1453 | 1454 | .post-list__meta--date { 1455 | margin-right: .5em; 1456 | color: #c7c7c7; } 1457 | 1458 | .post-list__meta--tags { 1459 | margin-left: .5em; } 1460 | 1461 | .post-list__divider { 1462 | width: 30%; 1463 | margin: 2.2em 0 2.1em 0; 1464 | border-top: 1px solid #dddddd; } 1465 | 1466 | *:focus { 1467 | outline: none; } 1468 | 1469 | input[type="text"], 1470 | input[type="password"], 1471 | input[type="datetime"], 1472 | input[type="datetime-local"], 1473 | input[type="date"], 1474 | input[type="month"], 1475 | input[type="time"], 1476 | input[type="week"], 1477 | input[type="number"], 1478 | input[type="email"], 1479 | input[type="url"], 1480 | input[type="search"], 1481 | input[type="tel"] { 1482 | width: 240px; 1483 | padding: 1em 1em; 1484 | background: #FFF; 1485 | border: 1px solid #dddddd; 1486 | border-radius: 3px; 1487 | font-size: .9em; 1488 | color: #666666; } 1489 | input[type="text"]:focus, 1490 | input[type="password"]:focus, 1491 | input[type="datetime"]:focus, 1492 | input[type="datetime-local"]:focus, 1493 | input[type="date"]:focus, 1494 | input[type="month"]:focus, 1495 | input[type="time"]:focus, 1496 | input[type="week"]:focus, 1497 | input[type="number"]:focus, 1498 | input[type="email"]:focus, 1499 | input[type="url"]:focus, 1500 | input[type="search"]:focus, 1501 | input[type="tel"]:focus { 1502 | border-color: #5ba4e5; } 1503 | input[type="text"]::-webkit-input-placeholder, 1504 | input[type="password"]::-webkit-input-placeholder, 1505 | input[type="datetime"]::-webkit-input-placeholder, 1506 | input[type="datetime-local"]::-webkit-input-placeholder, 1507 | input[type="date"]::-webkit-input-placeholder, 1508 | input[type="month"]::-webkit-input-placeholder, 1509 | input[type="time"]::-webkit-input-placeholder, 1510 | input[type="week"]::-webkit-input-placeholder, 1511 | input[type="number"]::-webkit-input-placeholder, 1512 | input[type="email"]::-webkit-input-placeholder, 1513 | input[type="url"]::-webkit-input-placeholder, 1514 | input[type="search"]::-webkit-input-placeholder, 1515 | input[type="tel"]::-webkit-input-placeholder { 1516 | color: #cccccc; } 1517 | input[type="text"]::-moz-placeholder, 1518 | input[type="password"]::-moz-placeholder, 1519 | input[type="datetime"]::-moz-placeholder, 1520 | input[type="datetime-local"]::-moz-placeholder, 1521 | input[type="date"]::-moz-placeholder, 1522 | input[type="month"]::-moz-placeholder, 1523 | input[type="time"]::-moz-placeholder, 1524 | input[type="week"]::-moz-placeholder, 1525 | input[type="number"]::-moz-placeholder, 1526 | input[type="email"]::-moz-placeholder, 1527 | input[type="url"]::-moz-placeholder, 1528 | input[type="search"]::-moz-placeholder, 1529 | input[type="tel"]::-moz-placeholder { 1530 | color: #cccccc; } 1531 | input[type="text"]:-moz-placeholder, 1532 | input[type="password"]:-moz-placeholder, 1533 | input[type="datetime"]:-moz-placeholder, 1534 | input[type="datetime-local"]:-moz-placeholder, 1535 | input[type="date"]:-moz-placeholder, 1536 | input[type="month"]:-moz-placeholder, 1537 | input[type="time"]:-moz-placeholder, 1538 | input[type="week"]:-moz-placeholder, 1539 | input[type="number"]:-moz-placeholder, 1540 | input[type="email"]:-moz-placeholder, 1541 | input[type="url"]:-moz-placeholder, 1542 | input[type="search"]:-moz-placeholder, 1543 | input[type="tel"]:-moz-placeholder { 1544 | color: #cccccc; } 1545 | input[type="text"]:-ms-input-placeholder, 1546 | input[type="password"]:-ms-input-placeholder, 1547 | input[type="datetime"]:-ms-input-placeholder, 1548 | input[type="datetime-local"]:-ms-input-placeholder, 1549 | input[type="date"]:-ms-input-placeholder, 1550 | input[type="month"]:-ms-input-placeholder, 1551 | input[type="time"]:-ms-input-placeholder, 1552 | input[type="week"]:-ms-input-placeholder, 1553 | input[type="number"]:-ms-input-placeholder, 1554 | input[type="email"]:-ms-input-placeholder, 1555 | input[type="url"]:-ms-input-placeholder, 1556 | input[type="search"]:-ms-input-placeholder, 1557 | input[type="tel"]:-ms-input-placeholder { 1558 | color: #cccccc; } 1559 | 1560 | @media all and (min-width: 1300px) { 1561 | .content-wrapper { 1562 | margin-left: 530px; } } 1563 | @media all and (max-width: 1100px) { 1564 | .panel-cover__logo { 1565 | width: 70px; } 1566 | 1567 | .panel-title { 1568 | font-size: 2em; } 1569 | 1570 | .panel-subtitle { 1571 | font-size: 1em; } 1572 | 1573 | .panel-cover__description { 1574 | margin: 0 10px; 1575 | font-size: .9em; } 1576 | 1577 | .navigation--social { 1578 | margin-top: 5px; 1579 | margin-left: 0; } } 1580 | @media all and (max-width: 960px) { 1581 | .btn-mobile-menu { 1582 | display: block; } 1583 | 1584 | .panel-main { 1585 | display: table; 1586 | position: relative; } 1587 | 1588 | .panel-cover--collapsed { 1589 | width: 100%; 1590 | max-width: none; } 1591 | 1592 | .panel-main__inner { 1593 | display: table-cell; 1594 | padding: 60px 10%; } 1595 | 1596 | .panel-cover__description { 1597 | display: block; 1598 | max-width: 600px; 1599 | margin: 0 auto; } 1600 | 1601 | .panel-cover__divider--secondary { 1602 | display: none; } 1603 | 1604 | .panel-cover { 1605 | width: 100%; 1606 | height: 100%; 1607 | background-position: center center; } 1608 | .panel-cover.panel-cover--collapsed { 1609 | display: block; 1610 | position: relative; 1611 | height: auto; 1612 | padding: 0; 1613 | background-position: center center; } 1614 | .panel-cover.panel-cover--collapsed .panel-main__inner { 1615 | display: block; 1616 | padding: 70px 0 30px 0; } 1617 | .panel-cover.panel-cover--collapsed .panel-cover__logo { 1618 | width: 60px; 1619 | border-width: 2px; } 1620 | .panel-cover.panel-cover--collapsed .panel-cover__description { 1621 | display: none; } 1622 | .panel-cover.panel-cover--collapsed .panel-cover__divider { 1623 | display: none; 1624 | margin: 1em auto; } 1625 | 1626 | .navigation-wrapper { 1627 | display: none; 1628 | position: fixed; 1629 | top: 42px; 1630 | right: 0; 1631 | left: 0; 1632 | width: 100%; 1633 | padding: 20px 0; 1634 | background: rgba(51, 51, 51, 0.98); 1635 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); } 1636 | .navigation-wrapper.visible { 1637 | display: block; } 1638 | 1639 | .cover-navigation { 1640 | display: block; 1641 | position: relative; 1642 | float: left; 1643 | clear: left; 1644 | width: 100%; } 1645 | .cover-navigation .navigation { 1646 | display: block; 1647 | width: 100%; } 1648 | .cover-navigation .navigation li { 1649 | width: 80%; 1650 | margin-bottom: .4em; } 1651 | .cover-navigation.navigation--social { 1652 | padding-top: 5px; } 1653 | .cover-navigation.navigation--social .navigation li { 1654 | display: inline-block; 1655 | width: 25.8%; } 1656 | 1657 | .content-wrapper { 1658 | width: 80%; 1659 | max-width: none; 1660 | margin: 0 auto; } 1661 | 1662 | .content-wrapper__inner { 1663 | margin-right: 0; 1664 | margin-left: 0; } 1665 | 1666 | .navigation__item { 1667 | width: 100%; 1668 | margin: 0 0 .4em 0; } } 1669 | @media all and (max-width: 340px) { 1670 | .panel-main__inner { 1671 | padding: 0 5%; } 1672 | 1673 | .panel-title { 1674 | margin-bottom: .1em; 1675 | font-size: 1.5em; } 1676 | 1677 | .panel-subtitle { 1678 | font-size: .9em; } 1679 | 1680 | .btn, .navigation__item a { 1681 | display: block; 1682 | margin-bottom: .4em; } } 1683 | -------------------------------------------------------------------------------- /categories.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: categories 3 | title: Categories 4 | permalink: /categories/ 5 | robots: noindex 6 | --- 7 | -------------------------------------------------------------------------------- /css/main.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | @import "uno"; 4 | @import "tables"; 5 | @import "monokai"; 6 | 7 | /* Modifications */ 8 | 9 | pre.highlight, 10 | .highlight pre { 11 | padding: 10px; 12 | } 13 | 14 | pre.highlight code, 15 | .highlight pre code { 16 | white-space: pre-wrap; 17 | } 18 | 19 | .btn, 20 | .navigation__item a { 21 | margin: 5px 0; 22 | white-space: nowrap; 23 | } 24 | 25 | .pagination__page-number { 26 | display: inline-block; 27 | padding: 10px; 28 | } 29 | 30 | .categories a, 31 | .tags a { 32 | border: 1px solid #e25440; 33 | border-radius: 20px; 34 | color: #e25440; 35 | display: inline-block; 36 | font-size: 12px; 37 | margin: 5px 0; 38 | padding: 5px 10px; 39 | text-shadow: none; 40 | white-space: nowrap; 41 | } 42 | 43 | .post-meta__tags { 44 | font-size: 12px; 45 | padding: 0 5px; 46 | } 47 | 48 | .footer__copyright { 49 | margin: 0 20px 10px; 50 | } 51 | 52 | .user-image { 53 | margin-bottom: 1.2em; 54 | position: relative; 55 | width: 100px; 56 | height: 100px; 57 | border: 3px solid #fff; 58 | border-radius:100%; 59 | } 60 | -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: '3' 2 | 3 | services: 4 | jekyll: 5 | image: jekyll/jekyll:latest 6 | command: jekyll serve --watch --force_polling --verbose 7 | ports: 8 | - 4000:4000 9 | volumes: 10 | - .:/srv/jekyll -------------------------------------------------------------------------------- /feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | --- 4 | 5 | 6 | 7 | {{ site.title | xml_escape }} 8 | {{ site.description | xml_escape }} 9 | {{ site.url }}{{ site.baseurl }}/ 10 | 11 | {{ site.time | date_to_rfc822 }} 12 | {{ site.time | date_to_rfc822 }} 13 | Jekyll v{{ jekyll.version }} 14 | {% for post in site.posts limit:10 %} 15 | 16 | {{ post.title | xml_escape }} 17 | {{ post.content | xml_escape }} 18 | {{ post.date | date_to_rfc822 }} 19 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 20 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 21 | {% for tag in post.tags %} 22 | {{ tag | xml_escape }} 23 | {% endfor %} 24 | {% for cat in post.categories %} 25 | {{ cat | xml_escape }} 26 | {% endfor %} 27 | 28 | {% endfor %} 29 | 30 | 31 | -------------------------------------------------------------------------------- /fonts/foundation-icons/foundation-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/fonts/foundation-icons/foundation-icons.eot -------------------------------------------------------------------------------- /fonts/foundation-icons/foundation-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/fonts/foundation-icons/foundation-icons.ttf -------------------------------------------------------------------------------- /fonts/foundation-icons/foundation-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/fonts/foundation-icons/foundation-icons.woff -------------------------------------------------------------------------------- /humans.txt: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | sitemap: 4 | exclude: 'yes' 5 | --- 6 | 7 | /* TEAM */ 8 | Developer & Designer: Josh Gerdes 9 | Twitter: @joshgerdes 10 | Site: http://joshgerdes.com 11 | Location: Minneapolis, MN, USA 12 | 13 | /* THANKS */ 14 | Name: Dale Anthony 15 | 16 | /* SITE */ 17 | Last update: {{ site.time | date: "%Y/%m/%d" }} 18 | Standards: HTML5, CSS3 19 | Components: Jekyll 20 | Software: Sublime Text, Photoshop 21 | -------------------------------------------------------------------------------- /images/cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/cover.jpg -------------------------------------------------------------------------------- /images/favicons/android-chrome-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/android-chrome-144x144.png -------------------------------------------------------------------------------- /images/favicons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/android-chrome-192x192.png -------------------------------------------------------------------------------- /images/favicons/android-chrome-36x36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/android-chrome-36x36.png -------------------------------------------------------------------------------- /images/favicons/android-chrome-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/android-chrome-48x48.png -------------------------------------------------------------------------------- /images/favicons/android-chrome-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/android-chrome-72x72.png -------------------------------------------------------------------------------- /images/favicons/android-chrome-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/android-chrome-96x96.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-180x180.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-57x57.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon-precomposed.png -------------------------------------------------------------------------------- /images/favicons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/apple-touch-icon.png -------------------------------------------------------------------------------- /images/favicons/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | #00aba9 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /images/favicons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/favicon-16x16.png -------------------------------------------------------------------------------- /images/favicons/favicon-194x194.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/favicon-194x194.png -------------------------------------------------------------------------------- /images/favicons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/favicon-32x32.png -------------------------------------------------------------------------------- /images/favicons/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/favicon-96x96.png -------------------------------------------------------------------------------- /images/favicons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/favicon.ico -------------------------------------------------------------------------------- /images/favicons/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Jekyll-Uno", 3 | "icons": [ 4 | { 5 | "src": "\/images\/favicons\/android-chrome-36x36.png", 6 | "sizes": "36x36", 7 | "type": "image\/png", 8 | "density": 0.75 9 | }, 10 | { 11 | "src": "\/images\/favicons\/android-chrome-48x48.png", 12 | "sizes": "48x48", 13 | "type": "image\/png", 14 | "density": 1 15 | }, 16 | { 17 | "src": "\/images\/favicons\/android-chrome-72x72.png", 18 | "sizes": "72x72", 19 | "type": "image\/png", 20 | "density": 1.5 21 | }, 22 | { 23 | "src": "\/images\/favicons\/android-chrome-96x96.png", 24 | "sizes": "96x96", 25 | "type": "image\/png", 26 | "density": 2 27 | }, 28 | { 29 | "src": "\/images\/favicons\/android-chrome-144x144.png", 30 | "sizes": "144x144", 31 | "type": "image\/png", 32 | "density": 3 33 | }, 34 | { 35 | "src": "\/images\/favicons\/android-chrome-192x192.png", 36 | "sizes": "192x192", 37 | "type": "image\/png", 38 | "density": 4 39 | } 40 | ] 41 | } 42 | -------------------------------------------------------------------------------- /images/favicons/mstile-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/mstile-144x144.png -------------------------------------------------------------------------------- /images/favicons/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/mstile-150x150.png -------------------------------------------------------------------------------- /images/favicons/mstile-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/mstile-310x150.png -------------------------------------------------------------------------------- /images/favicons/mstile-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/mstile-310x310.png -------------------------------------------------------------------------------- /images/favicons/mstile-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/favicons/mstile-70x70.png -------------------------------------------------------------------------------- /images/favicons/safari-pinned-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | Created by potrace 1.11, written by Peter Selinger 2001-2013 9 | 10 | 12 | 46 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /images/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/images/profile.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | robots: noindex 4 | --- 5 | 6 |
7 | 8 |
    9 | {% for post in paginator.posts %} 10 |
  1. 11 |

    {{ post.title }}

    12 |

    {{ post.excerpt | strip_html }}…

    13 |
    14 | 15 | {% if post.tags.size > 0 %} 16 | • on {% for tag in post.tags %}{{ tag }}{% if forloop.last == false %}, {% endif %}{% endfor %} 17 | {% endif %} 18 |
    19 |
    20 |
    2. 21 | {% endfor %} 22 |
23 | 24 |
25 | 26 | {% if paginator.previous_page or paginator.next_page %} 27 | {% include pagination.html %} 28 | {% endif %} 29 | 30 |
31 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | sitemap: 4 | exclude: 'yes' 5 | --- 6 | 7 | $(document).ready(function () { 8 | {% if site.disable_landing_page != true %} 9 | $('a.blog-button').click(function (e) { 10 | if ($('.panel-cover').hasClass('panel-cover--collapsed')) return 11 | currentWidth = $('.panel-cover').width() 12 | if (currentWidth < 960) { 13 | $('.panel-cover').addClass('panel-cover--collapsed') 14 | $('.content-wrapper').addClass('animated slideInRight') 15 | } else { 16 | $('.panel-cover').css('max-width', currentWidth) 17 | $('.panel-cover').animate({ 'max-width': '530px', 'width': '40%' }, 400, swing = 'swing', function () { }) 18 | } 19 | }) 20 | 21 | if (window.location.hash && window.location.hash == '#blog') { 22 | $('.panel-cover').addClass('panel-cover--collapsed') 23 | } 24 | 25 | if (window.location.pathname !== '{{ site.baseurl }}/' && window.location.pathname !== '{{ site.baseurl }}/index.html') { 26 | $('.panel-cover').addClass('panel-cover--collapsed') 27 | } 28 | {% endif %} 29 | 30 | $('.btn-mobile-menu').click(function () { 31 | $('.navigation-wrapper').toggleClass('visible animated bounceInDown') 32 | $('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn') 33 | }) 34 | 35 | $('.navigation-wrapper .blog-button').click(function () { 36 | $('.navigation-wrapper').toggleClass('visible') 37 | $('.btn-mobile-menu__icon').toggleClass('icon-list icon-x-circle animated fadeIn') 38 | }) 39 | 40 | }) 41 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshgerdes/jekyll-uno/df17cb72ca8142c37bb1830fc01df0e2e8bd50f1/screenshot.png -------------------------------------------------------------------------------- /sitemap.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | sitemap: 4 | exclude: 'yes' 5 | --- 6 | 7 | 8 | {% for post in site.posts %} 9 | {% unless post.published == false %} 10 | 11 | {{ site.url }}{{ post.url }} 12 | {% if post.sitemap.lastmod %} 13 | {{ post.sitemap.lastmod | date: "%Y-%m-%d" }} 14 | {% elsif post.date %} 15 | {{ post.date | date_to_xmlschema }} 16 | {% else %} 17 | {{ site.time | date_to_xmlschema }} 18 | {% endif %} 19 | {% if post.sitemap.changefreq %} 20 | {{ post.sitemap.changefreq }} 21 | {% else %} 22 | monthly 23 | {% endif %} 24 | {% if post.sitemap.priority %} 25 | {{ post.sitemap.priority }} 26 | {% else %} 27 | 0.5 28 | {% endif %} 29 | 30 | {% endunless %} 31 | {% endfor %} 32 | {% for page in site.pages %} 33 | {% unless page.sitemap.exclude == "yes" or page.robots contains "noindex" %} 34 | 35 | {{ site.url }}{{ page.url | remove: "index.html" }} 36 | {% if page.sitemap.lastmod %} 37 | {{ page.sitemap.lastmod | date: "%Y-%m-%d" }} 38 | {% elsif page.date %} 39 | {{ page.date | date_to_xmlschema }} 40 | {% else %} 41 | {{ site.time | date_to_xmlschema }} 42 | {% endif %} 43 | {% if page.sitemap.changefreq %} 44 | {{ page.sitemap.changefreq }} 45 | {% else %} 46 | monthly 47 | {% endif %} 48 | {% if page.sitemap.priority %} 49 | {{ page.sitemap.priority }} 50 | {% else %} 51 | 0.3 52 | {% endif %} 53 | 54 | {% endunless %} 55 | {% endfor %} 56 | 57 | -------------------------------------------------------------------------------- /tags.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: tags 3 | title: Tags 4 | permalink: /tags/ 5 | robots: noindex 6 | --- 7 | --------------------------------------------------------------------------------