diff --git a/content/about/_index.md b/content/about/_index.md index 6a5ef50fe..a83534e41 100644 --- a/content/about/_index.md +++ b/content/about/_index.md @@ -9,7 +9,11 @@ categories: [] tags: [] weight: 01 draft: false +<<<<<<< HEAD:content/about/_index.md aliases: [/about-hugo/] +======= +aliases: [/docs/] +>>>>>>> homepage:content/about-hugo/_index.md toc: false --- diff --git a/content/about/what-is-hugo.md b/content/about/what-is-hugo.md index f61912811..b27154636 100644 --- a/content/about/what-is-hugo.md +++ b/content/about/what-is-hugo.md @@ -14,7 +14,7 @@ toc: true Hugo is a general-purpose website framework. Technically speaking, Hugo is a [static site generator][]. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create or update your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website's end users and an ideal writing experience for website authors. -Websites built with Hugo are extremely fast and secure. Hugo sites can be hosted anywhere, including [Heroku][], [GoDaddy][], [DreamHost][], [GitHub Pages][], [Surge][], [Aerobatic][], [Firebase][], [Google Cloud Storage][], [Amazon S3][], [rackspace][], [Azure][], and [CloudFront][] and work well with CDNs. Hugo sites run without the need for a database or dependencies on expensive runtimes like Ruby, Python, or PHP. +Websites built with Hugo are extremely fast and secure. Hugo sites can be hosted anywhere, including [Heroku][], [GoDaddy][], [DreamHost][], [GitHub Pages][], [Surge][], [Aerobatic][], [Firebase][], [Google Cloud Storage][], [Amazon S3][], [Rackspace][], [Azure][], and [CloudFront][] and work well with CDNs. Hugo sites run without the need for a database or dependencies on expensive runtimes like Ruby, Python, or PHP. We think of Hugo as the ideal website creation tool. Hugo provides nearly instant build times and the ability to rebuild whenever a change is made, which is invaluable when you are designing websites and creating content. @@ -67,6 +67,11 @@ I wanted to develop a fast and full-featured website framework without any depen [Middleman]: https://middlemanapp.com/ [Nanoc]: http://nanoc.ws/ [Nanoc]: https://nanoc.ws/ +<<<<<<< HEAD:content/about/what-is-hugo.md [rackspace]: https://www.rackspace.com/cloud/files [static site generator]: /about/benefits/ +======= +[Rackspace]: https://www.rackspace.com/cloud/files +[static site generator]: /about-hugo/benefits/ +>>>>>>> homepage:content/about-hugo/what-is-hugo.md [Surge]: https://surge.sh \ No newline at end of file diff --git a/content/concept.md b/content/concept.md index 4e23af1d1..da4fdbf14 100644 --- a/content/concept.md +++ b/content/concept.md @@ -45,7 +45,8 @@ In addition, this project was started with the assumptions that the Hugo documen * difficult to optimize for external search engines (SEO) * does not leverage Hugo's more powerful features (e.g., only *one* archetype); leveraging these features would help address the aforementioned shortcomings (i.e., scalability, consistency, and search) * assumes a higher level of Golang proficiency than is realistic for newcomers to static site generators or general web development; a prime example is the sparsity of basic and advanced code samples for templating functions, some of which may still be wholly undocumented -* lacks well-defined contribution and editorial guidelines for those interested in submitting or editing documentation. +* lacks well-defined contribution and editorial guidelines for those interested in submitting or editing documentation +* needs reworking of its URL structure to represent a more intuitive mental model for end users ([Discuss][ds1]) ### Goals @@ -506,6 +507,7 @@ If the Hugo Team finds the improvements to the Hugo documentation acceptable, I' [Content Modeling]: https://alistapart.com/article/content-modelling-a-master-skill [Core Model]: https://alistapart.com/article/the-core-model-designing-inside-out-for-better-results [designresources]: https://github.com/rdwatters/hugo-docs-concept/tree/master/dev-and-design-resources +[ds1]: https://discuss.gohugo.io/t/hugo-docs-domain/5657 [ex1]: https://discuss.gohugo.io/t/frustrated-with-documentation/2810 [ex2]: https://discuss.gohugo.io/t/documentation-restructure-and-design/1891 [forum]: https://discuss.gohugo.io diff --git a/content/functions/adddate.md b/content/functions/adddate.md index ebc4389c8..bb9dd071a 100644 --- a/content/functions/adddate.md +++ b/content/functions/adddate.md @@ -14,6 +14,7 @@ hugoversion: relatedfuncs: [now] deprecated: false aliases: [] +<<<<<<< HEAD needsexamples: true --- @@ -52,4 +53,10 @@ Let's assume you want to grab Tweets from the last two years and present them in ``` {{% /code %}} - \ No newline at end of file + +======= +--- + + + +>>>>>>> homepage diff --git a/content/getting-started/_index.md b/content/getting-started/_index.md index e38e0b5f8..804ed686f 100644 --- a/content/getting-started/_index.md +++ b/content/getting-started/_index.md @@ -13,7 +13,7 @@ aliases: [/overview/introduction/] toc: false --- -The Hugo docs were completely reworked from the ground up in anticipation of v0.19. There are extensive code block examples throughout the documentation. If this is your first time using Hugo and you've [already installed Hugo on your machine][installed], we recommend the [quick start][]. +The Hugo docs were completely reworked for the release of Hugo v0.19. If this is your first time using Hugo and you've [already installed Hugo on your machine][installed], we recommend the [quick start][]. [installed]: /getting-started/installing/ [quick start]: /getting-started/quick-start/ \ No newline at end of file diff --git a/content/getting-started/installing.md b/content/getting-started/installing.md index 4dfe62fef..da712ea8d 100644 --- a/content/getting-started/installing.md +++ b/content/getting-started/installing.md @@ -22,7 +22,7 @@ The latest release can be found at [Hugo Releases][releases]. Hugo currently provides pre-built binaries for the following: -*  OS X (Darwin) for x64, i386 and ARM architectures +*  OS X (Darwin) for x64, i386, and ARM architectures *  Windows, *  Linux, *  FreeBSD @@ -122,7 +122,7 @@ Whenever installing with Homebrew, it's a good idea to update the formulae and H {{% code file="update-brew.sh" %}} ```bash -$ brew update +brew update ``` {{% /code %}} @@ -130,7 +130,7 @@ You can then install Hugo using `brew`: {{% code file="install-brew.sh" %}} ```bash -$ brew install hugo +brew install hugo ``` {{% /code %}} @@ -152,15 +152,15 @@ if you want the absolute latest version in development. ```bash $ # show the location of the hugo executable -$ which hugo +which hugo /usr/local/bin/hugo -$ # show the installed version -$ ls -l $( which hugo ) +# show the installed version +ls -l $( which hugo ) lrwxr-xr-x 1 mdhender admin 30 Mar 28 22:19 /usr/local/bin/hugo -> ../Cellar/hugo/0.13_1/bin/hugo -$ # verify that hugo runs correctly -$ hugo version +# verify that hugo runs correctly +hugo version Hugo Static Site Generator v0.13 BuildDate: 2015-03-09T21:34:47-05:00 ``` @@ -193,7 +193,7 @@ All three locations will work for you. In the interest of brevity, this guide fo Verify that the tarball wasn't corrupted during the download: ```bash -$ tar tvf ~/Downloads/hugo_X.Y_osx-64bit.tgz +tar tvf ~/Downloads/hugo_X.Y_osx-64bit.tgz -rwxrwxrwx 0 0 0 0 Feb 22 04:02 hugo_X.Y_osx-64bit/hugo_X.Y_osx-64bit.tgz -rwxrwxrwx 0 0 0 0 Feb 22 03:24 hugo_X.Y_osx-64bit/README.md -rwxrwxrwx 0 0 0 0 Jan 30 18:48 hugo_X.Y_osx-64bit/LICENSE.md @@ -204,37 +204,37 @@ The `.md` files are documentation for Hugo. The other file is the executable. #### Step 4: Install Into Your `bin` Directory ```bash -$ # create the directory if needed -$ mkdir -p ~/bin +# create the directory if needed +mkdir -p ~/bin -$ # make it the working directory -$ cd ~/bin +# make it the working directory +cd ~/bin -$ # extract the tarball -$ tar -xvzf ~/Downloads/hugo_X.Y_osx-64bit.tgz +# extract the tarball +tar -xvzf ~/Downloads/hugo_X.Y_osx-64bit.tgz Archive: hugo_X.Y_osx-64bit.tgz x ./ x ./hugo x ./LICENSE.md x ./README.md -$ # verify that it runs -$ ./hugo version +# verify that it runs +./hugo version Hugo Static Site Generator v0.13 BuildDate: 2015-02-22T04:02:30-06:00 ``` You may need to add your bin directory to your `PATH` variable. The `which` command will check for us. If it can find `hugo`, it will print the full path to it. Otherwise, it will not print anything. ```bash -$ # check if hugo is in the path -$ which hugo +# check if hugo is in the path +which hugo /Users/USERNAME/bin/hugo ``` If `hugo` is not in your `PATH`, add it by updating your `~/.bash_profile` file. First, start up an editor: ```bash -$ nano ~/.bash_profile +nano ~/.bash_profile ``` Add a line to update your `PATH` variable: diff --git a/content/getting-started/quick-start.md b/content/getting-started/quick-start.md index a6d72f2a7..64fe094b7 100644 --- a/content/getting-started/quick-start.md +++ b/content/getting-started/quick-start.md @@ -36,8 +36,7 @@ Once `hugo` is installed, make sure to run the `help` command to verify `hugo` i ```bash hugo help -``` -``` + hugo is the main command, used to build your Hugo site. Hugo is a Fast and Flexible Static Site Generator @@ -52,7 +51,7 @@ You can check the version of Hugo you're currently using with the `hugo version` hugo version ``` -``` +```bash Hugo Static Site Generator v0.18.1 BuildDate: 2016-12-30T05:02:43-05:00 ``` @@ -66,7 +65,7 @@ hugo new site bookshelf Change into the newly created `bookshelf` directory. Listing the new directory's content will show the following: -``` +```bash . ├── archetypes ├── config.toml @@ -161,7 +160,7 @@ hugo server You should see something similar to the following output: -``` +```bash Built site for language en: 0 of 1 draft rendered 0 future content @@ -192,7 +191,7 @@ hugo server --buildDrafts You should now see something similar to the following: -``` +```bash Built site for language en: 1 of 1 draft rendered 0 future content @@ -248,7 +247,7 @@ hugo server --theme=hugo_theme_robust --buildDrafts You should see an output to the console similar to the following: -``` +```bash Built site for language en: 1 of 1 draft rendered 0 future content @@ -269,7 +268,7 @@ Press Ctrl+C to stop If Hugo doesn't find the specified theme in the `themes` directory, it will throw an exception: -``` +```bash FATAL: 2016/02/14 Unable to find theme Directory: /Users/yourusername/bookshelf/themes/robust ``` @@ -492,11 +491,11 @@ image = "good-to-great.jpg" Now, we can start the server *without* the `buildDrafts` option. -``` +```bash hugo server --theme=hugo_theme_robust ``` -## Step 10. Integrate Disqus Comments + +## Step 10. Build Your Website To generate a website that can be deployed to GitHub pages, we first need to change the `baseURL` in our configuration as follows: ```toml -baseURL = "https://.github.io/bookshelf/" +baseURL = "https://.github.io/bookshelf/" ``` Then type the following command while in the root directory of your Hugo project: @@ -539,7 +538,7 @@ in 17 ms After you run the `hugo` command, a `bookshelf/public` directory will be created containing the generated website source. -## Step 9. What Next? +## Step 11. What Next? **Congratulations!** Your new `bookshelf`/public directory is a fully generated, deployable Hugo website. Since all your files are *static*, you have innumerable options for hosting, and your new directory structure and simple content format are going to make scaling your website a breeze. diff --git a/content/templates/data-templates.md b/content/templates/data-templates.md index 7ed24f1e9..e17443529 100644 --- a/content/templates/data-templates.md +++ b/content/templates/data-templates.md @@ -23,7 +23,7 @@ Hugo supports loading data from YAML, JSON, and TOML files located in the `data` ## The Data Folder -The `data` folder is where you can store additional data for Hugo to use when generating your site. Data files aren't used to generate standalone pages - rather they're meant supplemental to the content files. This feature can extend the content in case your frontmatter would grow immensely. Or perhaps your want to show a larger dataset in a template (see example below). In both cases it's a good idea to outsource the data in their own file. +The `data` folder is where you can store additional data for Hugo to use when generating your site. Data files aren't used to generate standalone pages - rather they're meant supplemental to the content files. This feature can extend the content in case your front matter would grow immensely. Or perhaps your want to show a larger dataset in a template (see example below). In both cases it's a good idea to outsource the data in their own file. These files must be YAML, JSON or TOML files (using either the `.yml`, `.yaml`, `.json` or `toml` extension). The data will be accessible as a `map` in the `.Site.Data` variable. diff --git a/content/themes/creating.md b/content/themes/creating.md index f8f429e3e..52d4f8ec0 100644 --- a/content/themes/creating.md +++ b/content/themes/creating.md @@ -1,7 +1,7 @@ --- title: Creating a Theme linktitle: Creating a Theme -description: Learn to use the `hugo new theme` command and the resulting directory structure to create custom themes that can be dropped into other Hugo sites. +description: The `hugo new theme` command will scaffold the beginnings of a new theme for you to get you on your way. date: 2017-02-01 publishdate: 2017-02-01 lastmod: 2017-02-01 @@ -15,7 +15,7 @@ wip: true --- {{% warning "Use Relative Links" %}} -When creating your theme, it is not always safe to assume that the end user of the theme is working from the root directory of the website. This is especially important for assets such as stylesheets. See [relURL](/functions/relurl) and [absURL](/functions/absurl). +If you're creating a them with plans to share it with the community, it is not always safe to assume that the end user of the theme is working from the root of their published website. This is especially important for assets such as stylesheets. See [relURL](/functions/relurl) and [absURL](/functions/absurl). {{% /warning %}} Hugo has the ability to create a new theme in your themes directory for you @@ -24,26 +24,25 @@ using the `hugo new` command. `hugo new theme [name]` This command will initialize all of the files and directories a basic theme -would need. Hugo themes are written in the Go template language. If you are new -to Go, the [Go template primer](/layout/go-templates/) will help you get started. +would need. ## Theme Components A theme consists of templates and static assets such as javascript and css -files. Themes can also optionally provide [archetypes](/content/archetypes/) -which are archetypal content types used by the `hugo new` command. +files. Themes can also optionally provide [archetypes](/content/archetypes/), +which are archetypal content types used by the `hugo new` command to scaffold new conte files with preconfigured front matter. {{% note "Use the Hugo Generator Tag" %}} -The [`.Hugo.Generator`](/variables/other/) tag is included in all themes featured in the [Hugo Them Showcase](/http://themes.gohugo.io). We ask that you include the generator tag in all sites and themes you create with Hugo. The generator tag is significant in that it allows the Hugo team to track Hugo's usage and popularity. +The [`.Hugo.Generator`](/variables/other/) tag is included in all themes featured in the [Hugo Themes Showcase](http://themes.gohugo.io). We ask that you include the generator tag in all sites and themes you create with Hugo to help the core team track Hugo's usage and popularity. {{% /note %}} ## Layouts Hugo is built around the concept that things should be as simple as possible. -Fundamentally website content is displayed in two different ways, a single -piece of content and a list of content items. With Hugo a theme layout starts -with the defaults. As additional layouts are defined they are used for the +Fundamentally, website content is displayed in two different ways, a single +piece of content and a list of content items. With Hugo, a theme layout starts +with the defaults. As additional layouts are defined, they are used for the content type or section they apply to. This keeps layouts simple, but permits a large amount of flexibility. diff --git a/content/themes/installing-and-using-themes.md b/content/themes/installing-and-using-themes.md index 9ad7d444a..2b5ba7388 100644 --- a/content/themes/installing-and-using-themes.md +++ b/content/themes/installing-and-using-themes.md @@ -1,7 +1,7 @@ --- title: Installing and Using Themes linktitle: Installing and Using Themes -description: Install and use a Hugo theme from the Hugo theme showcase easily through the CLI. +description: Install and use a theme from the Hugo theme showcase easily through the CLI. date: 2017-02-01 publishdate: 2017-02-01 lastmod: 2017-02-01 diff --git a/content/troubleshooting/accented-characters-in-urls.md b/content/troubleshooting/accented-characters-in-urls.md index 0eca7cd92..7bc2eeab7 100644 --- a/content/troubleshooting/accented-characters-in-urls.md +++ b/content/troubleshooting/accented-characters-in-urls.md @@ -26,13 +26,13 @@ toc: true ## Solution -Mac OS X user? If so, you are likely a victim of HFS Plus file system's insistence to store the "é" (U+00E9) character in Normal Form Decomposed (NFD) mode, i.e. as "e" + " ́" (U+0065 U+0301). +Are you a Mac OS X user? If so, you are likely a victim of HFS Plus file system's insistence to store the "é" (U+00E9) character in Normal Form Decomposed (NFD) mode, i.e. as "e" + " ́" (U+0065 U+0301). `le-carr%C3%A9` is actually correct, `%C3%A9` being the UTF-8 version of U+00E9 as expected by the web server. The problem is that OS X turns [U+00E9] into [U+0065 U+0301], and thus `le-carr%C3%A9` no longer works. Instead, only `le-carre%CC%81` ending with `e%CC%81` would match that [U+0065 U+0301] at the end. -This is unique to OS X. The rest of the world does not do this, and most certainly not your web server which is most likely running Linux. This is not a Hugo-specific problem either. Other people have been bitten by this when they have accented characters in their HTML files. +This is unique to OS X. The rest of the world does not do this, and most certainly not your web server which is most likely running Linux. This is not a Hugo-specific problem either. Other people have been bitten by this when they have accented characters in their HTML files. -Note that this problem is not specific to Latin scripts. Japanese Mac users often run into the same issue; e.g., with `だ` decomposing into `た` and ゙ (read the [Japanese Perl users article][]). +Note that this problem is not specific to Latin scripts. Japanese Mac users often run into the same issue; e.g., with `だ` decomposing into `た` and `゙`. (Read the [Japanese Perl users article][]). Rsync 3.x to the rescue! From [an answer posted on Server Fault][]: diff --git a/content/tutorials/creating-a-multilingual-site.md b/content/tutorials/creating-a-multilingual-site.md index cb63d04d1..51e317d91 100644 --- a/content/tutorials/creating-a-multilingual-site.md +++ b/content/tutorials/creating-a-multilingual-site.md @@ -135,7 +135,7 @@ This technique extracts the day, month and year by specifying ``.Date.Day``, ``. ## Create Multilingual Content -Now you can create markdown content in your languages, in the `content/en` and `content/ja` folders. The frontmatter stays the same on the key side, but the values would be set in each of the languages. +Now you can create markdown content in your languages, in the `content/en` and `content/ja` folders. The front matter stays the same on the key side, but the values would be set in each of the languages. ## Run Hugo Server or Deploy Commands diff --git a/data/homepagefeatures.toml b/data/homepagefeatures.toml new file mode 100644 index 000000000..071035f2a --- /dev/null +++ b/data/homepagefeatures.toml @@ -0,0 +1,29 @@ +[[feature]] + name = "Blistering Speed" + description = "Golang's baked-in concurrency is the backbone of Hugo's templating. Jettison expensive runtime dependencies, and let Go's incomparable I/O primitives do the work for you. For the first time, your rendering speeds can be measured in micro- and milliseconds." + order = 1 + +[[feature]] + name = "Markdown Without Limits" + description = "Hugo natively supports GFM, as well as Asciidoc, reStructuredText, and Org-mode through external helpers. Shortcodes, a minimalist intermediary to your templating and content, keeps your source clean, readable, and infinitely extensible." + order = 2 + +[[feature]] + name = "Robust Content Management" + description = "You need more than front matter to make static scalable. Hugo offers support for taxonomies, unlimited content types, DRY templating, URL management, menus, archetypes, summaries, and so much more without the need for plugins." + order = 3 + +[[feature]] + name = "Cross-Platform by Default" + description = "As a single binary, Hugo has equally simple installation on OS X, Linux BSD, Windows, Dragonfly BSD, OpenBSD, Plan 9, and any other platform where the Go compiler tool chain can run. Once you decide you want Hugo, simply `go``get` it." + order = 4 + +[[feature]] + name = "Multilingual and i18n" + description = "International and multilingual sites are often difficult in our new static world. Hugo provides full i18n support for multilinguage sites with the same straightforward and extraordinarily fast experience Hugo users love in their single-language sites." + order = 5 + +[[feature]] + name = "A Passionate Community" + description = "The gratification of an ultra-fast feedback loop doesn't stop at the templating layer. Our community grows stronger and larger every day. Just one visit to our [forums](https://discuss.gohugo.io) and you'll quickly realize you never need to build a Hugo site alone." + order = 6 \ No newline at end of file diff --git a/data/homepagetweets.toml b/data/homepagetweets.toml new file mode 100644 index 000000000..4d8cea833 --- /dev/null +++ b/data/homepagetweets.toml @@ -0,0 +1,209 @@ +[[tweet]] +name = "Hans Beck" +twitter_handle = "@EnrichedGamesHB" +quote = "Diving deeper into @GoHugoIO. A lot of docs there, top work! But I've the impressed that #gohugo is far easier than its feels from the docs!" +link = "https://twitter.com/EnrichedGamesHB/status/836854762440130560" +date = 2017-03-01T00:00:00Z + +[[tweet]] +name = "Alan Richardson" +twitter_handle = "@eviltester" +quote = "I migrated the @BlackOpsTesting .com website from docpad to Hugo last weekend. http://gohugo.io/ Super Fast HTML Generation @spf13 " +link = "https://twitter.com/eviltester/status/553520335115808768" +date = 2015-01-09T00:00:00Z + +[[tweet]] +name = "Janez Čadež‏" +twitter_handle = "@jamziSLO" +quote = "Building @garazaFRI website in #hugo. This static site generator is soooo damn fast! #gohugo #golang" +link = "https://twitter.com/jamziSLO/status/817720283977183234" +date = 2017-01-07T00:00:00Z + +[[tweet]] +name = "Execute‏‏" +twitter_handle = "@executerun" +quote = "Hah, #gohugo. I was working with #gohugo on #linux but now I realised how easy is to set-up it on #windows. Just need to add binary to #path!" +link = "https://twitter.com/executerun/status/809753145270272005" +date = 2016-12-16T00:00:00Z + +[[tweet]] +name = "Baron Schwartz" +twitter_handle = "@xaprb" +quote = "Hugo is impressively capable. It's a static site generator by @spf13 written in #golang . Just upgraded to latest release; very powerful. " +link = "https://twitter.com/xaprb/status/556894866488455169" +date = 2015-01-18T00:00:00Z + +[[tweet]] +name = "Dave Cottlehuber" +twitter_handle = "@dch__" +quote = "I just fell in love with #hugo, a static site/blog engine written by @spf13 in #golang + stellar docs" +link = "https://twitter.com/dch__/status/460158115498176512" +date = 2014-04-26T00:00:00Z + +[[tweet]] +name = "David Caunt" +twitter_handle = "@dcaunt" +quote = "I had a play with Hugo and it was good, uses Markdown files for content" +link = "https://twitter.com/dcaunt/statuses/406466996277374976" +date = 2013-11-29T00:00:00Z + +[[tweet]] +name = "David Gay" +twitter_handle = "@oddshocks" +quote = "Hugo is super-rad." +link = "https://twitter.com/oddshocks/statuses/405083217893421056" +date = 2013-11-25T00:00:00Z + +[[tweet]] +name = "Diti" +twitter_handle = "@DitiPengi" +quote = "The dev version of Hugo is AWESOME! <3 I promise, I will try to learn go ASAP and help contribute to the project! Just too great!" +link = "https://twitter.com/DitiPengi/status/472470974051676160" +date = 2014-05-30T00:00:00Z + +[[tweet]] +name = "Douglas Stephen " +twitter_handle = "@DougStephenJr" +quote = "Even as a long-time Octopress fan, I’ve gotta admit that this project Hugo looks very very cool" +link = "https://twitter.com/DougStephenJr/statuses/364512471660249088" +date = 2013-08-05T00:00:00Z + +[[tweet]] +name = "Hugo Rodger-Brown" +twitter_handle = "@hugorodgerbrown" +quote = "Finally someone builds me my own static site generator" +link = "https://twitter.com/hugorodgerbrown/statuses/364417910153818112" +date = 2013-05-08T00:00:00Z + +[[tweet]] +name = "Hugo Roy" +twitter_handle = "@hugoroyd" +quote = "Finally the answer to the question my parents have been asking: What does Hugo do?" +link = "https://twitter.com/hugoroyd/status/501704796727173120" +date = 2014-08-19T00:00:00Z + +[[tweet]] +name = "Daniel Miessler" +twitter_handle = "@DanielMiessler" +quote = "Websites for named vulnerabilities should run on static site generator platforms like Hugo. Read-only + burst traffic = static." +link = "https://twitter.com/DanielMiessler/status/704703841673957376" +date = 2016-03-01T00:00:00Z + +[[tweet]] +name = "Javier Segura" +twitter_handle = "@jsegura" +quote = "Another site generated with Hugo here! I'm getting in love with it." +link = "https://twitter.com/jsegura/status/465978434154659841" +date = 2014-05-12T00:00:00Z + +[[tweet]] +name = "Jim Biancolo" +twitter_handle = "@jimbiancolo" +quote = "I’m loving the static site generator renaissance we are currently enjoying. Hugo is new, looks great, written in Go" +link = "https://twitter.com/jimbiancolo/statuses/408678420348813314" +date = 2013-05-12T00:00:00Z + +[[tweet]] +name = "Jip J. Dekker" +twitter_handle = "@jipjdekker" +quote = "Building a personal website in Hugo. Works like a charm. And written in @golang!" +link = "https://twitter.com/jipjdekker/status/413783548735152131" +date = 2013-12-19T00:00:00Z + +[[tweet]] +name = "Jose Gonzalvo" +twitter_handle = "@jgonzalvo" +quote = "Checking out Hugo; Loving it so far. Like Jekyll but not so blog-oriented and written in go" +link = "https://twitter.com/jgonzalvo/statuses/408177855819173888" +date = 2013-12-04T00:00:00Z + +[[tweet]] +name = "Josh Matz" +twitter_handle = "@joshmatz" +quote = "A static site generator without the long build times? Yes, please!" +link = "https://twitter.com/joshmatz/statuses/364437436870696960" +date = 2013-08-05T00:00:00Z + +[[tweet]] +name = "Kieran Healy" +twitter_handle = "@kjhealy" +quote = "OK, so in today's speed battle of static site generators, @spf13's hugo is kicking everyone's ass, by miles." +link = "https://twitter.com/kjhealy/status/437349384809115648" +date = 2014-02-22T00:00:00Z + +[[tweet]] +name = "Ludovic Chabant" +twitter_handle = "@ludovicchabant" +quote = "Good work on Hugo, I’m impressed with the speed!" +link = "https://twitter.com/ludovicchabant/statuses/408806199602053120" +date = 2013-12-06T00:00:00Z + +[[tweet]] +name = "Luke Holder" +twitter_handle = "@lukeholder" +quote = "this is AWESOME. a single little executable and so fast." +link = "https://twitter.com/lukeholder/status/430352287936946176" +date = 2014-02-03T00:00:00Z + +[[tweet]] +name = "Markus Eliasson" +twitter_handle = "@markuseliasson" +quote = "Hugo is fast, dead simple to setup and well documented" +link = "https://twitter.com/markuseliasson/status/501594865877008384" +date = 2014-08-19T00:00:00Z + +[[tweet]] +name = "mercime" +twitter_handle = "@mercime_one" +quote = "Hugo: Makes the Web Fun Again" +link = "https://twitter.com/mercime_one/status/500547145087205377" +date = 2014-08-16T00:00:00Z + +[[tweet]] +name = "Michael Whatcott" +twitter_handle = "@mdwhatcott" +quote = "One more satisfied #Hugo blogger. Thanks @spf13 and friends!" +link = "https://twitter.com/mdwhatcott/status/469980686531571712" +date = 2014-05-23T00:00:00Z + +[[tweet]] +name = "Nathan Toups" +twitter_handle = "@rojoroboto" +quote = "I love Hugo! My site is generated with it now http://rjrbt.io" +link = "https://twitter.com/rojoroboto/status/423439915620106242" +date = 2014-01-15T00:00:00Z + +[[tweet]] +name = "Ruben Solvang" +twitter_handle = "@messo85" +quote = "#Hugo is the new @jekyllrb / @middlemanapp! Faster, easier and runs everywhere." +link = "https://twitter.com/messo85/status/472825062027182081" +date = 2014-05-31T00:00:00Z + +[[tweet]] +name = "Ryan Martinsen" +twitter_handle = "@popthestack" +quote = "Also, I re-launched my blog (it looks the same as before) using Hugo, a *fast* static engine. Very happy with it. gohugo.io" +link = "https://twitter.com/popthestack/status/549972754125307904" +date = 2014-12-30T00:00:00Z + +[[tweet]] +name = "The Lone Cuber" +twitter_handle = "@TheLoneCuber" +quote = "Jekyll is dead to me these days though... long live Hugo! Hugo is *by far* the best in its field. Thanks for making it happen." +link = "https://twitter.com/TheLoneCuber/status/495716684456398848" +date = 2014-08-02T00:00:00Z + +[[tweet]] +name = "The Lone Cuber" +twitter_handle = "@TheLoneCuber" +quote = "Finally, a publishing platform that's a joy to use. #NoMoreBarriers" +link = "https://twitter.com/TheLoneCuber/status/495731334711488512" +date = 2014-08-02T00:00:00Z + +[[tweet]] +name = "WorkHTML" +twitter_handle = "@workhtml" +quote = " #Hugo A very good alternative for #wordpress !!! A fast and modern static website engine gohugo.io " +link = "https://twitter.com/workhtml/status/563064361301053440" +date = 2015-02-04T00:00:00Z \ No newline at end of file diff --git a/dev-and-design-resources/cloud.afdesign b/dev-and-design-resources/cloud.afdesign new file mode 100644 index 000000000..df1e4c417 Binary files /dev/null and b/dev-and-design-resources/cloud.afdesign differ diff --git a/dev-and-design-resources/gopher-side_color.afdesign b/dev-and-design-resources/gopher-side_color.afdesign new file mode 100644 index 000000000..38e17fa35 Binary files /dev/null and b/dev-and-design-resources/gopher-side_color.afdesign differ diff --git a/dev-and-design-resources/gopher-small-homepage.afdesign b/dev-and-design-resources/gopher-small-homepage.afdesign new file mode 100644 index 000000000..305e170d7 Binary files /dev/null and b/dev-and-design-resources/gopher-small-homepage.afdesign differ diff --git a/dev-and-design-resources/gopher-small.afdesign b/dev-and-design-resources/gopher-small.afdesign new file mode 100644 index 000000000..dec68bb5e Binary files /dev/null and b/dev-and-design-resources/gopher-small.afdesign differ diff --git a/dev-and-design-resources/gopherizemehug.afdesign b/dev-and-design-resources/gopherizemehug.afdesign new file mode 100644 index 000000000..0f7cc21e9 Binary files /dev/null and b/dev-and-design-resources/gopherizemehug.afdesign differ diff --git a/dev-and-design-resources/hugo-logo-wide.afdesign b/dev-and-design-resources/hugo-logo-wide.afdesign new file mode 100644 index 000000000..cf410b4b7 Binary files /dev/null and b/dev-and-design-resources/hugo-logo-wide.afdesign differ diff --git a/dev-and-design-resources/newlogomaybe.afdesign b/dev-and-design-resources/newlogomaybe.afdesign new file mode 100644 index 000000000..3103a31f7 Binary files /dev/null and b/dev-and-design-resources/newlogomaybe.afdesign differ diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 383bce3dd..cb1687cc9 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -2,14 +2,18 @@ {{- partial "site-head.html" . -}} - {{- partial "site-header.html" . -}} - {{- partial "site-search.html" . -}} + {{ block "header" . }} + {{- partial "site-header.html" . -}} + {{- partial "site-search.html" . -}} + {{ end }}
- {{ block "main" . }} - {{ end}} + {{ block "main" . }} + {{ end}}
{{- partial "site-footer.html" . -}} {{- partial "site-navigation.html" . -}} {{- partial "site-scripts.html" . -}} + {{ block "addscripts" . }} + {{ end }} \ No newline at end of file diff --git a/layouts/_default/section.html b/layouts/_default/section.html index a87b2a4d5..694a22ed5 100644 --- a/layouts/_default/section.html +++ b/layouts/_default/section.html @@ -5,7 +5,7 @@
{{partial "breadcrumb.html" . }}

- {{- partial "list-icon.html" . -}} + {{- .Title | markdownify -}}

{{partial "content-header-links.html" . }} {{partial "tags.html" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 54a5451a9..2f53df3ab 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,5 +1,4 @@ {{ define "main" }} -{{$title := .Title}}
@@ -8,11 +7,14 @@ {{- partial "page-title.html" . -}} {{- partial "content-header-links.html" . -}} {{- partial "tags.html" . -}} +<<<<<<< HEAD {{ $title := .Title }} +======= +>>>>>>> homepage
{{.Content}} diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html index 15f851808..289ca4b25 100644 --- a/layouts/_default/terms.html +++ b/layouts/_default/terms.html @@ -6,7 +6,7 @@
{{ $data := .Data }} - {{ $dataPlural := .Title | urlize}} + {{ $dataPlural := add (.Title | urlize) "/"}} {{ $base := $.Site.BaseURL }} @@ -17,8 +17,10 @@ {{ range $key, $value := .Data.Terms.Alphabetical }} + {{$val := $value.Name | urlize}} + {{$valurl := add $dataPlural $val}} - + {{ end }} diff --git a/layouts/index.html b/layouts/index.html index 4e0af9998..0b4b81f6f 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,26 +1,34 @@ +{{ define "header" }} + {{- partial "homepage/homepage-header.html" . -}} + {{- partial "site-search.html" . -}} +{{ end }} {{ define "main" }} -
-
- Official full-size Hugo logo -
- -
+
+
+ {{ partial "homepage/homepage-hero.html" . }} +
+
+
+ {{ partial "homepage/homepage-focus.html" . }} +
+
+
+
+ {{ partial "homepage/homepage-features" . }} +
+
+
+
+ {{ partial "homepage/homepage-tweets.html" . }} +
+
+
+
+ {{ partial "homepage/homepage-open-source.html" . }} +
+
+
+{{ end }} +{{ define "addscripts" }} + {{ end }} \ No newline at end of file diff --git a/layouts/partials/breadcrumb.html b/layouts/partials/breadcrumb.html index c77148c3b..3f4bd36f1 100644 --- a/layouts/partials/breadcrumb.html +++ b/layouts/partials/breadcrumb.html @@ -1,18 +1,12 @@ +{{if and (ne .Kind "section") (ne .Section "")}} +{{end}} diff --git a/layouts/partials/contents-list.html b/layouts/partials/contents-list.html index df52b114e..aeb6a1291 100644 --- a/layouts/partials/contents-list.html +++ b/layouts/partials/contents-list.html @@ -1,16 +1,15 @@ {{$kind := .Kind}} -{{if eq $kind "section"}} -{{$section := replace (humanize .Section | title) "And" "and"}} -

Contents:

-{{end}} +
{{range .Data.Pages}} - -
-
-

{{- partial "list-icon.html" . -}}{{.Title | markdownify}}{{with .Params.sitelink }} {{end}}

-
-

{{.Description | markdownify }}

-
- -{{end}} \ No newline at end of file + +
+
+ +

{{.Title | markdownify}}{{with .Params.sitelink }} {{end}}

+
+

{{.Description | markdownify }}

+
+ +{{end}} +
\ No newline at end of file diff --git a/layouts/partials/head/site-style.html b/layouts/partials/head/site-style.html index cce27692e..467f7554e 100644 --- a/layouts/partials/head/site-style.html +++ b/layouts/partials/head/site-style.html @@ -1,6 +1,10 @@ +<<<<<<< HEAD {{if .Site.Params.usefontawesome}} -{{end}} \ No newline at end of file +{{end}} +======= + +>>>>>>> homepage diff --git a/layouts/partials/homepage/homepage-features.html b/layouts/partials/homepage/homepage-features.html new file mode 100644 index 000000000..c687f8a8a --- /dev/null +++ b/layouts/partials/homepage/homepage-features.html @@ -0,0 +1,9 @@ +

What Makes Hugo Special?

+{{ range sort $.Site.Data.homepagefeatures.feature "order" }} +
+

{{.name}}

+
+ {{ .description | markdownify }} +
+
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/homepage/homepage-focus.html b/layouts/partials/homepage/homepage-focus.html new file mode 100644 index 000000000..d3da69094 --- /dev/null +++ b/layouts/partials/homepage/homepage-focus.html @@ -0,0 +1,16 @@ +
+
+ {{partial "svg-icons/gopher-small-homepage.svg" .}} + {{partial "svg-icons/md.svg" .}} +
+
+ $ brew update +
$ brew install hugo +
+
+
+

Focus on your content and design.

+
+

Forget databases, security updates, and cofee breaks spent waiting for your site to rebuild.

+

Golang's speed combined with markdown's elegant simplicity mean Hugo is the first static site generator fast enough to keep up with your creativity.

+
\ No newline at end of file diff --git a/layouts/partials/homepage/homepage-header.html b/layouts/partials/homepage/homepage-header.html new file mode 100644 index 000000000..b1c8d2837 --- /dev/null +++ b/layouts/partials/homepage/homepage-header.html @@ -0,0 +1,14 @@ + diff --git a/layouts/partials/homepage/homepage-hero.html b/layouts/partials/homepage/homepage-hero.html new file mode 100644 index 000000000..47dc85a09 --- /dev/null +++ b/layouts/partials/homepage/homepage-hero.html @@ -0,0 +1,8 @@ +
+ {{ partial "svg-icons/hugo-logo-wide.svg" . }} +
+
The world's fastest static website engine. +
Written in Golang.
+
+ Get started +
\ No newline at end of file diff --git a/layouts/partials/homepage/homepage-open-source.html b/layouts/partials/homepage/homepage-open-source.html new file mode 100644 index 000000000..e452ecb2a --- /dev/null +++ b/layouts/partials/homepage/homepage-open-source.html @@ -0,0 +1,5 @@ +
+ +
+
Hugo is open source, completely free, and built with by spf13 and friends. We welcome all contributions.
+
New to Go? We've got you covered. Help us with the docs or themes.
\ No newline at end of file diff --git a/layouts/partials/homepage/homepage-tweets.html b/layouts/partials/homepage/homepage-tweets.html new file mode 100644 index 000000000..ea7e1351b --- /dev/null +++ b/layouts/partials/homepage/homepage-tweets.html @@ -0,0 +1,14 @@ +

See what others are saying about Hugo...

+{{ range first 6 (sort $.Site.Data.homepagetweets.tweet "date" "desc" ) }} +
+ +
+

+ {{.quote | safeHTML}} +

+ ─ {{ .name }} ({{ .twitter_handle }}) + {{ dateFormat "January 2, 2006" .date }} + +
+
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html index fbde4a241..dda0891bc 100644 --- a/layouts/partials/site-footer.html +++ b/layouts/partials/site-footer.html @@ -1,23 +1,23 @@ -
+ diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html index 02ae95710..c23ccaad5 100644 --- a/layouts/partials/site-header.html +++ b/layouts/partials/site-header.html @@ -3,7 +3,7 @@
{{ $value.Name }}{{ $value.Name }} {{ $value.Count }}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FlagDefaultBlackfriday flag
taskListstrue
- Purpose: - false turns off GitHub-style automatic task/TODO - list generation. -
smartypantstrueHTML_USE_SMARTYPANTS
- Purpose: - false disables smart punctuation substitutions - including smart quotes, smart dashes, smart fractions, etc. - If true, it may be fine-tuned with the - angledQuotes, - fractions, - smartDashes, and - latexDashes flags (see below). -
angledQuotesfalseHTML_SMARTYPANTS_ANGLED_QUOTES
- Purpose: - true enables smart, angled double quotes.
- - Example: - "Hugo" renders to - «Hugo» instead of “Hugo”. - -
fractionstrueHTML_SMARTYPANTS_FRACTIONS
- Purpose: - false disables smart fractions.
- - Example: - 5/12 renders to - 5⁄12 - (<sup>5</sup>&frasl;<sub>12</sub>).
- Caveat: - Even with fractions = false, - Blackfriday still converts - 1/2, 1/4 and 3/4 respectively to - ½ (&frac12;), - ¼ (&frac14;) and - ¾ (&frac34;), - but only these three. -
smartDashestrueHTML_SMARTYPANTS_DASHES
- Purpose: - false disables smart dashes; i.e., the conversion - of multiple hyphens into en dash or em dash. - If true, its behavior can be modified with the - latexDashes flag below. -
latexDashestrueHTML_SMARTYPANTS_LATEX_DASHES
- Purpose: - false disables LaTeX-style smart dashes and - selects conventional smart dashes. Assuming - smartDashes (above): -
    -
  • - If true, - -- is translated into “–” - (&ndash;), whereas - --- is translated into “—” - (&mdash;). -
    • -
  • - If false, - -- is translated into “—” - (&mdash;), whereas a - spaced single hyphen between two words - is translated into an en dash—e.g., - 12 June - 3 July becomes - 12 June &ndash; 3 July. -
    • -
-
hrefTargetBlankfalseHTML_HREF_TARGET_BLANK
- Purpose: - true opens external links in a new window or tab. -
plainIDAnchorstrue - FootnoteAnchorPrefix and - HeaderIDSuffix -
- Purpose: - true renders any header and footnote IDs - without the document ID.
- - Example: - renders #my-header instead of - #my-header:bec3ed8ba720b9073ab75abcf3ba5d97. - -
extensions[]EXTENSION_*
- Purpose: - Enable one or more of Blackfriday's Markdown extensions - (if they aren't Hugo defaults).
- - Example:   - Include "hardLineBreak" - in the list to enable Blackfriday's - EXTENSION_HARD_LINE_BREAK. - -
extensionsmask[]EXTENSION_*
- Purpose: - Disable one or more of Blackfriday's Markdown extensions - (if they are Hugo defaults).
- - Example:   - Include "autoHeaderIds" - in the list to disable Blackfriday's - EXTENSION_AUTO_HEADER_IDS. - -
- -

For additional Blackfriday configuration for multilingual sites, see Taxonomies and Blackfriday in Multingual Mode.

- - diff --git a/layouts/shortcodes/output.html b/layouts/shortcodes/output.html index c93f7034b..df1a8ae89 100644 --- a/layouts/shortcodes/output.html +++ b/layouts/shortcodes/output.html @@ -2,9 +2,9 @@ {{$icon := index (split $file ".") 1 }}
{{$file}}
-
+
{{- .Inner -}}
diff --git a/pipeline/gulpfile.js b/pipeline/gulpfile.js index 18086622e..91487ccac 100644 --- a/pipeline/gulpfile.js +++ b/pipeline/gulpfile.js @@ -15,7 +15,7 @@ const prefix = require('gulp-autoprefixer'); const pump = require('pump'); const rename = require("gulp-rename"); const sass = require('gulp-sass'); -const sassfiles = "./scss/**/*.scss"; +const sassfiles = ["./scss/**/*.scss"]; const sourcemaps = require('gulp-sourcemaps'); const uglify = require('gulp-uglify'); @@ -28,7 +28,7 @@ const uglify = require('gulp-uglify'); * - Autoprefixer * **/ -gulp.task('sass', function() { +gulp.task('scss', function() { gulp.src(sassfiles) .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError)) .pipe(prefix('last 2 versions', '> 1%', 'ie 10', 'Android 2', 'Firefox ESR')) @@ -57,12 +57,11 @@ gulp.task("image-resize", () => { .pipe(gulp.dest("../static/images/thumb")); }); - /**Javascript **/ gulp.task('scripts', function(cb) { pump([ - gulp.src(['js/_clipboard.js','js/_filesaver.js', 'js/_velocity.min.js', 'js/_velocity.ui.min.js', 'js/scripts/*.js']), + gulp.src(['js/_clipboard.js','js/_filesaver.js', 'js/_velocity.min.js', 'js/_velocity.ui.min.js', 'js/_blast.js', 'js/scripts/*.js']), // sourcemaps.init(), babel({ presets: ['es2015'] @@ -82,8 +81,8 @@ gulp.task('scripts', function(cb) { * - Watchs for file changes for images, scripts and sass/css * **/ -gulp.task('default', ['sass', 'scripts', 'image-resize'], function() { - gulp.watch('scss/**/*.scss', ['sass']); +gulp.task('default', ['scss', 'scripts', 'image-resize'], function() { + gulp.watch('scss/**/*.scss', ['scss']); gulp.watch('js/**/*.js', ['scripts']); gulp.watch('../source-images/*', ['image-resize']); }); diff --git a/pipeline/js/_blast.js b/pipeline/js/_blast.js new file mode 100644 index 000000000..91e619558 --- /dev/null +++ b/pipeline/js/_blast.js @@ -0,0 +1,480 @@ +/**************** + Blast.js +****************/ + +/*! Blast.js (2.0.0): julian.com/research/blast (C) 2015 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */ + +; +(function($, window, document, undefined) { + + /********************* + Helper Functions + *********************/ + + /* IE detection. Gist: https://gist.github.com/julianshapiro/9098609 */ + var IE = (function() { + if (document.documentMode) { + return document.documentMode; + } else { + for (var i = 7; i > 0; i--) { + var div = document.createElement("div"); + + div.innerHTML = ""; + + if (div.getElementsByTagName("span").length) { + div = null; + + return i; + } + + div = null; + } + } + + return undefined; + })(); + + /* Shim to prevent console.log() from throwing errors on IE<=7. */ + var console = window.console || { log: function() {}, time: function() {} }; + + /***************** + Constants + *****************/ + + var NAME = "blast", + characterRanges = { + latinPunctuation: "–—′’'“″„\"(«.…¡¿′’'”″“\")».…!?", + latinLetters: "\\u0041-\\u005A\\u0061-\\u007A\\u00C0-\\u017F\\u0100-\\u01FF\\u0180-\\u027F" + }, + Reg = { + /* If the abbreviations RegEx is missing a title abbreviation that you find yourself needing to often escape manually, tweet me: @Shapiro. */ + abbreviations: new RegExp("[^" + characterRanges.latinLetters + "](e\\.g\\.)|(i\\.e\\.)|(mr\\.)|(mrs\\.)|(ms\\.)|(dr\\.)|(prof\\.)|(esq\\.)|(sr\\.)|(jr\\.)[^" + characterRanges.latinLetters + "]", "ig"), + innerWordPeriod: new RegExp("[" + characterRanges.latinLetters + "]\.[" + characterRanges.latinLetters + "]", "ig"), + onlyContainsPunctuation: new RegExp("[^" + characterRanges.latinPunctuation + "]"), + adjoinedPunctuation: new RegExp("^[" + characterRanges.latinPunctuation + "]+|[" + characterRanges.latinPunctuation + "]+$", "g"), + skippedElements: /(script|style|select|textarea)/i, + hasPluginClass: new RegExp("(^| )" + NAME + "( |$)", "gi") + }; + + /**************** + $.fn.blast + ****************/ + + $.fn[NAME] = function(options) { + + /************************* + Punctuation Escaping + *************************/ + + /* Escape likely false-positives of sentence-final periods. Escaping is performed by wrapping a character's ASCII equivalent in double curly brackets, + which is then reversed (deencodcoded) after delimiting. */ + function encodePunctuation(text) { + return text + /* Escape the following Latin abbreviations and English titles: e.g., i.e., Mr., Mrs., Ms., Dr., Prof., Esq., Sr., and Jr. */ + .replace(Reg.abbreviations, function(match) { + return match.replace(/\./g, "{{46}}"); + }) + /* Escape inner-word (non-space-delimited) periods. For example, the period inside "Blast.js". */ + .replace(Reg.innerWordPeriod, function(match) { + return match.replace(/\./g, "{{46}}"); + }); + } + + /* Used to decode both the output of encodePunctuation() and punctuation that has been manually escaped by users. */ + function decodePunctuation(text) { + return text.replace(/{{(\d{1,3})}}/g, function(fullMatch, subMatch) { + return String.fromCharCode(subMatch); + }); + } + + /****************** + DOM Traversal + ******************/ + + function wrapNode(node, opts) { + var wrapper = document.createElement(opts.tag); + + /* Assign the element a class of "blast". */ + wrapper.className = NAME; + + /* If a custom class was provided, assign that too. */ + if (opts.customClass) { + wrapper.className += " " + opts.customClass; + + /* If an opts.customClass is provided, generate an ID consisting of customClass and a number indicating the match's iteration. */ + if (opts.generateIndexID) { + wrapper.id = opts.customClass + "-" + Element.blastedIndex; + } + } + + /* For the "all" delimiter, prevent space characters from collapsing. */ + if (opts.delimiter === "all" && /\s/.test(node.data)) { + wrapper.style.whiteSpace = "pre-line"; + } + + /* Assign the element a class equal to its escaped inner text. Only applicable to the character and word delimiters (since they do not contain spaces). */ + if (opts.generateValueClass === true && !opts.search && (opts.delimiter === "character" || opts.delimiter === "word")) { + var valueClass, + text = node.data; + + /* For the word delimiter, remove adjoined punctuation, which is unlikely to be desired as part of the match -- unless the text + consists solely of punctuation (e.g. "!!!"), in which case we leave the text as-is. */ + if (opts.delimiter === "word" && Reg.onlyContainsPunctuation.test(text)) { + /* E: Remove punctuation that's adjoined to either side of the word match. */ + text = text.replace(Reg.adjoinedPunctuation, ""); + } + + valueClass = NAME + "-" + opts.delimiter.toLowerCase() + "-" + text.toLowerCase(); + + wrapper.className += " " + valueClass; + } + + /* Hide the wrapper elements from screenreaders now that we've set the target's aria-label attribute. */ + if (opts.aria) { + wrapper.setAttribute("aria-hidden", "true"); + } + + wrapper.appendChild(node.cloneNode(false)); + + return wrapper; + } + + function traverseDOM(node, opts) { + var matchPosition = -1, + skipNodeBit = 0; + + /* Only proceed if the node is a text node and isn't empty. */ + if (node.nodeType === 3 && node.data.length) { + /* Perform punctuation encoding/decoding once per original whole text node (before it gets split up into bits). */ + if (Element.nodeBeginning) { + /* For the sentence delimiter, we first escape likely false-positive sentence-final punctuation. For all other delimiters, + we must decode the user's manually-escaped punctuation so that the RegEx can match correctly (without being thrown off by characters in {{ASCII}}). */ + node.data = (!opts.search && opts.delimiter === "sentence") ? encodePunctuation(node.data) : decodePunctuation(node.data); + + Element.nodeBeginning = false; + } + + matchPosition = node.data.search(delimiterRegex); + + /* If there's a RegEx match in this text node, proceed with element wrapping. */ + if (matchPosition !== -1) { + var match = node.data.match(delimiterRegex), + matchText = match[0], + subMatchText = match[1] || false; + + /* RegEx queries that can return empty strings (e.g ".*") produce an empty matchText which throws the entire traversal process into an infinite loop due to the position index not incrementing. + Thus, we bump up the position index manually, resulting in a zero-width split at this location followed by the continuation of the traversal process. */ + if (matchText === "") { + matchPosition++; + /* If a RegEx submatch is produced that is not identical to the full string match, use the submatch's index position and text. + This technique allows us to avoid writing multi-part RegEx queries for submatch finding. */ + } else if (subMatchText && subMatchText !== matchText) { + matchPosition += matchText.indexOf(subMatchText); + matchText = subMatchText; + } + + /* Split this text node into two separate nodes at the position of the match, returning the node that begins after the match position. */ + var middleBit = node.splitText(matchPosition); + + /* Split the newly-produced text node at the end of the match's text so that middleBit is a text node that consists solely of the matched text. The other newly-created text node, which begins + at the end of the match's text, is what will be traversed in the subsequent loop (in order to find additional matches in the containing text node). */ + middleBit.splitText(matchText.length); + + /* Over-increment the loop counter (see below) so that we skip the extra node (middleBit) that we've just created (and already processed). */ + skipNodeBit = 1; + + if (!opts.search && opts.delimiter === "sentence") { + /* Now that we've forcefully escaped all likely false-positive sentence-final punctuation, we must decode the punctuation back from ASCII. */ + middleBit.data = decodePunctuation(middleBit.data); + } + + /* Create the wrapped node. */ + var wrappedNode = wrapNode(middleBit, opts, Element.blastedIndex); + /* Then replace the middleBit text node with its wrapped version. */ + middleBit.parentNode.replaceChild(wrappedNode, middleBit); + + /* Push the wrapper onto the Element.wrappers array (for later use with stack manipulation). */ + Element.wrappers.push(wrappedNode); + + Element.blastedIndex++; + + /* Note: We use this slow splice-then-iterate method because every match needs to be converted into an HTML element node. A text node's text cannot have HTML elements inserted into it. */ + /* TODO: To improve performance, use documentFragments to delay node manipulation so that DOM queries and updates can be batched across elements. */ + } + /* Traverse the DOM tree until we find text nodes. Skip script and style elements. Skip select and textarea elements since they contain special text nodes that users would not want wrapped. + Additionally, check for the existence of our plugin's class to ensure that we do not retraverse elements that have already been blasted. */ + /* Note: This basic DOM traversal technique is copyright Johann Burkard . Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License */ + } else if (node.nodeType === 1 && node.hasChildNodes() && !Reg.skippedElements.test(node.tagName) && !Reg.hasPluginClass.test(node.className)) { + /* Note: We don't cache childNodes' length since it's a live nodeList (which changes dynamically with the use of splitText() above). */ + for (var i = 0; i < node.childNodes.length; i++) { + Element.nodeBeginning = true; + + i += traverseDOM(node.childNodes[i], opts); + } + } + + return skipNodeBit; + } + + /******************* + Call Variables + *******************/ + + var opts = $.extend({}, $.fn[NAME].defaults, options), + delimiterRegex, + /* Container for variables specific to each element targeted by the Blast call. */ + Element = {}; + + /*********************** + Delimiter Creation + ***********************/ + + /* Ensure that the opts.delimiter search variable is a non-empty string. */ + if (opts.search.length && (typeof opts.search === "string" || /^\d/.test(parseFloat(opts.search)))) { + /* Since the search is performed as a Regex (see below), we escape the string's Regex meta-characters. */ + opts.delimiter = opts.search.toString().replace(/[-[\]{,}(.)*+?|^$\\\/]/g, "\\$&"); + + /* Note: This matches the apostrophe+s of the phrase's possessive form: {PHRASE's}. */ + /* Note: This will not match text that is part of a compound word (two words adjoined with a dash), e.g. "front" won't match inside "front-end". */ + /* Note: Based on the way the search algorithm is implemented, it is not possible to search for a string that consists solely of punctuation characters. */ + /* Note: By creating boundaries at Latin alphabet ranges instead of merely spaces, we effectively match phrases that are inlined alongside any type of non-Latin-letter, + e.g. word|, word!, ♥word♥ will all match. */ + delimiterRegex = new RegExp("(?:^|[^-" + characterRanges.latinLetters + "])(" + opts.delimiter + "('s)?)(?![-" + characterRanges.latinLetters + "])", "i"); + } else { + /* Normalize the string's case for the delimiter switch check below. */ + if (typeof opts.delimiter === "string") { + opts.delimiter = opts.delimiter.toLowerCase(); + } + + switch (opts.delimiter) { + case "all": + /* Matches every character then later sets spaces to "white-space: pre-line" so they don't collapse. */ + delimiterRegex = /(.)/; + break; + + case "letter": + case "char": + case "character": + /* Matches every non-space character. */ + /* Note: This is the slowest delimiter. However, its slowness is only noticeable when it's used on larger bodies of text (of over 500 characters) on <=IE8. + (Run Blast with opts.debug=true to monitor execution times.) */ + delimiterRegex = /(\S)/; + break; + + case "word": + /* Matches strings in between space characters. */ + /* Note: Matches will include any punctuation that's adjoined to the word, e.g. "Hey!" will be a full match. */ + /* Note: Remember that, with Blast, every HTML element marks the start of a brand new string. Hence, "inside" matches as three separate words. */ + delimiterRegex = /\s*(\S+)\s*/; + break; + + case "sentence": + /* Matches phrases either ending in Latin alphabet punctuation or located at the end of the text. (Linebreaks are not considered punctuation.) */ + /* Note: If you don't want punctuation to demarcate a sentence match, replace the punctuation character with {{ASCII_CODE_FOR_DESIRED_PUNCTUATION}}. ASCII codes: .={{46}}, ?={{63}}, !={{33}} */ + delimiterRegex = /(?=\S)(([.]{2,})?[^!?]+?([.…!?]+|(?=\s+$)|$)(\s*[′’'”″“")»]+)*)/; + /* RegExp explanation (Tip: Use Regex101.com to play around with this expression and see which strings it matches): + - Expanded view: /(?=\S) ( ([.]{2,})? [^!?]+? ([.…!?]+|(?=\s+$)|$) (\s*[′’'”″“")»]+)* ) + - (?=\S) --> Match must contain a non-space character. + - ([.]{2,})? --> Match may begin with a group of periods. + - [^!?]+? --> Grab everything that isn't an unequivocally-terminating punctuation character, but stop at the following condition... + - ([.…!?]+|(?=\s+$)|$) --> Match the last occurrence of sentence-final punctuation or the end of the text (optionally with left-side trailing spaces). + - (\s*[′’'”″“")»]+)* --> After the final punctuation, match any and all pairs of (optionally space-delimited) quotes and parentheses. + */ + break; + + case "element": + /* Matches text between HTML tags. */ + /* Note: Wrapping always occurs inside of elements, i.e. Bolded text here. */ + delimiterRegex = /(?=\S)([\S\s]*\S)/; + break; + + /***************** + Custom Regex + *****************/ + + default: + /* You can pass in /your-own-regex/. */ + if (opts.delimiter instanceof RegExp) { + delimiterRegex = opts.delimiter; + } else { + console.log(NAME + ": Unrecognized delimiter, empty search string, or invalid custom Regex. Aborting."); + + /* Abort this Blast call. */ + return true; + } + } + } + + /********************** + Element Iteration + **********************/ + + this.each(function() { + var $this = $(this), + text = $this.text(); + + /* When anything except false is passed in for the options object, Blast is initiated. */ + if (options !== false) { + + /********************** + Element Variables + **********************/ + + Element = { + /* The index of each wrapper element generated by blasting. */ + blastedIndex: 0, + /* Whether we're just entering this node. */ + nodeBeginning: false, + /* Keep track of the elements generated by Blast so that they can (optionally) be pushed onto the jQuery call stack. */ + wrappers: Element.wrappers || [] + }; + + /***************** + Housekeeping + *****************/ + + /* Unless a consecutive opts.search is being performed, an element's existing Blast call is reversed before proceeding. */ + if ($this.data(NAME) !== undefined && ($this.data(NAME) !== "search" || opts.search === false)) { + reverse($this, opts); + + if (opts.debug) console.log(NAME + ": Removed element's existing Blast call."); + } + + /* Store the current delimiter type so that it can be compared against on subsequent calls (see above). */ + $this.data(NAME, opts.search !== false ? "search" : opts.delimiter); + + if (opts.aria) { + $this.attr("aria-label", text); + } + + /**************** + Preparation + ****************/ + + /* Perform optional HTML tag stripping. */ + if (opts.stripHTMLTags) { + $this.html(text); + } + + /* If the browser throws an error for the provided element type (browers whitelist the letters and types of the elements they accept), fall back to using "span". */ + try { + document.createElement(opts.tag); + } catch (error) { + opts.tag = "span"; + + if (opts.debug) console.log(NAME + ": Invalid tag supplied. Defaulting to span."); + } + + /* For reference purposes when reversing Blast, assign the target element a root class. */ + $this.addClass(NAME + "-root"); + + /* Initiate the DOM traversal process. */ + if (opts.debug) console.time(NAME); + traverseDOM(this, opts); + if (opts.debug) console.timeEnd(NAME); + + /* If false is passed in as the first parameter, reverse Blast. */ + } else if (options === false && $this.data(NAME) !== undefined) { + reverse($this, opts); + } + + /************** + Debugging + **************/ + + /* Output the full string of each wrapper element and color alternate the wrappers. This is in addition to the performance timing that has already been outputted. */ + if (opts.debug) { + $.each(Element.wrappers, function(index, element) { + console.log(NAME + " [" + opts.delimiter + "] " + this.outerHTML); + this.style.backgroundColor = index % 2 ? "#f12185" : "#075d9a"; + }); + } + }); + + /************ + Reverse + ************/ + + function reverse($this, opts) { + if (opts.debug) console.time("blast reversal"); + + var skippedDescendantRoot = false; + + $this + .removeClass(NAME + "-root") + .removeAttr("aria-label") + .find("." + NAME) + .each(function() { + var $this = $(this); + /* Do not reverse Blast on descendant root elements. (Before you can reverse Blast on an element, you must reverse Blast on any parent elements that have been Blasted.) */ + if (!$this.closest("." + NAME + "-root").length) { + var thisParentNode = this.parentNode; + + /* This triggers some sort of node layout, thereby solving a node normalization bug in <=IE7 for reasons unknown. If you know the specific reason, tweet me: @Shapiro. */ + if (IE <= 7)(thisParentNode.firstChild.nodeName); + + /* Strip the HTML tags off of the wrapper elements by replacing the elements with their child node's text. */ + thisParentNode.replaceChild(this.firstChild, this); + + /* Normalize() parents to remove empty text nodes and concatenate sibling text nodes. (This cleans up the DOM after our manipulation.) */ + thisParentNode.normalize(); + } else { + skippedDescendantRoot = true; + } + }); + + /* Zepto core doesn't include cache-based $.data(), so we mimic data-attr removal by setting it to undefined. */ + if (window.Zepto) { + $this.data(NAME, undefined); + } else { + $this.removeData(NAME); + } + + if (opts.debug) { + console.log(NAME + ": Reversed Blast" + ($this.attr("id") ? " on #" + $this.attr("id") + "." : ".") + (skippedDescendantRoot ? " Skipped reversal on the children of one or more descendant root elements." : "")); + console.timeEnd("blast reversal"); + } + } + + /************* + Chain + *************/ + + /* Either return a stack composed of our call's Element.wrappers or return the element(s) originally targeted by the Blast call. */ + /* Note: returnGenerated can only be disabled on a per-call basis (not a per-element basis). */ + if (options !== false && opts.returnGenerated === true) { + /* A reimplementation of jQuery's $.pushStack() (since Zepto does not provide this function). */ + var newStack = $().add(Element.wrappers); + newStack.prevObject = this; + newStack.context = this.context; + + return newStack; + } else { + return this; + } + }; + + /*************** + Defaults + ***************/ + + $.fn.blast.defaults = { + returnGenerated: true, + delimiter: "word", + tag: "span", + search: false, + customClass: "", + generateIndexID: false, + generateValueClass: false, + stripHTMLTags: false, + aria: true, + debug: false + }; +})(window.jQuery || window.Zepto, window, document); + +/***************** + Known Issues +*****************/ + +/* In <=IE7, when Blast is called on the same element more than once with opts.stripHTMLTags=false, calls after the first may not target the entirety of the element and/or may + inject excess spacing between inner text parts due to <=IE7's faulty node normalization. */ diff --git a/pipeline/js/scripts/site-navigation.js b/pipeline/js/scripts/site-navigation.js index da8acb4ad..bfe3db0c1 100644 --- a/pipeline/js/scripts/site-navigation.js +++ b/pipeline/js/scripts/site-navigation.js @@ -6,7 +6,7 @@ $('.top-menu-item-link.true').on('click', function(evt) { slideDir = isOpen ? 'slideUp' : 'slideDown', dur = isOpen ? 200 : 400; $ul.velocity(slideDir, { - easing: 'easeOutQuart', + easing: 'easeOut', duration: dur }); }); diff --git a/pipeline/package.json b/pipeline/package.json index 0ab7388db..d51d61a4a 100644 --- a/pipeline/package.json +++ b/pipeline/package.json @@ -23,7 +23,9 @@ "homepage": "https://github.com/dope/gulp-starter", "devDependencies": { "babel-preset-es2015": "^6.18.0", + "bulma": "^0.3.2", "concurrent-transform": "^1.0.0", + "flexboxgrid": "^6.3.1", "gulp": "^3.8.8", "gulp-autoprefixer": "^1.0.1", "gulp-babel": "^6.1.2", @@ -32,6 +34,7 @@ "gulp-imagemin": "^2.2.1", "gulp-plumber": "^0.6.6", "gulp-rename": "^1.2.0", + "gulp-ruby-sass": "^2.1.1", "gulp-sass": "^2.0.4", "gulp-sourcemaps": "^2.2.0", "gulp-uglify": "^1.1.0", diff --git a/pipeline/scss/_variables.scss b/pipeline/scss/_variables.scss index 4b881dd12..1dfaee5c3 100644 --- a/pipeline/scss/_variables.scss +++ b/pipeline/scss/_variables.scss @@ -60,7 +60,7 @@ $active-color: $default-anchor-color; //Buttons $base-button-color: $hugo-blue; $base-button-text-color: $hugo-white; -$button-border-radius: .25em; +$button-border-radius: 3px; //Codeblocks // $code-font-family:'courierprime',courier,monospace; @@ -73,8 +73,9 @@ $code-copy-button-color:#ffffff; $code-copy-button-text-color:$base-font-color; $code-base-font-color:$hugo-pink-light; $inline-code-text-color:$base-font-color; -$inline-code-background-color:$hugo-gray-ultra-light; +$inline-code-background-color:darken($hugo-gray-ultra-light,1%); $code-block-background-color: $inline-code-background-color; + //Sidebar & Breadcrumb $site-navigation-width: 280px; $content-max-width: 32em; @@ -82,18 +83,38 @@ $site-navigation-bg-color:$hugo-gray-ultra-light; $breadcrumb-navigation-bg-color:$hugo-blue-ultra-light; $breadcrumb-navigation-bg-color-active:$hugo-blue; $breadcrumb-navigation-text-color-active:$hugo-white; + //Headers $site-header-height:50px; + //Toc $toc-bg-color:$body-bg-color; + //Footers $site-footer-bg-color:$hugo-black; -$site-footer-height: 100px; +$site-footer-height-l-plus: 140px; + //Tags $tag-bg-color:$hugo-gray-ultra-light; + //Brand Colors: $html: #E44D26; $css: #1758A7; $sass: #CF649A; $golang: #69D7E2; $javascript: #F0DB4F; + +//Homepage, using BULMA: http://bulma.io/ +// Override variables here +// You can add new ones or update existing ones: + +$blue: $hugo-blue; +$pink: $hugo-pink; +$family-serif: "Georgia", serif; + + +// Override generated variables here +// For example, by default, the $danger color is $red and the font is sans-serif +// You can change these values: + +$family-primary: $family-serif; \ No newline at end of file diff --git a/pipeline/scss/abstracts/_animate.scss b/pipeline/scss/abstracts/_animate.scss deleted file mode 100644 index 7148b5765..000000000 --- a/pipeline/scss/abstracts/_animate.scss +++ /dev/null @@ -1,3340 +0,0 @@ -@charset "UTF-8"; - -/*! - * animate.css -http://daneden.me/animate - * Version - 3.5.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2016 Daniel Eden - */ - -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -.animated.flipOutX, -.animated.flipOutY, -.animated.bounceIn, -.animated.bounceOut { - -webkit-animation-duration: .75s; - animation-duration: .75s; -} - -@-webkit-keyframes bounce { - from, 20%, 53%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - - 90% { - -webkit-transform: translate3d(0,-4px,0); - transform: translate3d(0,-4px,0); - } -} - -@keyframes bounce { - from, 20%, 53%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - - 90% { - -webkit-transform: translate3d(0,-4px,0); - transform: translate3d(0,-4px,0); - } -} - -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} - -@-webkit-keyframes flash { - from, 50%, to { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -@keyframes flash { - from, 50%, to { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -.flash { - -webkit-animation-name: flash; - animation-name: flash; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} - -@-webkit-keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - - 65% { - -webkit-transform: scale3d(.95, 1.05, 1); - transform: scale3d(.95, 1.05, 1); - } - - 75% { - -webkit-transform: scale3d(1.05, .95, 1); - transform: scale3d(1.05, .95, 1); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - - 65% { - -webkit-transform: scale3d(.95, 1.05, 1); - transform: scale3d(.95, 1.05, 1); - } - - 75% { - -webkit-transform: scale3d(1.05, .95, 1); - transform: scale3d(1.05, .95, 1); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; -} - -@-webkit-keyframes shake { - from, to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} - -@keyframes shake { - from, to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} - -.shake { - -webkit-animation-name: shake; - animation-name: shake; -} - -@-webkit-keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -.headShake { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-name: headShake; - animation-name: headShake; -} - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} - -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} - -.swing { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; -} - -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -@keyframes wobble { - from { - -webkit-transform: none; - transform: none; - } - - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; -} - -@-webkit-keyframes jello { - from, 11.1%, to { - -webkit-transform: none; - transform: none; - } - - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} - -@keyframes jello { - from, 11.1%, to { - -webkit-transform: none; - transform: none; - } - - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} - -.jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; -} - -@-webkit-keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 40% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - - 80% { - -webkit-transform: scale3d(.97, .97, .97); - transform: scale3d(.97, .97, .97); - } - - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 40% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - - 80% { - -webkit-transform: scale3d(.97, .97, .97); - transform: scale3d(.97, .97, .97); - } - - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; -} - -@-webkit-keyframes bounceInDown { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInDown { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} - -@-webkit-keyframes bounceInLeft { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInLeft { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} - -@-webkit-keyframes bounceInRight { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInRight { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - - to { - -webkit-transform: none; - transform: none; - } -} - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} - -@-webkit-keyframes bounceInUp { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes bounceInUp { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; -} - -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - to { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } -} - -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - to { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } -} - -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut; -} - -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} - -@-webkit-keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} - -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} - -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; -} - -@-webkit-keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} - -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} - -@-webkit-keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} - -@-webkit-keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} - -@-webkit-keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} - -@-webkit-keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} - -@-webkit-keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} - -@-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} - -@-webkit-keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} - -@-webkit-keyframes fadeOut { - from { - opacity: 1; - } - - to { - opacity: 0; - } -} - -@keyframes fadeOut { - from { - opacity: 1; - } - - to { - opacity: 0; - } -} - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} - -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -@keyframes fadeOutDown { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} - -@-webkit-keyframes fadeOutDownBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@keyframes fadeOutDownBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} - -@-webkit-keyframes fadeOutLeft { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -@keyframes fadeOutLeft { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} - -@-webkit-keyframes fadeOutLeftBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@keyframes fadeOutLeftBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} - -@-webkit-keyframes fadeOutRight { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -@keyframes fadeOutRight { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} - -@-webkit-keyframes fadeOutRightBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -@keyframes fadeOutRightBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} - -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -@keyframes fadeOutUp { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} - -@-webkit-keyframes fadeOutUpBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@keyframes fadeOutUpBig { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} - -@-webkit-keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) scale3d(.95, .95, .95); - transform: perspective(400px) scale3d(.95, .95, .95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -@keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) scale3d(.95, .95, .95); - transform: perspective(400px) scale3d(.95, .95, .95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -.animated.flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; -} - -@-webkit-keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -@keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -.flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; -} - -@-webkit-keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -@keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -.flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; -} - -@-webkit-keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} - -@keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; -} - -@-webkit-keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} - -@keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} - -.flipOutY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; -} - -@-webkit-keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - - to { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - - to { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -@-webkit-keyframes lightSpeedOut { - from { - opacity: 1; - } - - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} - -@keyframes lightSpeedOut { - from { - opacity: 1; - } - - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} - -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; -} - -@-webkit-keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; -} - -@-webkit-keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} - -@-webkit-keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} - -@-webkit-keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} - -@-webkit-keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} - -@-webkit-keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} - -@keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} - -@-webkit-keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} - -@keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} - -@-webkit-keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -@keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} - -@-webkit-keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -@keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} - -@-webkit-keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; -} - -@-webkit-keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} - -@keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} - -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollOut { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} - -@keyframes rollOut { - from { - opacity: 1; - } - - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} - -@-webkit-keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 50% { - opacity: 1; - } -} - -@keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 50% { - opacity: 1; - } -} - -.zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; -} - -@-webkit-keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; -} - -@-webkit-keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; -} - -@-webkit-keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; -} - -@-webkit-keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; -} - -@-webkit-keyframes zoomOut { - from { - opacity: 1; - } - - 50% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - to { - opacity: 0; - } -} - -@keyframes zoomOut { - from { - opacity: 1; - } - - 50% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - to { - opacity: 0; - } -} - -.zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; -} - -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - to { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - to { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; -} - -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); - transform: scale(.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); - transform: scale(.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} - -.zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; -} - -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: scale(.1) translate3d(2000px, 0, 0); - transform: scale(.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} - -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - } - - to { - opacity: 0; - -webkit-transform: scale(.1) translate3d(2000px, 0, 0); - transform: scale(.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} - -.zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; -} - -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - to { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - to { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; -} - -@-webkit-keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} - -@-webkit-keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} - -@-webkit-keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} - -@-webkit-keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; -} - -@-webkit-keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -@keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; -} - -@-webkit-keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -@keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} - -@-webkit-keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -@keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; -} - -@-webkit-keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -@keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} diff --git a/pipeline/scss/base/_base.scss b/pipeline/scss/base/_base.scss index a8a8b2bdf..53a4e604a 100644 --- a/pipeline/scss/base/_base.scss +++ b/pipeline/scss/base/_base.scss @@ -45,3 +45,7 @@ p { margin-bottom: 1.5em; line-height: $base-line-height-content; } + +::-webkit-scrollbar { + display:none; +} diff --git a/pipeline/scss/components/_anchors.scss b/pipeline/scss/components/_anchors.scss index 63af54987..f688266ee 100644 --- a/pipeline/scss/components/_anchors.scss +++ b/pipeline/scss/components/_anchors.scss @@ -101,6 +101,9 @@ a.tooltip { transition: opacity .3s ease-in-out; opacity: 1; } + .icon-link:hover { + color:$hugo-pink; + } } } } diff --git a/pipeline/scss/components/_buttons.scss b/pipeline/scss/components/_buttons.scss index bae4a5c3b..c090ab7b9 100644 --- a/pipeline/scss/components/_buttons.scss +++ b/pipeline/scss/components/_buttons.scss @@ -6,6 +6,7 @@ a[role="button"] { outline: none; border-radius: $button-border-radius; padding: .25em .5em; + font-size: 1em; box-shadow: none; text-align: center; @include card(1, 3); diff --git a/pipeline/scss/components/_code.scss b/pipeline/scss/components/_code.scss index cca6d50c4..2c1ed823b 100644 --- a/pipeline/scss/components/_code.scss +++ b/pipeline/scss/components/_code.scss @@ -5,10 +5,20 @@ font-size: .9em; weight: inherit; font-weight: $code-font-base-weight; +<<<<<<< HEAD position: relative; overflow-y: visible; z-index:1; } +======= + overflow-y: visible; + z-index: 1; + } + > pre { + position: relative; + margin-bottom: 1.5em; + } +>>>>>>> homepage pre > code, .code { background-color: $code-block-background-color; @@ -41,6 +51,10 @@ overflow: hidden; padding: .5em; overflow-y: visible; +<<<<<<< HEAD +======= + margin-bottom: 1.5em; +>>>>>>> homepage } code[class^="language-"] { @@ -49,18 +63,42 @@ code[class^="language-"] { position: absolute; top: 4px; right: 4px; +<<<<<<< HEAD color: lighten($base-font-color, 25%); +======= + color: lighten($base-font-color, 35%); +>>>>>>> homepage font-family: 'fontello'; content: '\f121'; } } +<<<<<<< HEAD .copy-button + .code-copy-content { code[class^="language-"] { &:after { display: none; position: absolute; top: -14px; +======= +// .filename + .code-copy-content { +// code[class^="language-"] { +// &:after { +// // display: none; +// position: absolute; +// top: -16px; +// right: 4px; +// z-index:99999999; +// } +// } +// } +.copy-button + .code-copy-content { + code[class^="language-"] { + &:after { + // display: none; + position: absolute; + top: -4px; +>>>>>>> homepage right: 4px; } } @@ -91,6 +129,7 @@ code.language-scss:after { content: '\e803'; } +<<<<<<< HEAD .filename { font-family: $code-font-family; color: lighten($base-font-color, 45%); @@ -145,6 +184,94 @@ code.language-scss:after { } } +======= +code.language-bash:after, +code.language-sh:after { + font-family: 'fontello'; + content: '\e804'; + right: 6px; +} + +code.language-toml:after { + content: 'TOML'; + font-size: .8em; + padding-right: .3em; +} + +code.language-yaml:after, +code.language-yml:after { + content: 'TOML'; + font-size: .8em; + padding-right: .3em; +} + +code.language-md:after, +code.language-markdown:after { + font-family: 'fontello'; + content: '\e80e'; +} + +.copy-button + .code-copy-content { + code[class^="language-"] { + &:after { + display: none; + position: absolute; + top: -8px; + right: 4px; + } + } +} + +.filename { + font-family: $code-font-family; + color: lighten($base-font-color, 25%); + padding-left: 1em; + padding-top: .25em; + font-size: .7em; + background-color: $code-block-background-color; + width: 100%; + font-style: italic; + margin-bottom: 0px; +} + +.code-icon { + position: absolute; + top: 2px; + right: 4px; +} + +.copy-button,.download-button { + transition: opacity .3s ease-in-out; + opacity: 1; + position: absolute; + right: 1px; + top: 1px; + background-color: white; + color: $base-font-color; + border-radius: 0px; + @include card(1); + height: 30px; + min-width: 70px; + font-size: 12px; + display: block; + z-index: 15; + &:hover { + @include card(3); + } + span.button-text { + text-transform: uppercase; + margin-left: 0px; + } +} + +.download-button { + position:absolute; + min-width: 70px; + top:1px; + right:72px; +} + +>>>>>>> homepage .tooltipped { position: absolute; // background-color: $code-tooltip-bg-color; diff --git a/pipeline/scss/components/_contents-list.scss b/pipeline/scss/components/_contents-list.scss index 11be7af92..01de581a6 100644 --- a/pipeline/scss/components/_contents-list.scss +++ b/pipeline/scss/components/_contents-list.scss @@ -1,3 +1,9 @@ +.all-contents { + // border-top: 1px solid $hugo-blue; + padding-top:1em; + font-size:.95em; +} + .contents-list { box-shadow: none; background-color: transparent; @@ -5,7 +11,7 @@ border-bottom: 1px solid $hugo-gray-light; margin-bottom: 1em; position: relative; - font-size:.95em; + font-size: .95em; a { width: 100%; color: $base-font-color; @@ -18,12 +24,13 @@ } } h3 { - margin-top:0px; - padding-top:0px; + margin-top: 0px; + padding-top: 0px; padding-bottom: 2px; + color: $hugo-pink; } p { - margin-top:8px; + margin-top: 8px; margin-bottom: 16px; } } @@ -36,8 +43,8 @@ } .list-icon { - display:flex; - align-items:center; + display: flex; + align-items: center; } .list-icon-wrapper { @@ -53,4 +60,3 @@ display: block; } } - diff --git a/pipeline/scss/components/_gopher.scss b/pipeline/scss/components/_gopher.scss new file mode 100644 index 000000000..c7f1d5949 --- /dev/null +++ b/pipeline/scss/components/_gopher.scss @@ -0,0 +1,37 @@ +// SVG base fills +.cls-1 {fill:#11485e;} +.cls-2 {fill:#7fc2e2;} +.cls-3 {fill:#d8d5d5;} +.cls-4 {fill:#131413;} +.cls-5 {fill:#fff;} +.cls-6 {fill:#b28f82;} +.cls-7 {fill:#231f20;} +.cls-8 {fill:#418cbd;} + +// calling animations +.eye { + animation: squeeze 2.4s infinite; +} +.nose { + animation: nose 2s infinite ease; +} +.gopher { + transform: translateY(120px); + animation: start .8s forwards ease-in-out; +} +// setting animations +// @keyframes start { +// 100% { transform: translateY(0); } +// } +@keyframes nose { + 80% { transform: none;} + 83% { transform: translateX(7.5px) scaleX(0.9); } + 90% { transform: none;} + 93% { transform: translateX(7.5px) scaleX(0.9); } + 100% { transform: none; } +} +@keyframes squeeze { + 90% { transform: none; animation-timing-function: ease-in; } + 93% { transform: translateY(70px) scaleY(.1); } + 100% { animation-timing-function: ease-out; } +} \ No newline at end of file diff --git a/pipeline/scss/components/_site-search.scss b/pipeline/scss/components/_site-search.scss index 34c4582c1..370f8eafc 100644 --- a/pipeline/scss/components/_site-search.scss +++ b/pipeline/scss/components/_site-search.scss @@ -7,6 +7,7 @@ margin-right: 20px; font-size: 1.2em; z-index: 60; + color:$hugo-pink; @include MQ(L){ top:.3em; } @@ -33,7 +34,7 @@ form#site-search-form { #search-input { max-height: $site-header-height * .9; padding-left: 20px; - font-size: 24px; + font-size: 1em; } } diff --git a/pipeline/scss/components/_table-of-contents.scss b/pipeline/scss/components/_table-of-contents.scss index 2a52de26b..7657a2785 100644 --- a/pipeline/scss/components/_table-of-contents.scss +++ b/pipeline/scss/components/_table-of-contents.scss @@ -39,17 +39,37 @@ aside#toc { opacity: 1; } @include MQ(XL) { + .toc-inner-wrapper { + position: relative; + min-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus}); + max-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus}); + overflow-y: scroll; + } box-shadow: none; top: $site-header-height; - // left: calc(#{$site-navigation-width} + #{$content-max-width} + 4em); - right:0px; + right: 0px; bottom: auto; opacity: 1; - min-height: calc(100vh - #{$site-header-height}); - max-height: calc(100vh - #{$site-header-height}); + min-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus}); + max-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus}); transform: scale(1); - border-left: 1px solid $hugo-gray-light; border-radius: 0px; + margin-right: 1.5em; + padding-bottom:20px; + .fade { + content: ''; + display: inline-block; + position: absolute; + bottom: -1px; + left: 0px; + width: 100%; + min-height: 1px; + // background-image: linear-gradient(to bottom, transparent, #ffffff); + // box-shadow: 0 1px 20px rgba(255, 255, 255, 0.12), 0 1px 20px rgba(255, 255, 255, 0.24); + -webkit-box-shadow: 0px 0px 72px 50px rgba(255, 255, 255, 1); + -moz-box-shadow: 0px 0px 72px 50px rgba(255, 255, 255, 1); + box-shadow: 0px 0px 72px 50px rgba(255, 255, 255, 1); + } } } @@ -57,13 +77,14 @@ nav#TableOfContents { position: relative; margin-bottom: 20px; height: auto; + overflow-y: scroll; li code { - font-family:$base-font-family; + font-family: $base-font-family; } li.active > a > code { color: inherit; font-weight: 700; - font-family:$base-font-family; + font-family: $base-font-family; } > ul:first-child { padding-left: 0px; @@ -121,6 +142,7 @@ nav#TableOfContents { } > ul { display: block; + // display: none; margin-top: 8px; margin-bottom: 0px; > li { @@ -150,9 +172,6 @@ nav#TableOfContents { } } } - ul { - display: none; - } } } } @@ -177,7 +196,6 @@ aside#toc + a#toc-toggle { text-align: center; border-radius: 5px; &:after { - // content:'ToC'; content: '\2026'; display: block; position: relative; diff --git a/pipeline/scss/layout/_site-content.scss b/pipeline/scss/layout/_site-content.scss index 65f4fa61e..d90cc1032 100644 --- a/pipeline/scss/layout/_site-content.scss +++ b/pipeline/scss/layout/_site-content.scss @@ -43,12 +43,12 @@ main.main { margin-left: auto; margin-right: auto; @include MQ(M){ - max-width: $content-max-width; } @include MQ(L) { float:left; margin-left:5%; margin-right:auto; + max-width: $content-max-width; } @include MQ(XL) { min-width: $content-max-width; @@ -88,14 +88,14 @@ header.content-header { display: block; } position: absolute; - right: 0px; - top: 0px; + right: 1px; + top: 1px; text-transform:uppercase; width:auto; overflow:visible; a { position: relative; - border: 1px solid $hugo-gray-light; + // border: 1px solid $hugo-gray-light; display: inline-block; color: $base-font-color; padding: 4px 6px; @@ -104,7 +104,7 @@ header.content-header { line-height: 36px; text-align: center; border-radius: $button-border-radius; - @include card(1, 3); + @include card(1); &:hover { color: $default-anchor-color; } @@ -134,6 +134,7 @@ header.content-header { margin-top: 1em; } em { - font-weight: bolder; + // font-weight: bolder; + font-weight: inherit; } } diff --git a/pipeline/scss/layout/_site-footer.scss b/pipeline/scss/layout/_site-footer.scss index 298864fd7..895597138 100644 --- a/pipeline/scss/layout/_site-footer.scss +++ b/pipeline/scss/layout/_site-footer.scss @@ -11,11 +11,7 @@ @include MQ(L) { width:calc(100% - #{$site-navigation-width}); margin-left: $site-navigation-width; - } - @include MQ(XL) { - &.withtoc { - max-width:calc(100vw - #{$site-navigation-width * 2}); - } + height: $site-footer-height-l-plus; } } @@ -25,13 +21,23 @@ margin-right: auto; color: $hugo-white; display: flex; - flex-direction: column; - span { - text-align: center; + flex-direction: row; + flex-wrap: wrap; + max-width: $M; + .footer-info { width: 100%; - display: block; - margin-top: 1em; - font-size: .9em; + span { + width: 100%; + display:block; + text-align: center; + margin-top:1em; + @include MQ(M){ + margin-top:0px; + } + } + @include MQ(M) { + width: 200px; + } } img { max-width: 140px; @@ -43,22 +49,19 @@ flex-direction: row; justify-content: space-between; align-items: center; + flex-wrap: nowrap; div { - min-width: 50%; - width: 50%; - max-width: 50%; + min-width: 120px; + // width: 50%; + // max-width: 50%; } } } -.footer-lists { - display: flex; - justify-content: space-around; - margin-right: 1em; - margin-top: 1em; -} - .footer-list { + display: flex; + flex-direction: column; + justify-content: center; color: $hugo-white; list-style: none; margin-left: 0px; @@ -67,27 +70,16 @@ margin-right: 2em; margin: 0px; flex-wrap: wrap; - li a { - color: $hugo-white; - display: flex; - align-items: center; - &:not(i) { - font-size: 14px; + ul { + list-style: none; + li a { + color: $hugo-white; + font-size: .8em; } - i { - font-size: 16px; - margin-right: .25em; - &.icon-github:before { - font-size: 22px; - margin-left: 0px; - margin-right: 2px; - } - } - &:hover { - color: $hugo-pink; - } - } - @include MQ(L) { - min-width: 150px; } } + +#site-footer.homepage { + width: 100vw; + margin-left: 0px; +} diff --git a/pipeline/scss/layout/_site-navigation.scss b/pipeline/scss/layout/_site-navigation.scss index 713ccad8f..f36bb134b 100644 --- a/pipeline/scss/layout/_site-navigation.scss +++ b/pipeline/scss/layout/_site-navigation.scss @@ -1,3 +1,7 @@ +.site-navigation::-webkit-scrollbar { + display: none; +} + .site-navigation { transition: transform .3s ease-in-out; position: fixed; @@ -10,9 +14,13 @@ transform:translateX(-#{$site-navigation-width}); padding: 0px; z-index: 9; - display:flex; - flex-direction:column; - align-items:center; + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 2em; + &::-webkit-scrollbar { + display: none; + } &.navigation-open { transition: transform .3s ease-in-out; transform: translateX(0px); @@ -25,33 +33,32 @@ } ul.top-menu { margin-top: $site-header-height + 30px; - // display: inline-block; - width:85%; + margin-bottom: 30px; + width: 85%; @include MQ(L) { margin-top: $site-header-height + 10px; } a { color: $base-font-color; font-weight: $base-font-weight; - width:100%; + width: 100%; &:hover { - color:$hugo-pink; + color: $hugo-pink; } } li { padding-left: 0px; line-height: 1.2; - margin-top: .66em; - margin-bottom: .66em; + padding-top: .75em; ul li { - padding-left: .5em; + padding-left: .3em; } } a.top-menu-item-link { font-size: 16px; - width:100%; + width: 100%; i.fa.fa-angle-double-right { - margin-left:.25em; + margin-left: .25em; } &.active-section { color: $hugo-pink; @@ -65,10 +72,11 @@ } ul.submenu { display: none; - margin-left: .4em; + margin-left: .2em; padding-left: .5em; + padding-bottom: .66em; li { - line-height:1.3; + line-height: 1.3; } a.submenu-item-link { font-size: 14px; @@ -81,8 +89,8 @@ > code { color: $hugo-blue; > em { - font-style:normal; - family:$base-font-family; + font-style: normal; + family: $base-font-family; } } } @@ -92,16 +100,16 @@ } .nav-buttons { - display:block; - margin-left:auto; - margin-right:auto; + display: block; + margin-left: auto; + margin-right: auto; max-width: 200px; a { margin-bottom: .5em; display: inline-block; width: 200px; max-width: 200px; - position:relative; + position: relative; font-size: .9em; } } @@ -165,6 +173,7 @@ border: 2px solid $hugo-pink; } } + .top { left: 15%; top: 20%; diff --git a/pipeline/scss/pages/_homepage-new.scss b/pipeline/scss/pages/_homepage-new.scss deleted file mode 100644 index e69de29bb..000000000 diff --git a/pipeline/scss/pages/_homepage-old.scss b/pipeline/scss/pages/_homepage-old.scss new file mode 100644 index 000000000..c6828c70f --- /dev/null +++ b/pipeline/scss/pages/_homepage-old.scss @@ -0,0 +1,103 @@ +.all-content-wrapper.home { + background-color: lighten($hugo-blue-light, 50%); + overflow-x: hidden; + @include MQ(L) { + display: flex; + flex-direction: column; + } +} + +main#homepage { + width: 90%; + margin-bottom: 2.5em; + margin:{ + left:auto; + right:auto; + } +} + +.homepage-image { + display: block; + margin: 1em auto; + max-width: 200px; + img { + max-width: 200px; + margin: { + left: auto; + right: auto; + } + } +} + +.homepage-cards { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + flex-shrink: 0; + list-style: none; + padding-left: 0px; + margin-left: 0px; + max-width:$L; + .homepage-card { + @include card(1, 3); + color: inherit; + width: 100%; + background-color: $body-bg-color; + margin-bottom: .5em; + padding: 16px 10px; + flex-shrink: 0; + a { + display: flex; + min-height: 100%; + } + @include MQ(M) { + flex: 1 0 #{$M * .4}; + max-width: 48%; + margin-bottom: 1em; + } + section { + display: flex; + flex-direction: row; + align-items: center; + } + .homepage-card-image-wrapper { + max-width: 60px; + min-width: 60px; + margin-right: 10px; + img { + max-width: 60px; + margin-left: auto; + margin-right: auto; + } + @include MQ(M) { + max-width: 70px; + min-width: 70px; + img { + max-width: 70px; + } + } + } + h2 { + font-size: 1em; + margin: 0px; + line-height: 1.1; + margin-bottom: .5em; + padding-bottom: 0px; + padding-top: 0px; + color: $base-font-color; + } + p { + font-size: .8em; + line-height: 1.3; + margin-bottom: 0px; + color: lighten($base-font-color, 20%); + } + } + @include MQ(L) { + margin-left: auto; + margin-right: auto; + } + @include MQ(XL){ + max-width:$M; + } +} diff --git a/pipeline/scss/pages/_homepage.scss b/pipeline/scss/pages/_homepage.scss index c6828c70f..c54f0e3e2 100644 --- a/pipeline/scss/pages/_homepage.scss +++ b/pipeline/scss/pages/_homepage.scss @@ -1,103 +1,381 @@ -.all-content-wrapper.home { - background-color: lighten($hugo-blue-light, 50%); - overflow-x: hidden; - @include MQ(L) { +#homepage-nav { + transition: box-shadow .2s ease-in-out; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + position: fixed; + top: 0px; + left: 0px; + z-index: 50; + min-height: 50px; + max-height: 50px; + background-color: $hugo-white; + &.shadow { + transition: box-shadow .2s ease-in-out; + @include card(1); + } +} + +ul.animated { + margin-top: 0px; + margin-bottom: 0px; + max-width: 400px; + min-width: 240px; + text-align: center; + display: flex; + justify-content: space-between; + align-items: center; + @include MQ(M) { + min-width: 320px; + } + margin: { + left: auto; + right: auto; + } + li { display: flex; - flex-direction: column; - } -} - -main#homepage { - width: 90%; - margin-bottom: 2.5em; - margin:{ - left:auto; - right:auto; - } -} - -.homepage-image { - display: block; - margin: 1em auto; - max-width: 200px; - img { - max-width: 200px; - margin: { - left: auto; - right: auto; + a { + color: $hugo-gray; + &:hover { + color: $hugo-pink; + } } } } -.homepage-cards { +#all-content-wrapper.home { + margin-left: 0px; + margin-top: 0px; + @include MQ(M) { + margin-left: 0px; + } + main#homepage.main { + margin-left: 0px; + width: 100vw; + min-width: 100vw; + } +} + +.homepage-icon { + display: block; + display: flex; + align-items: center; + width: 90%; + max-width: 540px; + margin-top: 5em; + opacity: 0; + margin: { + right: auto; + left: auto; + } + span { + width: 100%; + display: inline; + text-align: center; + font-size: 2.3em; + @include MQ(M) { + font-size: 3.5em; + } + color: $hugo-pink; + font-weight: 900; + font-family: 'helvetica neue', + helvetica, + arial; + margin-left: -.25em; + } +} + +.hero-tagline { + color: $hugo-gray; + font-size: 1.2em; + text-align: center; + line-height: 1.3; + font-weight: 100; + margin-top: 1.5em; + font-style: normal; + max-width: 90%; + @include MQ(M) { + font-size: 1.5em; + } +} + +.home-row { + min-height: auto; + display: flex; + flex-wrap: wrap; + &.hero { + margin-top: 50px; + min-height: auto; + flex-direction: column; + align-items: center; + } + &:nth-child(2) { + background-color: darken($hugo-gray-ultra-light, 3%); + } + &:nth-child(3) { + background-color: $hugo-white; + } + &:nth-child(4) { + background-color: $hugo-blue; + } +} + +.home-row-content { + display: flex; + flex-wrap: wrap; + max-width: $L; + margin-left: auto; + margin-right: auto; + margin-top: 4rem; + margin-bottom: 4rem; + width: 90%; + h2 { + text-align: left; + width: 100%; + text-align: center; + margin-bottom: 1em; + } + @include MQ(XL) { + justify-content: space-around; + } + &.first-fade { + opacity: 0; + } +} + +.homepage-features { display: flex; flex-wrap: wrap; justify-content: space-around; - flex-shrink: 0; - list-style: none; - padding-left: 0px; - margin-left: 0px; - max-width:$L; - .homepage-card { - @include card(1, 3); - color: inherit; - width: 100%; - background-color: $body-bg-color; - margin-bottom: .5em; - padding: 16px 10px; - flex-shrink: 0; - a { - display: flex; - min-height: 100%; + width: 85%; + .homepage-feature { + margin-bottom: 2em; + max-width: $L * .31; + h3 { + margin-bottom: .2em; + padding-bottom: 0px; + font-weight: 500; + border-bottom: 1px solid white; + font-size: 1.1em; } - @include MQ(M) { - flex: 1 0 #{$M * .4}; - max-width: 48%; - margin-bottom: 1em; - } - section { - display: flex; - flex-direction: row; - align-items: center; - } - .homepage-card-image-wrapper { - max-width: 60px; - min-width: 60px; - margin-right: 10px; - img { - max-width: 60px; - margin-left: auto; - margin-right: auto; + .homepage-feature-content { + color: lighten($base-font-color, 30%); + font-weight: 200; + line-height: 1.3; + font-size: .9em; + p { + color: lighten($base-font-color, 30%); } - @include MQ(M) { - max-width: 70px; - min-width: 70px; - img { - max-width: 70px; + //corrects odd spacing in "Cross-platform" block in "What Makes Hugo Special" features row.... + code { + &:first-child { + margin-right: .25em; } } } - h2 { - font-size: 1em; - margin: 0px; - line-height: 1.1; - margin-bottom: .5em; - padding-bottom: 0px; - padding-top: 0px; - color: $base-font-color; - } - p { - font-size: .8em; - line-height: 1.3; - margin-bottom: 0px; - color: lighten($base-font-color, 20%); + } +} + +.half { + width: 90%; + margin-left: auto; + margin-right: auto; + display: flex; + flex-direction: column; + align-items: center; + max-width: $L * .4; +} + +.half.half-content { + align-items: flex-start; + justify-content: space-between; + padding-top: 30px; + h2 { + width: 100%; + font-size: 22px; + text-align: center; + font-weight: 500; + line-height: 1.3; + margin-top: 40px; + @include MQ(M) { + margin-top: 0px; } } - @include MQ(L) { + p { + text-align: center; margin-left: auto; margin-right: auto; } - @include MQ(XL){ - max-width:$M; + hr, + .hr { + border: 0; + height: 1px; + opacity: 1; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); + width: 100%; + margin: { + bottom: 2.5em; + top: 2.5em; + } } } + +.get-started { + .button.xl { + display: block; + margin-top: 1.5em; + font-size: 1.3em; + padding-right: 1em; + padding-left: 1em; + width: auto; + max-width: 12em; + margin-left: auto; + margin-right: auto; + // background-color: rgb(140,197,231); + } + margin-bottom:5em; +} + +.homepage-terminal { + font-family: $code-font-family; + background-color: $hugo-gray; + padding: 1em 1.5em; + text-align: left; + // width: 90%; + width: 100%; + max-width: 360px; + @include card(2); + border-radius: 5px; + margin-top: 1em; + margin-right: auto; + margin-left: auto; + font-size: 14px; + margin-bottom: 0px; + color: transparent; + span { + color: transparent; + } + .blast { + color: $hugo-white; + } +} + +.svgs { + display: flex; + justify-content: space-around; + position: relative; + // opacity: 0; + svg, + .img-wrapper { + max-width: 45%; + max-width: 140px; + // min-width: 150px; + &#markdown { + margin-top: 30px; + } + } + @include MQ(L) { + margin-top: 3.5em; + } +} + +#hugopher-front { + width: 300px; + position: relative; + .eye { + animation: squeeze 2.4s infinite; + } +} + +.gopher-badge { + opacity: 0; + width: 50px; + position: absolute; + top: 24px; +} + +.gopher-cape { + opacity: 0; +} + +svg { + .cape { + // opacity: 0; + } +} + +.eyes { + animation: squeeze 2.4s infinite; +} + +@keyframes squeeze { + 90% { + transform: none; + animation-timing-function: ease-in; + } + 93% { + transform: translateY(70px) scaleY(.1); + } + 100% { + animation-timing-function: ease-out; + } +} + +.homepage-tweets { + // color: $hugo-white; + display: flex; + flex-wrap: wrap; + justify-content: space-around; + h2 { + color: $hugo-white; + } + @include MQ(M) { + max-width: 640px; + } + @include MQ(L) { + max-width: $L; + } +} + +.homepage-tweet { + max-width: 300px; + background-color: $hugo-white; + margin-bottom: 20px; + border-radius: 4px; + position: relative; + i.icon-twitter { + position: absolute; + top: 10px; + right: 10px; + color: #1DA1F2; + } +} + +.homepage-tweet-attribution { + font-style: normal; + width: 100%; + display: block; + font-size: .8em; + text-align: right; +} + +.homepage-open-source { + div { + width: 100%; + text-align: center; + } + i.icon-github { + font-size: 62px; + @include MQ(M) { + font-size: 90px; + } + } + i.icon-love { + color: red; + } +} + +.no-js { + opacity: 1!important; +} diff --git a/pipeline/scss/style.scss b/pipeline/scss/style.scss index f32c8e6a9..e62af8f8f 100644 --- a/pipeline/scss/style.scss +++ b/pipeline/scss/style.scss @@ -1,4 +1,5 @@ @import 'bourbon/bourbon'; +@import 'vendor/flexboxgrid'; //variables and abstracts @import 'variables'; @@ -32,8 +33,12 @@ @import 'components/blockquotes'; @import 'components/breadcrumb'; @import 'components/tables'; -@import 'vendor/featherlight.scss'; @import 'components/shortcode-examples'; +@import 'components/gopher'; + +//vendor +@import 'vendor/featherlight'; +@import 'vendor/animatecss-truncated'; //major layout parts/chrome @import 'layout/site-header'; @@ -43,8 +48,8 @@ @import 'layout/site-footer'; //styles for individual pages +// @import 'pages/homepage'; @import 'pages/homepage'; -// @import 'pages/homepage-new'; @import 'pages/commands'; @import 'temp'; \ No newline at end of file diff --git a/pipeline/scss/vendor/_animate.scss b/pipeline/scss/vendor/_animate.scss new file mode 100644 index 000000000..3b2430590 --- /dev/null +++ b/pipeline/scss/vendor/_animate.scss @@ -0,0 +1,3198 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s +} + +.animated.bounceIn, +.animated.bounceOut, +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s +} + +@-webkit-keyframes bounce { + 0%, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + 40%, + 43% { + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0) + } + 40%, + 43%, + 70% { + -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); + animation-timing-function: cubic-bezier(.755, .05, .855, .06) + } + 70% { + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0) + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0) + } +} + +@keyframes bounce { + 0%, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + 40%, + 43% { + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0) + } + 40%, + 43%, + 70% { + -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); + animation-timing-function: cubic-bezier(.755, .05, .855, .06) + } + 70% { + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0) + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0) + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom +} + +@-webkit-keyframes flash { + 0%, + 50%, + to { + opacity: 1 + } + 25%, + 75% { + opacity: 0 + } +} + +@keyframes flash { + 0%, + 50%, + to { + opacity: 1 + } + 25%, + 75% { + opacity: 0 + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash +} + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 30% { + -webkit-transform: scale3d(1.25, .75, 1); + transform: scale3d(1.25, .75, 1) + } + 40% { + -webkit-transform: scale3d(.75, 1.25, 1); + transform: scale3d(.75, 1.25, 1) + } + 50% { + -webkit-transform: scale3d(1.15, .85, 1); + transform: scale3d(1.15, .85, 1) + } + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1) + } + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 30% { + -webkit-transform: scale3d(1.25, .75, 1); + transform: scale3d(1.25, .75, 1) + } + 40% { + -webkit-transform: scale3d(.75, 1.25, 1); + transform: scale3d(.75, 1.25, 1) + } + 50% { + -webkit-transform: scale3d(1.15, .85, 1); + transform: scale3d(1.15, .85, 1) + } + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1) + } + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand +} + +@-webkit-keyframes shake { + 0%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0) + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0) + } +} + +@keyframes shake { + 0%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0) + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0) + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake +} + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg) + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg) + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg) + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg) + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg) + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg) + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg) + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg) + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg) + } + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg) + } + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg) + } + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg) + } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg) + } + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg) + } + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg) + } + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg) + } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 10%, + 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); + transform: scale3d(.9, .9, .9) rotate(-3deg) + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +@keyframes tada { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } + 10%, + 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); + transform: scale3d(.9, .9, .9) rotate(-3deg) + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada +} + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); + transform: translate3d(-25%, 0, 0) rotate(-5deg) + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); + transform: translate3d(20%, 0, 0) rotate(3deg) + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); + transform: translate3d(-15%, 0, 0) rotate(-3deg) + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); + transform: translate3d(10%, 0, 0) rotate(2deg) + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); + transform: translate3d(-5%, 0, 0) rotate(-1deg) + } + to { + -webkit-transform: none; + transform: none + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); + transform: translate3d(-25%, 0, 0) rotate(-5deg) + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); + transform: translate3d(20%, 0, 0) rotate(3deg) + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); + transform: translate3d(-15%, 0, 0) rotate(-3deg) + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); + transform: translate3d(10%, 0, 0) rotate(2deg) + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); + transform: translate3d(-5%, 0, 0) rotate(-1deg) + } + to { + -webkit-transform: none; + transform: none + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble +} + +@-webkit-keyframes jello { + 0%, + 11.1%, + to { + -webkit-transform: none; + transform: none + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg) + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg) + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg) + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg) + } + 66.6% { + -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); + transform: skewX(-.78125deg) skewY(-.78125deg) + } + 77.7% { + -webkit-transform: skewX(.390625deg) skewY(.390625deg); + transform: skewX(.390625deg) skewY(.390625deg) + } + 88.8% { + -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); + transform: skewX(-.1953125deg) skewY(-.1953125deg) + } +} + +@keyframes jello { + 0%, + 11.1%, + to { + -webkit-transform: none; + transform: none + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg) + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg) + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg) + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg) + } + 66.6% { + -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); + transform: skewX(-.78125deg) skewY(-.78125deg) + } + 77.7% { + -webkit-transform: skewX(.390625deg) skewY(.390625deg); + transform: skewX(.390625deg) skewY(.390625deg) + } + 88.8% { + -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); + transform: skewX(-.1953125deg) skewY(-.1953125deg) + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center +} + +@-webkit-keyframes bounceIn { + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03) + } + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97) + } + to { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +@keyframes bounceIn { + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03) + } + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97) + } + to { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn +} + +@-webkit-keyframes bounceInDown { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0) + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0) + } + to { + -webkit-transform: none; + transform: none + } +} + +@keyframes bounceInDown { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0) + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0) + } + to { + -webkit-transform: none; + transform: none + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown +} + +@-webkit-keyframes bounceInLeft { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0) + } + to { + -webkit-transform: none; + transform: none + } +} + +@keyframes bounceInLeft { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0) + } + to { + -webkit-transform: none; + transform: none + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft +} + +@-webkit-keyframes bounceInRight { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0) + } + to { + -webkit-transform: none; + transform: none + } +} + +@keyframes bounceInRight { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0) + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0) + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0) + } + to { + -webkit-transform: none; + transform: none + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight +} + +@-webkit-keyframes bounceInUp { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0) + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes bounceInUp { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0) + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0) + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + to { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + to { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0) + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0) + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0 + } + to { + opacity: 1 + } +} + +@keyframes fadeIn { + 0% { + opacity: 0 + } + to { + opacity: 1 + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1 + } + to { + opacity: 0 + } +} + +@keyframes fadeOut { + 0% { + opacity: 1 + } + to { + opacity: 0 + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0) + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0) + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0) + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0) + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotateY(-1turn); + transform: perspective(400px) rotateY(-1turn) + } + 0%, + 40% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); + transform: perspective(400px) translateZ(150px) rotateY(-190deg) + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); + transform: perspective(400px) translateZ(150px) rotateY(-170deg) + } + 50%, + 80% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95) + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotateY(-1turn); + transform: perspective(400px) rotateY(-1turn) + } + 0%, + 40% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); + transform: perspective(400px) translateZ(150px) rotateY(-190deg) + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); + transform: perspective(400px) translateZ(150px) rotateY(-170deg) + } + 50%, + 80% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95) + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 40% { + -webkit-transform: perspective(400px) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg) + } + 60% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + opacity: 1 + } + 80% { + -webkit-transform: perspective(400px) rotateX(-5deg); + transform: perspective(400px) rotateX(-5deg) + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 40% { + -webkit-transform: perspective(400px) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg) + } + 60% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + opacity: 1 + } + 80% { + -webkit-transform: perspective(400px) rotateX(-5deg); + transform: perspective(400px) rotateX(-5deg) + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +.flipInX { + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important; + -webkit-animation-name: flipInX; + animation-name: flipInX +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 40% { + -webkit-transform: perspective(400px) rotateY(-20deg); + transform: perspective(400px) rotateY(-20deg) + } + 60% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + opacity: 1 + } + 80% { + -webkit-transform: perspective(400px) rotateY(-5deg); + transform: perspective(400px) rotateY(-5deg) + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 40% { + -webkit-transform: perspective(400px) rotateY(-20deg); + transform: perspective(400px) rotateY(-20deg) + } + 60% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + opacity: 1 + } + 80% { + -webkit-transform: perspective(400px) rotateY(-5deg); + transform: perspective(400px) rotateY(-5deg) + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } +} + +.flipInY { + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important; + -webkit-animation-name: flipInY; + animation-name: flipInY +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } + 30% { + -webkit-transform: perspective(400px) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg); + opacity: 1 + } + to { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } + 30% { + -webkit-transform: perspective(400px) rotateX(-20deg); + transform: perspective(400px) rotateX(-20deg); + opacity: 1 + } + to { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } + 30% { + -webkit-transform: perspective(400px) rotateY(-15deg); + transform: perspective(400px) rotateY(-15deg); + opacity: 1 + } + to { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px) + } + 30% { + -webkit-transform: perspective(400px) rotateY(-15deg); + transform: perspective(400px) rotateY(-15deg); + opacity: 1 + } + to { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } +} + +.flipOutY { + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0 + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg) + } + 60%, + 80% { + opacity: 1 + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg) + } + to { + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0 + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg) + } + 60%, + 80% { + opacity: 1 + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg) + } + to { + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out +} + +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1 + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0 + } +} + +@keyframes lightSpeedOut { + 0% { + opacity: 1 + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0 + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in +} + +@-webkit-keyframes rotateIn { + 0% { + transform-origin: center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: center + } + to { + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@keyframes rotateIn { + 0% { + transform-origin: center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: center + } + to { + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft +} + +@-webkit-keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft +} + +@-webkit-keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1 + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight +} + +@-webkit-keyframes rotateOut { + 0% { + transform-origin: center; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: center + } + to { + transform-origin: center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0 + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: center + } + to { + transform-origin: center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0 + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0 + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: left bottom + } + to { + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0 + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + opacity: 1 + } + 0%, + to { + -webkit-transform-origin: right bottom + } + to { + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight +} + +@-webkit-keyframes hinge { + 0% { + transform-origin: top left + } + 0%, + 20%, + 60% { + -webkit-transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 20%, + 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + transform-origin: top left + } + 40%, + 80% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1 + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0 + } +} + +@keyframes hinge { + 0% { + transform-origin: top left + } + 0%, + 20%, + 60% { + -webkit-transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 20%, + 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + transform-origin: top left + } + 40%, + 80% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1 + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0 + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge +} + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); + transform: translate3d(-100%, 0, 0) rotate(-120deg) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); + transform: translate3d(-100%, 0, 0) rotate(-120deg) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn +} + +@-webkit-keyframes rollOut { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); + transform: translate3d(100%, 0, 0) rotate(120deg) + } +} + +@keyframes rollOut { + 0% { + opacity: 1 + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); + transform: translate3d(100%, 0, 0) rotate(120deg) + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 50% { + opacity: 1 + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 50% { + opacity: 1 + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1 + } + 50% { + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 50%, + to { + opacity: 0 + } +} + +@keyframes zoomOut { + 0% { + opacity: 1 + } + 50% { + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 50%, + to { + opacity: 0 + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) + } + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19) + } + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1) + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp +} + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0) + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0) + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp +} diff --git a/pipeline/scss/vendor/_animatecss-truncated.scss b/pipeline/scss/vendor/_animatecss-truncated.scss new file mode 100644 index 000000000..3cd327284 --- /dev/null +++ b/pipeline/scss/vendor/_animatecss-truncated.scss @@ -0,0 +1,164 @@ +//Select animate.css classes used for homepage... +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s +} + +animated.bounceIn, +.animated.bounceOut, +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s +} + + +@-webkit-keyframes bounceIn { + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03) + } + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97) + } + to { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +@keyframes bounceIn { + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3) + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1) + } + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9) + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03) + } + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97) + } + to { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0 + } + to { + opacity: 1 + } +} + +@keyframes fadeIn { + 0% { + opacity: 0 + } + to { + opacity: 1 + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn +} + + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0) + } + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown +} diff --git a/pipeline/scss/vendor/_flexboxgrid.scss b/pipeline/scss/vendor/_flexboxgrid.scss new file mode 100644 index 000000000..6fe4553bd --- /dev/null +++ b/pipeline/scss/vendor/_flexboxgrid.scss @@ -0,0 +1,960 @@ +.container-fluid, +.container { + margin-right: auto; + margin-left: auto; +} + +.container-fluid { + padding-right: 2rem; + padding-left: 2rem; +} + +.row { + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.5rem; + margin-left: -0.5rem; +} + +.row.reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +.col.reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} + +.col-xs, +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12, +.col-xs-offset-0, +.col-xs-offset-1, +.col-xs-offset-2, +.col-xs-offset-3, +.col-xs-offset-4, +.col-xs-offset-5, +.col-xs-offset-6, +.col-xs-offset-7, +.col-xs-offset-8, +.col-xs-offset-9, +.col-xs-offset-10, +.col-xs-offset-11, +.col-xs-offset-12 { + box-sizing: border-box; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.col-xs { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; +} + +.col-xs-1 { + -ms-flex-preferred-size: 8.33333333%; + flex-basis: 8.33333333%; + max-width: 8.33333333%; +} + +.col-xs-2 { + -ms-flex-preferred-size: 16.66666667%; + flex-basis: 16.66666667%; + max-width: 16.66666667%; +} + +.col-xs-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; +} + +.col-xs-4 { + -ms-flex-preferred-size: 33.33333333%; + flex-basis: 33.33333333%; + max-width: 33.33333333%; +} + +.col-xs-5 { + -ms-flex-preferred-size: 41.66666667%; + flex-basis: 41.66666667%; + max-width: 41.66666667%; +} + +.col-xs-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; +} + +.col-xs-7 { + -ms-flex-preferred-size: 58.33333333%; + flex-basis: 58.33333333%; + max-width: 58.33333333%; +} + +.col-xs-8 { + -ms-flex-preferred-size: 66.66666667%; + flex-basis: 66.66666667%; + max-width: 66.66666667%; +} + +.col-xs-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; +} + +.col-xs-10 { + -ms-flex-preferred-size: 83.33333333%; + flex-basis: 83.33333333%; + max-width: 83.33333333%; +} + +.col-xs-11 { + -ms-flex-preferred-size: 91.66666667%; + flex-basis: 91.66666667%; + max-width: 91.66666667%; +} + +.col-xs-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; +} + +.col-xs-offset-0 { + margin-left: 0; +} + +.col-xs-offset-1 { + margin-left: 8.33333333%; +} + +.col-xs-offset-2 { + margin-left: 16.66666667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.33333333%; +} + +.col-xs-offset-5 { + margin-left: 41.66666667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.33333333%; +} + +.col-xs-offset-8 { + margin-left: 66.66666667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.33333333%; +} + +.col-xs-offset-11 { + margin-left: 91.66666667%; +} + +.start-xs { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: start; +} + +.center-xs { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.end-xs { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: end; +} + +.top-xs { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.middle-xs { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.bottom-xs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} + +.around-xs { + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.between-xs { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.first-xs { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; +} + +.last-xs { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} + +@media only screen and (min-width: 48em) { + .container { + width: 49rem; + } + + .col-sm, + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12, + .col-sm-offset-0, + .col-sm-offset-1, + .col-sm-offset-2, + .col-sm-offset-3, + .col-sm-offset-4, + .col-sm-offset-5, + .col-sm-offset-6, + .col-sm-offset-7, + .col-sm-offset-8, + .col-sm-offset-9, + .col-sm-offset-10, + .col-sm-offset-11, + .col-sm-offset-12 { + box-sizing: border-box; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .col-sm { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-sm-1 { + -ms-flex-preferred-size: 8.33333333%; + flex-basis: 8.33333333%; + max-width: 8.33333333%; + } + + .col-sm-2 { + -ms-flex-preferred-size: 16.66666667%; + flex-basis: 16.66666667%; + max-width: 16.66666667%; + } + + .col-sm-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-sm-4 { + -ms-flex-preferred-size: 33.33333333%; + flex-basis: 33.33333333%; + max-width: 33.33333333%; + } + + .col-sm-5 { + -ms-flex-preferred-size: 41.66666667%; + flex-basis: 41.66666667%; + max-width: 41.66666667%; + } + + .col-sm-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-sm-7 { + -ms-flex-preferred-size: 58.33333333%; + flex-basis: 58.33333333%; + max-width: 58.33333333%; + } + + .col-sm-8 { + -ms-flex-preferred-size: 66.66666667%; + flex-basis: 66.66666667%; + max-width: 66.66666667%; + } + + .col-sm-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-sm-10 { + -ms-flex-preferred-size: 83.33333333%; + flex-basis: 83.33333333%; + max-width: 83.33333333%; + } + + .col-sm-11 { + -ms-flex-preferred-size: 91.66666667%; + flex-basis: 91.66666667%; + max-width: 91.66666667%; + } + + .col-sm-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-sm-offset-0 { + margin-left: 0; + } + + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + + .col-sm-offset-3 { + margin-left: 25%; + } + + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + + .col-sm-offset-6 { + margin-left: 50%; + } + + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + + .col-sm-offset-9 { + margin-left: 75%; + } + + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + + .start-sm { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-sm { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + } + + .end-sm { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-sm { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } + + .middle-sm { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .bottom-sm { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } + + .around-sm { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-sm { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + + .first-sm { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + } + + .last-sm { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } +} + +@media only screen and (min-width: 64em) { + .container { + width: 65rem; + } + + .col-md, + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11, + .col-md-12, + .col-md-offset-0, + .col-md-offset-1, + .col-md-offset-2, + .col-md-offset-3, + .col-md-offset-4, + .col-md-offset-5, + .col-md-offset-6, + .col-md-offset-7, + .col-md-offset-8, + .col-md-offset-9, + .col-md-offset-10, + .col-md-offset-11, + .col-md-offset-12 { + box-sizing: border-box; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .col-md { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-md-1 { + -ms-flex-preferred-size: 8.33333333%; + flex-basis: 8.33333333%; + max-width: 8.33333333%; + } + + .col-md-2 { + -ms-flex-preferred-size: 16.66666667%; + flex-basis: 16.66666667%; + max-width: 16.66666667%; + } + + .col-md-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-md-4 { + -ms-flex-preferred-size: 33.33333333%; + flex-basis: 33.33333333%; + max-width: 33.33333333%; + } + + .col-md-5 { + -ms-flex-preferred-size: 41.66666667%; + flex-basis: 41.66666667%; + max-width: 41.66666667%; + } + + .col-md-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-md-7 { + -ms-flex-preferred-size: 58.33333333%; + flex-basis: 58.33333333%; + max-width: 58.33333333%; + } + + .col-md-8 { + -ms-flex-preferred-size: 66.66666667%; + flex-basis: 66.66666667%; + max-width: 66.66666667%; + } + + .col-md-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-md-10 { + -ms-flex-preferred-size: 83.33333333%; + flex-basis: 83.33333333%; + max-width: 83.33333333%; + } + + .col-md-11 { + -ms-flex-preferred-size: 91.66666667%; + flex-basis: 91.66666667%; + max-width: 91.66666667%; + } + + .col-md-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-md-offset-0 { + margin-left: 0; + } + + .col-md-offset-1 { + margin-left: 8.33333333%; + } + + .col-md-offset-2 { + margin-left: 16.66666667%; + } + + .col-md-offset-3 { + margin-left: 25%; + } + + .col-md-offset-4 { + margin-left: 33.33333333%; + } + + .col-md-offset-5 { + margin-left: 41.66666667%; + } + + .col-md-offset-6 { + margin-left: 50%; + } + + .col-md-offset-7 { + margin-left: 58.33333333%; + } + + .col-md-offset-8 { + margin-left: 66.66666667%; + } + + .col-md-offset-9 { + margin-left: 75%; + } + + .col-md-offset-10 { + margin-left: 83.33333333%; + } + + .col-md-offset-11 { + margin-left: 91.66666667%; + } + + .start-md { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-md { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + } + + .end-md { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-md { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } + + .middle-md { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .bottom-md { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } + + .around-md { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-md { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + + .first-md { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + } + + .last-md { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } +} + +@media only screen and (min-width: 75em) { + .container { + width: 76rem; + } + + .col-lg, + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12, + .col-lg-offset-0, + .col-lg-offset-1, + .col-lg-offset-2, + .col-lg-offset-3, + .col-lg-offset-4, + .col-lg-offset-5, + .col-lg-offset-6, + .col-lg-offset-7, + .col-lg-offset-8, + .col-lg-offset-9, + .col-lg-offset-10, + .col-lg-offset-11, + .col-lg-offset-12 { + box-sizing: border-box; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .col-lg { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-lg-1 { + -ms-flex-preferred-size: 8.33333333%; + flex-basis: 8.33333333%; + max-width: 8.33333333%; + } + + .col-lg-2 { + -ms-flex-preferred-size: 16.66666667%; + flex-basis: 16.66666667%; + max-width: 16.66666667%; + } + + .col-lg-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-lg-4 { + -ms-flex-preferred-size: 33.33333333%; + flex-basis: 33.33333333%; + max-width: 33.33333333%; + } + + .col-lg-5 { + -ms-flex-preferred-size: 41.66666667%; + flex-basis: 41.66666667%; + max-width: 41.66666667%; + } + + .col-lg-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-lg-7 { + -ms-flex-preferred-size: 58.33333333%; + flex-basis: 58.33333333%; + max-width: 58.33333333%; + } + + .col-lg-8 { + -ms-flex-preferred-size: 66.66666667%; + flex-basis: 66.66666667%; + max-width: 66.66666667%; + } + + .col-lg-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-lg-10 { + -ms-flex-preferred-size: 83.33333333%; + flex-basis: 83.33333333%; + max-width: 83.33333333%; + } + + .col-lg-11 { + -ms-flex-preferred-size: 91.66666667%; + flex-basis: 91.66666667%; + max-width: 91.66666667%; + } + + .col-lg-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-lg-offset-0 { + margin-left: 0; + } + + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + + .col-lg-offset-3 { + margin-left: 25%; + } + + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + + .col-lg-offset-6 { + margin-left: 50%; + } + + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + + .col-lg-offset-9 { + margin-left: 75%; + } + + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + + .start-lg { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-lg { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + } + + .end-lg { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-lg { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } + + .middle-lg { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .bottom-lg { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } + + .around-lg { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-lg { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + + .first-lg { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + } + + .last-lg { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } +} \ No newline at end of file diff --git a/static/css/style.min.css b/static/css/style.min.css index f500d6c70..65ce3cf49 100644 --- a/static/css/style.min.css +++ b/static/css/style.min.css @@ -1 +1,5 @@ +<<<<<<< HEAD /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;border-radius:0px !important;outline:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300;overflow-x:hidden}body{font-size:93%;overflow-x:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:97%}}@media only screen and (min-width: 960px){body{font-size:100%}}strong{font-weight:500;color:#222}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bash:before{content:'\e804'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-md:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quote-left:before{content:'\e809'}.icon-quote-right:before{content:'\e80a'}.icon-sass:before{content:'\e803'}.icon-search:before{content:'\e80b'}.icon-sh:before{content:'\e804'}.icon-bash:before{content:'\e804'}.icon-share:before{content:'\f1e0'}.icon-tag:before{content:'\e806'}.icon-tags:before{content:'\e805'}.icon-terminal:before{content:'\e804'}.icon-thumbs-up:before{content:'\e81a'}.icon-twitter:before{content:'\e807'}.icon-warn:before{content:'\e810'}.icon-warning:before{content:'\e810'}.icon-website:before{content:'\e818'}.icon-yaml:before,.icon-yml:before,.icon-toml:before{content:'\f121'}@font-face{font-family:'FontAwesome';src:url("/fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3");src:url("/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"),url("/fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"),url("/afonts/fontawesome/fontawesome-webfont.woff?v=4.6.3") format("woff"),url("/fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"),url("/fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-fw{width:1.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{-webkit-filter:none;filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}.fa-gitlab:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpforms:before{content:""}.fa-envira:before{content:""}.fa-universal-access:before{content:""}.fa-wheelchair-alt:before{content:""}.fa-question-circle-o:before{content:""}.fa-blind:before{content:""}.fa-audio-description:before{content:""}.fa-volume-control-phone:before{content:""}.fa-braille:before{content:""}.fa-assistive-listening-systems:before{content:""}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:""}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-signing:before,.fa-sign-language:before{content:""}.fa-low-vision:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-snapchat:before{content:""}.fa-snapchat-ghost:before{content:""}.fa-snapchat-square:before{content:""}.fa-pied-piper:before{content:""}.fa-first-order:before{content:""}.fa-yoast:before{content:""}.fa-themeisle:before{content:""}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:""}.fa-fa:before,.fa-font-awesome:before{content:""}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-200-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-200-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-200-webfont.ttf") format("truetype");font-weight:200;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-300-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-300-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-300-webfont.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-400-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-400-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-400-webfont.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-500-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-500-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-500-webfont.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-700-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-700-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-700-webfont.ttf") format("truetype");font-weight:700;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;font-weight:500;margin:0px;line-height:1.15;position:relative}h1>code,h1>a,h2>code,h2>a,h3>code,h3>a,h4>code,h4>a,h5>code,h5>a,h6>code,h6>a{font-weight:500}h1.page-title{font-size:1.8em;line-height:1.2;letter-spacing:-.021em;padding-bottom:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:8px;font-weight:500}@media only screen and (min-width: 760px){h1.page-title{font-size:2.3em}}@media only screen and (min-width: 960px){h1.page-title{font-size:2.3em}}@media only screen and (min-width: 1200px){h1.page-title{font-size:2.3em}}@media only screen and (min-width: 760px){h1.page-title{padding-top:0px}}h1.page-title img{display:inline;height:1em;width:1em;margin-right:.15em}h1.page-title i[class^="icon-"]{margin-left:-.15em;margin-right:.15em}h1.page-title.commands,h1.page-title.functions{font-family:"robotomono",courier,monospace}h2,h3{padding-bottom:24px}h2{font-size:1.4em}@media only screen and (min-width: 760px){h2{font-size:1.6em}}@media only screen and (min-width: 960px){h2{font-size:1.8em}}@media only screen and (min-width: 1200px){h2{font-size:1.8em}}h2.contents-list-heading{text-transform:uppercase;color:#737373}h2.contents-list-heading em{font-style:normal}h3{font-size:1.2em}@media only screen and (min-width: 760px){h3{font-size:1.3em}}@media only screen and (min-width: 960px){h3{font-size:1.3em}}@media only screen and (min-width: 1200px){h3{font-size:1.3em}}h4{font-size:1.1em;margin-top:1em;margin-bottom:1em;color:#737373}h5{font-size:1em;font-weight:500;margin-bottom:1em;color:#222}.functions,.commands{font-family:"robotomono",courier,monospace;font-weight:300;color:inherit}.functions>em,.commands>em{font-style:normal;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;padding-left:.25em;padding-right:.25em;font-size:.8em;position:relative;margin-bottom:.3em}.submenu-item:first-child a.submenu-item-link.functions{font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}hr{border-top:3px double #222}button,a[role="button"]{background-color:#0083C0;color:#fff;border:none;outline:none;border-radius:.25em;padding:.25em .5em;box-shadow:none;text-align:center;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}button:hover,a[role="button"]:hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}button[class^="icon-"]:before,a[role="button"][class^="icon-"]:before{display:inline-block;font-family:'FontAwesome';margin-right:.3em}button.icon-forum:before,a[role="button"].icon-forum:before{content:'\f086'}button.icon-mailing-list:before,a[role="button"].icon-mailing-list:before{content:'\f0e0'}nav ul,nav ol,aside ul,aside ol{margin-left:0px;padding-left:0px;list-style:none;text-indent:0px}nav ul li,nav ol li,aside ul li,aside ol li{position:relative;margin-left:0px;padding-left:0px;list-style:none}.body-copy ul,.body-copy ol{padding-left:.75em;margin-left:.5em;margin-top:0px;padding-top:0px;margin-bottom:1.5em}.body-copy ul li,.body-copy ol li{position:relative;margin-top:.25em}.body-copy ul li ul,.body-copy ul li ol,.body-copy ol li ul,.body-copy ol li ol{margin-bottom:0px}.body-copy ul{list-style:disc outside none}.body-copy ul li ul{list-style-type:circle}.body-copy ul li ul li ul{list-style-type:square}.body-copy ol li ol{list-style-type:lower-roman}.body-copy ol li ol li ol{list-style-type:lower-alpha}.body-copy dl{margin:0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:block;margin-bottom:1em;font-size:1em;clear:both;line-height:1.6;padding-top:.5em;padding-bottom:.5em}.body-copy dl dt{float:left;display:block;width:100%;clear:both;margin:0px;font-weight:bolder;margin-right:1em}.body-copy dl dt code{font-size:.9em}.body-copy dl dt>strong>em>code{font-style:normal;position:relative}.body-copy dl dt>strong>em>code:after{display:inline-block;position:relative;font-family:'FontAwesome';content:'\f06a';font-size:.9em;top:-.6em;right:0px;margin-right:-.5em;color:#C9177E}.body-copy dl dd{margin:.5em 0em 0em 0em;text-indent:0px;height:auto;font-size:1em;padding-top:.25em;padding-bottom:0em;padding-left:1.5em;padding-right:0em}.body-copy dl dd strong>code{color:#00A88A}.body-copy dl dd strong:first-child>code{color:#0083C0}.body-copy .utils-list{list-style:none;margin-left:0px;padding-left:0px}.body-copy .utils-list li{list-style:none;display:inline;margin-left:0px;padding-left:0px}.body-copy .task-list{list-style:none;margin-left:0px;padding-left:0px}.body-copy .task-list li{list-style:none}a{color:#C9177E;font-weight:inherit}a,a:hover,a:active,a:focus{text-decoration:none;cursor:pointer}a:hover{text-decoration:none}.body-copy li a,.body-copy p a{z-index:1;color:#C9177E}.body-copy li a:hover,.body-copy p a:hover{border-bottom:1px solid #C9177E}a.tooltip{position:relative;overflow:visible;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}a.tooltip:hover::before{display:inline-block;position:absolute;line-height:1;bottom:-1.4em;font-size:12px;color:white;min-width:80px;padding:.25em .33em;background-color:#222;content:attr(data-tooltip);white-space:nowrap;text-transform:none;font-weight:normal;border-radius:.25em}a.tooltip.left:hover::before{right:0px;left:auto}a.tooltip.right:hover::before{right:0px;left:auto}a.tooltip.edit-link:hover::after{content:'\f09b';font-family:'fontello';color:white;font-size:13px;display:inline-block;position:absolute;line-height:1;bottom:-1.1em;right:3px}a.tooltip.edit-link:hover::before{padding-right:1.5em;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}.icon-github:before{content:'\f09b'}.body-copy a.heading-link{opacity:0;color:silver;transition:opacity .3s ease-in-out;font-size:.7em;position:absolute;display:inline;top:.35em;right:0px}@media only screen and (min-width: 760px){.body-copy a.heading-link{left:-1.5em}}.body-copy h2:hover a.heading-link,.body-copy h3:hover a.heading-link{transition:opacity .3s ease-in-out;opacity:1}.body-copy img{width:100%;max-width:100%;height:auto}.admonition{padding:1em}.note,.warning{display:block;margin-bottom:20px;width:100%;border-left-width:4px;border-left-style:solid;border-left-color:#555;position:relative;padding-top:4px;padding-bottom:4px}.note #exclamation-icon,.warning #exclamation-icon{height:20px;width:20px;fill:#0083C0;position:absolute;top:20%;left:-12px;background-color:white}.note h2,.warning h2{display:none}.note .admonition-content,.warning .admonition-content{display:block;margin:0px;font-size:1em;padding:8px;margin-left:12px;color:#555}.note .admonition-content p:last-child,.warning .admonition-content p:last-child{margin-bottom:0px}.note .admonition-content ul:last-child,.note .admonition-content ol:last-child,.warning .admonition-content ul:last-child,.warning .admonition-content ol:last-child{margin-bottom:0px}.note .admonition-content ul:last-child+p,.note .admonition-content ol:last-child+p,.warning .admonition-content ul:last-child+p,.warning .admonition-content ol:last-child+p{margin-top:1em}.note{border-color:#0083C0;background-color:#f9fdfe}.note #exclamation-icon{fill:#0083C0}.warning{border-color:#C9177E;background-color:#fef5fa}.warning #exclamation-icon{fill:#C9177E}.hljs{display:block;overflow-x:auto;padding:0.5em;background:#f8f8f8;font-size:.9em}.hljs,.hljs-tag,.hljs-subst{color:#000}.hljs-strong,.hljs-emphasis{color:#737373}.hljs-bullet,.hljs-quote,.hljs-number,.hljs-regexp,.hljs-literal,.hljs-link{color:#0083c0}.hljs-code,.hljs-title,.hljs-section,.hljs-selector-class{color:#00A88A}.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#C9177E}.hljs-symbol,.hljs-attribute{color:#0083c0}.hljs-params,.hljs-class .hljs-title{color:#000}.hljs-string,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#0083c0}.hljs-comment,.hljs-deletion,.hljs-meta{color:#737373}.language-toml.hljs .hljs-section{color:#C9177E}.body-copy code,.body-copy pre{font-family:"robotomono",courier,monospace;font-size:.9em;weight:inherit;font-weight:400;position:relative;overflow-y:visible;z-index:1}.body-copy pre>code,.body-copy .code{background-color:#f8f8f8}.body-copy>pre{overflow-x:scroll}.body-copy ol code,.body-copy ul code,.body-copy div code,.body-copy strong code,.body-copy em code,.body-copy span code,.body-copy p code,.body-copy dd code,.body-copy dt code{background-color:#f8f8f8}@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi){.body-copy ol code,.body-copy ul code,.body-copy div code,.body-copy strong code,.body-copy em code,.body-copy span code,.body-copy p code,.body-copy dd code,.body-copy dt code{background-color:#f8f8f8}}.code{display:block;position:relative;overflow:hidden;padding:.5em;overflow-y:visible}code[class^="language-"]:after{display:block;position:absolute;top:4px;right:4px;color:#626262;font-family:'fontello';content:'\f121'}.copy-button+.code-copy-content code[class^="language-"]:after{display:none;position:absolute;top:-14px;right:4px}code.language-html:after{font-family:'FontAwesome';content:'\f13b'}code.language-js:after{font-family:'fontello';content:'\e802';font-size:16px;top:2px}code.language-hugo:after,code.language-go:after,code.language-golang:after{font-family:'fontello';content:'\e81f'}code.language-sass:after,code.language-scss:after{font-family:'fontello';content:'\e803'}.filename{font-family:"robotomono",courier,monospace;color:#959595;padding-left:1em;padding-top:.25em;font-size:.7em;background-color:#f8f8f8;width:100%;font-style:italic;margin-bottom:0px}.code-icon{position:absolute;top:2px;right:4px}.copy-button{transition:opacity .3s ease-in-out;opacity:1;position:absolute;right:1px;top:1px;background-color:white;color:#222;border-radius:0px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);height:30px;width:auto;font-size:12px;display:block;z-index:999}.copy-button:hover{transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.copy-button span.button-text{text-transform:uppercase;margin-left:3px}.download-button{display:none !important}.code:hover .copy-button,.code:hover .download-button{transition:all .3s ease-in-out;opacity:1}.tooltipped{position:absolute}.tooltipped:after{position:absolute;z-index:1000000;display:none;padding:2px 4px;font-size:.8em;font-weight:500;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;text-shadow:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background-color:#0083C0;border-color:#0083C0;border-radius:0px;-webkit-font-smoothing:subpixel-antialiased}.tooltipped:before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:#0083C0;pointer-events:none;content:"";border:5px solid transparent}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after{display:inline-block;text-decoration:none}.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{top:100%;right:50%;margin-top:5px;text-align:center}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:#0083C0;text-align:center}.tooltipped-se:after{right:auto;left:50%;text-align:center}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:#0083C0}.tooltipped-ne:after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw:after{margin-right:-15px}.tooltipped-s:after,.tooltipped-n:after{-webkit-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w:after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:#0083C0}.tooltipped-e:after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e:before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:#0083C0}.tooltipped-multiline:after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{right:100%}svg.svg-icon{max-width:60px}.icon-freebsd:before{height:1em;width:1em;content:'';display:inline-block;margin-left:-.15em;margin-right:0em;background-image:url(/images/hugo-icons/freebsd.svg);background-size:contain;background-repeat:no-repeat}span.yes code{color:#fff;background-color:#00A88A}span.no code{background-color:#C9177E;color:#fff}span.no:after,span.bad:after{display:inline-block;height:1em;width:1em;font-family:'FontAwesome';content:'\f165';margin-left:.5em;font-size:1.2em;color:#C9177E}span.yes:after,.good:after{display:inline-block;height:1em;width:1em;font-family:'FontAwesome';content:'\f164';color:#00A88A;margin-left:.5em;font-size:1.2em}span.break{position:relative;display:inline-block;font-weight:bold;text-align:center;width:auto;left:calc(50% - 40px)}span.break:before,span.break:after{content:"";position:absolute;display:inline-block;height:.2em;border-bottom:1px solid black;border-top:1px solid black;top:.666em;width:140px}span.break:before{right:100%;margin-right:.5em}span.break:after{left:100%;margin-left:.5em}span.na code{background-color:transparent;color:#bbb}h2 .fa.fa-thumbs-up,h3 .fa.fa-thumbs-up,h4 .fa.fa-thumbs-up,li .fa.fa-thumbs-up{color:#00A88A}h2 .fa.fa-thumbs-down,h3 .fa.fa-thumbs-down,h4 .fa.fa-thumbs-down,li .fa.fa-thumbs-down{color:#C9177E}ul.tags{list-style:none;margin:0;padding:0;margin-top:1em;margin-bottom:.5em;margin-right:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;float:right}ul.tags li{height:20px;line-height:20px;margin-left:4px;margin-bottom:.75em;display:-ms-flexbox;display:flex}ul.tags li:not(.icon){transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}ul.tags li:not(.icon):hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}ul.tags li a{line-height:20px;-ms-flex-align:center;align-items:center;height:20px;font-size:14px;color:#222;padding-left:.3em;padding-right:.3em}.searchbox{display:inline-block;position:relative;width:300px;height:32px !important;white-space:nowrap;box-sizing:border-box;visibility:visible !important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease, background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 0px #ccc;background:#fff !important;padding:0;padding-right:26px;padding-left:32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:1em;appearance:none}.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 0px #b3b3b3}.searchbox__input:focus,.searchbox__input:active{outline:0;box-shadow:inset 0 0 0 0px #aaa;background:#fff}.searchbox__input::-webkit-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit::before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:''}.searchbox__submit:hover,.searchbox__submit:active{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6D7E96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:none;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,0.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid ~ .searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0 !important;left:inherit !important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0 !important;right:inherit !important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{position:relative;top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:none;z-index:999;max-width:500px;min-width:400px;box-shadow:0 1px 0 0 rgba(0,0,0,0.2),0 2px 3px 0 rgba(0,0,0,0.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:'';width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple{background-color:rgba(69,142,225,0.05)}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,0.05)}.algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"]{position:relative;border:solid 1px #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{position:relative;padding:0 8px;background:#fff;color:#02060C;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,0.1);padding:0.1em 0.05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight{color:inherit;background:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,0.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:'';position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363D}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;display:none;padding-left:0;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#A4A7AE;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:'';position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight{background-color:inherit;color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060C;font-size:.9em;font-weight:bold}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676D}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results::before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:none;color:#222222;background-color:#EBEBEB;border-radius:3px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:none}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header{display:block}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary .algolia-docsearch-suggestion--subcategory-column{display:block}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:solid 1px #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content::before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1::before{background-image:url('data:image/svg+xml;utf8,');content:'';width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-column,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none !important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458EE1;font-size:.9em;font-weight:normal}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title::before{content:"#";font-weight:bold;color:#458EE1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:bold;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:110px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:center;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0 !important;width:100%;height:100%;display:block}#toggle-search{display:block;position:fixed;top:.5em;right:.3em;float:right;margin-right:20px;font-size:1.2em;z-index:60}@media only screen and (min-width: 960px){#toggle-search{top:.3em}}form#site-search-form{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;width:100vw;position:fixed;top:50px;height:45px;-webkit-transform:translateY(-50px);transform:translateY(-50px);background-color:#fff;z-index:19;box-shadow:0 3px 6px rgba(201,23,126,0.15),0 3px 6px rgba(201,23,126,0.3)}form#site-search-form.search-open{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0);border-bottom:1px solid #C9177E}form#site-search-form #search-input{max-height:45px;padding-left:20px;font-size:24px}@media only screen and (min-width: 960px){form#site-search-form{display:block;position:fixed;top:8px;right:0px;z-index:50;width:300px;-webkit-transform:translateX(290px);transform:translateX(290px);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;box-shadow:none;max-height:40px}form#site-search-form.search-open{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;border-bottom-width:0px;-webkit-transform:translateX(0px);transform:translateX(0px)}form#site-search-form.search-open #search-input{transition:opacity .3 ease-in-out;opacity:1;border-bottom:3px solid #C9177E}form#site-search-form.search-open #search-input::after{display:inline-block;content:'';width:1em;border-bottom:3px solid #C9177E}form#site-search-form #search-input{transition:opacity .3s ease-in-out;max-height:40px;padding-left:0px;font-size:20px;opacity:0}}#search-input{width:260px;outline:none;border:0px;border-radius:0px}#search-input,#search-input:hover,#search-input:active,#search-input:focus{outline:none}.algolia-docsearch-suggestion{border-bottom-color:#3A3DD1}.algolia-docsearch-suggestion--highlight{color:#3A33D1}.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:#4D47D5}.aa-cursor .algolia-docsearch-suggestion--content{color:#272296}.aa-cursor .algolia-docsearch-suggestion{background:#EBEBFB}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:inset 0 -2px 0 0 #C9177E}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#C9177E;background:#f7e8f1;padding:0.1em 0.05em}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{background-color:#fff}.algolia-autocomplete .ds-dropdown-menu{font-size:.8em;min-width:340px;max-width:340px}@media only screen and (min-width: 760px){.algolia-autocomplete .ds-dropdown-menu{font-size:1em;min-width:400px;max-width:500px}}@media only screen and (min-width: 960px){.algolia-autocomplete .ds-dropdown-menu{min-width:500px;max-width:600px}}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column-text .algolia-docsearch-suggestion--highlight{color:#0083C0;font-weight:bold;background:#c9e8f6}@media (min-width: 768px){.algolia-docsearch-suggestion{border-bottom-color:#7671df}.algolia-docsearch-suggestion--subcategory-column{border-right-color:#7671df;background-color:#F2F2FF;color:#4E4726}}kbd{background-color:inherit;border:1px solid #222;display:inline-block;font-size:.9em;padding:.1em .3em;border-radius:5px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}aside#toc{position:fixed;max-width:280px;min-width:280px;overflow-y:scroll;max-height:calc(100vh - 50px - 40px);padding-left:.5em;padding-right:.5em;bottom:40px;right:20px;height:auto;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);z-index:30;background-color:#fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;opacity:0;border-radius:5px}aside#toc header.toc-header{display:inline-block;width:100%;margin-top:24px}aside#toc header.toc-header>a h3{margin-top:0px;margin-bottom:0px;margin-left:8px;padding-bottom:0px;border-bottom:1px solid #222;color:#222;font-size:17px}aside#toc.toc-open{-webkit-transform:scale(1);transform:scale(1);opacity:1}@media only screen and (min-width: 1200px){aside#toc{box-shadow:none;top:50px;right:0px;bottom:auto;opacity:1;min-height:calc(100vh - 50px);max-height:calc(100vh - 50px);-webkit-transform:scale(1);transform:scale(1);border-left:1px solid silver;border-radius:0px}}nav#TableOfContents{position:relative;margin-bottom:20px;height:auto}nav#TableOfContents li code{font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}nav#TableOfContents li.active>a>code{color:inherit;font-weight:700;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}nav#TableOfContents>ul:first-child{padding-left:0px;margin-left:0px;margin-top:.5em;margin-bottom:2em}nav#TableOfContents>ul:first-child>li{padding-left:0px;margin-left:0px;font-size:18px}nav#TableOfContents ul>li>ul li{line-height:1.2;font-size:16px;padding-left:8px;position:relative;margin-top:.5em;margin-bottom:.5em}nav#TableOfContents ul>li>ul li a{color:#222;position:relative}@media only screen and (min-width: 960px){nav#TableOfContents ul>li>ul li a:hover{color:#C9177E}nav#TableOfContents ul>li>ul li a:hover::before{content:'';display:inline-block;height:100%;border-left:1px solid #C9177E;position:absolute;left:-8px}nav#TableOfContents ul>li>ul li a:hover code{color:inherit}}nav#TableOfContents ul>li>ul li.active>a{position:relative;color:#C9177E;font-weight:400}nav#TableOfContents ul>li>ul li.active>a::before{content:'';display:inline-block;height:100%;border-left:2px solid #C9177E;position:absolute;left:-8px}nav#TableOfContents ul>li>ul li>ul{display:block;margin-top:8px;margin-bottom:0px}nav#TableOfContents ul>li>ul li>ul>li{font-size:14px}@media only screen and (min-width: 960px){nav#TableOfContents ul>li>ul li>ul>li a:hover{color:#0083C0}nav#TableOfContents ul>li>ul li>ul>li a:hover::before{content:'';display:inline-block;height:100%;border-left:1px solid #0083C0;position:absolute;left:-16px}}nav#TableOfContents ul>li>ul li>ul>li.active>a{color:#0083C0;font-weight:400}nav#TableOfContents ul>li>ul li>ul>li.active>a::before{border-left:2px solid #C9177E;left:-16px}nav#TableOfContents ul>li>ul li>ul>li ul{display:none}a#toc-toggle{display:none}aside#toc+a#toc-toggle{display:block;position:fixed;bottom:40px;right:20px;background-color:#fff;color:#fff;background-color:#C9177E;height:40px;width:40px;z-index:99;line-height:50px;text-align:center;border-radius:5px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}aside#toc+a#toc-toggle:after{content:'\2026';display:block;position:relative;width:40px;height:40px;font-size:2em;line-height:40px;bottom:10px}aside#toc+a#toc-toggle.toc-open{box-shadow:none;background-color:#fff;color:#222}aside#toc+a#toc-toggle.toc-open::after{content:"\00D7";font-size:2em;bottom:0px}aside#toc+a#toc-toggle.toc-open:hover{box-shadow:none}aside#toc+a#toc-toggle:hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}@media only screen and (min-width: 1200px){aside#toc+a#toc-toggle{display:none}}.contents-list{box-shadow:none;background-color:transparent;color:#222;border-bottom:1px solid silver;margin-bottom:1em;position:relative;font-size:.95em}.contents-list a{width:100%;color:#222}.contents-list a:before,.contents-list a:after,.contents-list a:hover{background-color:transparent;border:none;color:#222}.contents-list h3{margin-top:0px;padding-top:0px;padding-bottom:2px}.contents-list p{margin-top:8px;margin-bottom:16px}.taxonomy-term{font-size:1.3em;display:inline-block;width:auto;clear:both}.list-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.list-icon-wrapper{max-width:1em;max-height:1em;margin-right:.2em}.list-icon-wrapper img{width:100%;height:auto;margin-bottom:0px;margin-left:auto;margin-right:auto;display:block}.last-modified{color:#737373;display:block;clear:both;min-width:200px;width:100%;max-width:100%;text-align:center;font-size:.8em;position:relative;border-bottom:2px solid #737373}#content-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:100%;min-width:100%;min-height:60px;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2em}.cf-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#737373}.cf-link h5{color:#737373}.cf-link:hover{background-color:#C9177E;color:#fff}.cf-link:hover h5{color:#fff}.icon-wrapper{display:inline-block;margin-right:6px;position:relative;min-height:60px;width:24px}.icon-wrapper i{font-size:24px;position:absolute;top:calc(50% - 12px)}.next-page{-ms-flex-pack:end;justify-content:flex-end;text-align:right;-ms-flex-item-align:end;align-self:flex-end}.page-info{margin:0px .5em 0px .5em}.page-info{display:inline-block;width:auto}.page-info span{font-size:.8em}.body-copy blockquote{position:relative;display:block;margin:0px;font-style:italic;background-color:#f8f8f8;padding:16px;margin-bottom:1em}.body-copy blockquote p{margin-bottom:0px;margin-top:16px}.body-copy blockquote p:first-child{margin-top:8px}.body-copy blockquote:before{font-family:'fontello';display:block;height:1em;width:1em;position:absolute;content:'\e809';color:silver;top:-3px;left:4px;font-size:1.2em;font-style:normal}.body-copy blockquote code,.body-copy blockquote pre{font-style:normal}.body-copy blockquote cite.blockquote-citation{position:relative;display:block;clear:both;text-align:right;line-height:2;font-size:14px;font-style:normal}.breadcrumbs{list-style:none;display:inline-block;margin-top:3px}.breadcrumbs li{float:left}.breadcrumbs li a{color:#222;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#D1F1FE;text-decoration:none;position:relative;height:30px;line-height:30px;padding:0 10px 0 5px;text-align:center;margin-right:23px;font-size:14px}.breadcrumbs li a img{height:20px;width:20px}.breadcrumbs li a span{margin-left:4px}.breadcrumbs li:nth-child(even){margin-left:-8px}.breadcrumbs li:nth-child(even) a{background-color:#D1F1FE}.breadcrumbs li:nth-child(even) a:before{border-color:#D1F1FE;border-left-color:transparent;height:30px;line-height:30px}.breadcrumbs li:nth-child(even) a:after{border-left-color:#D1F1FE}.breadcrumbs li:first-child a{padding-left:10px;border-radius:4px 0 0 4px}.breadcrumbs li:first-child a:before{border:none}.breadcrumbs li:last-child::not(first-child) a{padding-right:15px;border-radius:0 4px 4px 0}.breadcrumbs li:last-child::not(first-child) a:after{border:none}.breadcrumbs li a:before,.breadcrumbs li a:after{content:"";position:absolute;top:0;border:0 solid #D1F1FE;border-width:15px 6.666px;width:0;height:0}.breadcrumbs li a:before{left:-12px;border-left-color:transparent}.breadcrumbs li a:after{left:100%;border-color:transparent;border-left-color:#D1F1FE}.breadcrumbs li a:hover{background-color:#0083C0;color:#fff}.breadcrumbs li a:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.breadcrumbs li a:hover:before{border-color:#0083C0;border-left-color:transparent}.breadcrumbs li a:hover:after{border-left-color:#0083C0}table{text-align:left;overflow-x:scroll;width:100%;max-width:100%;width:auto;display:block;border-left:2px solid #737373;margin:0px;font-size:16px;margin-bottom:1em}table tr{border-top:2px solid #737373}table tr th,table tr td{padding-left:4px;padding-right:6px}table tr th:last-child,table tr td:last-child{border-right:2px solid #737373}table.terms-table td{width:50%}table thead{width:100%;background-color:#000;color:#fff}table thead tr{min-width:100%}table thead tr th{padding-left:4px;padding-right:6px}@media only screen and (min-width: 760px){table thead tr th:last-child{min-width:220px}}table tbody{min-width:100%}table tbody tr{min-width:100%;background-color:#fff}table tbody tr:nth-child(even){background-color:#d9d9d9}table tbody tr:last-child{border-bottom:2px solid #737373}table tbody tr small{font-size:1em}table tbody td .purpose-title{font-style:italic;color:#C9177E;font-weight:bold}table tbody td.bf-default code{color:#0083C0;font-weight:bold}table tbody td.bf-flag code{color:#00A88A;font-weight:bold}table.utils-table tr{line-height:1.2}table.utils-table tr>td:first-child{min-width:220px}table.bf-configuration tbody tr td.purpose-description ul{list-style:none;margin-left:0px;padding-left:0px}table.bf-configuration tbody tr td.purpose-description ul li{list-style:none}@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333}.featherlight:last-of-type{background:rgba(0,0,0,0.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;border-radius:0px;padding:0px;border-bottom:0px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;font-size:1.1em;line-height:2em;width:2em;cursor:pointer;text-align:center;font-family:Arial, sans-serif;background-color:rgba(255,255,255,0.8);color:#222}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:none}.featherlight *{box-sizing:border-box}}@media only screen and (max-width: 1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%}}a.image-link:hover{border-bottom:0px solid transparent !important;cursor:zoom-in}.twitter-tweet.twitter-tweet-rendered{display:block;margin-left:auto;margin-right:auto}.body-copy>div{margin-bottom:1.5em}.site-header{width:100%;height:50px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0px;background-color:#fff;color:#000;position:fixed;top:0px;left:0px;z-index:20;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}@media only screen and (min-width: 960px){.site-header{-ms-flex-pack:justify;justify-content:space-between}}.site-header .hugo-meta{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width: 960px){.site-header .hugo-meta{float:left;width:auto;-ms-flex-pack:start;justify-content:flex-start}}.site-header #home-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.8em;margin-left:1.5em}.site-header #home-link img{height:35px;margin-right:.25em}.site-header #home-link .hugo-v{-ms-flex-item-align:end;align-self:flex-end;font-size:.9em}.site-header a.github-button{display:none}@media only screen and (min-width: 760px){.site-header a.github-button{display:inline}}.site-header iframe[src^="https://buttons.github.io"]{display:none;margin-left:1em}@media only screen and (min-width: 760px){.site-header iframe[src^="https://buttons.github.io"]{display:inline}}.site-navigation{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;position:fixed;left:0px;top:0px;width:280px;bottom:0px;overflow-y:scroll;background-color:#f8f8f8;-webkit-transform:translateX(-280px);transform:translateX(-280px);padding:0px;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.site-navigation.navigation-open{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:translateX(0px);transform:translateX(0px)}@media only screen and (min-width: 960px){.site-navigation{-webkit-transform:translateX(0px);transform:translateX(0px)}}.site-navigation ul li a{display:-ms-flexbox;display:flex}.site-navigation ul.top-menu{margin-top:80px;width:85%}@media only screen and (min-width: 960px){.site-navigation ul.top-menu{margin-top:60px}}.site-navigation ul.top-menu a{color:#222;font-weight:300;width:100%}.site-navigation ul.top-menu a:hover{color:#C9177E}.site-navigation ul.top-menu li{padding-left:0px;line-height:1.2;margin-top:.66em;margin-bottom:.66em}.site-navigation ul.top-menu li ul li{padding-left:.5em}.site-navigation ul.top-menu a.top-menu-item-link{font-size:16px;width:100%}.site-navigation ul.top-menu a.top-menu-item-link i.fa.fa-angle-double-right{margin-left:.25em}.site-navigation ul.top-menu a.top-menu-item-link.active-section{color:#C9177E;font-weight:700}.site-navigation ul.top-menu a.top-menu-item-link.active-section+ul.submenu{display:block;border-left:2px solid #C9177E}.site-navigation ul.top-menu ul.submenu{display:none;margin-left:.4em;padding-left:.5em}.site-navigation ul.top-menu ul.submenu li{line-height:1.3}.site-navigation ul.top-menu ul.submenu a.submenu-item-link{font-size:14px}.site-navigation ul.top-menu ul.submenu a.submenu-item-link:hover{color:#0083C0}.site-navigation ul.top-menu ul.submenu a.submenu-item-link.active-page{font-weight:700;color:#0083C0}.site-navigation ul.top-menu ul.submenu a.submenu-item-link.active-page>code{color:#0083C0}.site-navigation ul.top-menu ul.submenu a.submenu-item-link.active-page>code>em{font-style:normal;family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}.nav-buttons{display:block;margin-left:auto;margin-right:auto;max-width:200px}.nav-buttons a{margin-bottom:.5em;display:inline-block;width:200px;max-width:200px;position:relative;font-size:.9em}.navigation-toggle-wrapper{width:50px;height:50px;position:fixed;top:2px;left:0px;z-index:20}.navigation-toggle-wrapper h4.menu{display:inline-block;position:absolute;bottom:-1em;left:.8em;color:#0083C0;display:none}@media only screen and (min-width: 960px){.navigation-toggle-wrapper{display:none}}.navigation-toggle-wrapper.navigation-open .top{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:40%;border-radius:5px;background-color:#C9177E;border-color:#C9177E}.navigation-toggle-wrapper.navigation-open .middle{width:40px;height:40px;top:4%;border-radius:50%;background-color:#C9177E;border-color:#C9177E;opacity:0.3}.navigation-toggle-wrapper.navigation-open .bottom{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:40%;border-radius:5px;background-color:#C9177E;border-color:#C9177E}.bar{width:40px;height:2px;border:2px solid #0083C0;background-color:#0083C0;position:absolute;border-radius:10px}.bar.navigation-open{background-color:#C9177E;border:2px solid #C9177E}.top{left:15%;top:20%;transition:all 0.5s}.middle{left:15%;top:40%;transition:all 0.5s}.bottom{left:15%;top:60%;transition:all 0.5s}#all-content-wrapper{margin-top:50px;z-index:5;transition:all .3s ease-in-out;opacity:1;overflow-x:hidden}@media only screen and (min-width: 960px){#all-content-wrapper{margin-left:280px}}#all-content-wrapper.navigation-open{transition:all .3s ease-in-out;-webkit-transform:translateX(280px);transform:translateX(280px);opacity:.4;overflow-x:hidden}@media only screen and (min-width: 960px){#all-content-wrapper.navigation-open{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);overflow-x:hidden}}main.main{width:100%;display:block;margin-left:auto;margin-right:auto;position:relative;min-height:calc(100vh - 100px)}@media only screen and (min-width: 1200px){main.main{width:100%;margin-right:0px;max-width:calc(100vw - 560px - 20px);float:left;padding-left:0px;padding-right:0px}}.content{width:90%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 760px){.content{max-width:32em}}@media only screen and (min-width: 960px){.content{float:left;margin-left:5%;margin-right:auto}}@media only screen and (min-width: 1200px){.content{min-width:32em;max-width:90%}}header.content-header{display:block;clear:both;width:100%;position:relative;margin-top:24px;overflow-x:hidden;margin-bottom:1em}.content-section-image-wrapper{margin-bottom:1em}.content-section-image-wrapper a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#222}.content-section-image-wrapper a img{width:20px}.content-section-image-wrapper a span{font-size:.8em;margin-left:.25em}.content-header-links{display:none;position:absolute;right:0px;top:0px;text-transform:uppercase;width:auto;overflow:visible}@media only screen and (min-width: 760px){.content-header-links{display:block}}.content-header-links a{position:relative;border:1px solid silver;display:inline-block;color:#222;padding:4px 6px;vertical-align:middle;height:36px;width:36px;line-height:36px;text-align:center;border-radius:.25em;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.content-header-links a:hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.content-header-links a:hover{color:#222}.content-header-links a i.icon-pencil{font-size:20px;position:relative;bottom:4px;right:2px}.content-header-links a svg{height:24px;width:24px;display:inline}.content-header-links a.godoc-link{border-right-width:0px}.body-copy{margin-top:0px;margin-bottom:2.5em;display:block;overflow:visible}.body-copy div+h2{margin-top:1em}.body-copy em{font-weight:bolder}main.showcase-list{width:90%;max-width:1200px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1200px){main.showcase-list{margin-left:5%}}#showcase{display:-ms-flexbox;display:flex;list-style:none;padding-left:0px;margin-left:0px;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}#showcase li.showcase-site{list-style:none;padding-left:0px;margin-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);margin-bottom:1.5em}@media only screen and (min-width: 760px){#showcase li.showcase-site{width:48%}}@media only screen and (min-width: 1200px){#showcase li.showcase-site{width:32%}}#showcase li.showcase-site .image-wrapper{width:100%;max-width:100%}#showcase li.showcase-site .image-wrapper img{width:100%;max-width:100%;border-bottom:1px solid #d9d9d9}#showcase li.showcase-site ul.tags{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}#showcase li.showcase-site ul.tags li{margin-bottom:.25em;-ms-flex-item-align:start;align-self:flex-start;width:auto}#showcase li.showcase-site ul.tags li a{font-size:12px}#showcase li.showcase-site ul.tags li.tags-icon-li{box-shadow:none}#showcase li.showcase-site .showcase-meta{padding:10px}#showcase li.showcase-site .showcase-meta .showcase-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:.8em}#showcase li.showcase-site .showcase-meta .showcase-links .showcase-source{font-size:.8em;text-transform:uppercase}#showcase li.showcase-site .showcase-meta .showcase-links .showcase-title{font-weight:bold}#showcase li.showcase-site .showcase-meta .showcase-links .showcase-title a{font-weight:bold}#site-footer{background-color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:auto;padding-bottom:1em}@media only screen and (min-width: 760px){#site-footer{-ms-flex-direction:row;flex-direction:row}}@media only screen and (min-width: 960px){#site-footer{width:calc(100% - 280px);margin-left:280px}}@media only screen and (min-width: 1200px){#site-footer.withtoc{max-width:calc(100vw - 560px)}}.footer-content{width:90%;margin-left:auto;margin-right:auto;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.footer-content span{text-align:center;width:100%;display:block;margin-top:1em;font-size:.9em}.footer-content img{max-width:140px;margin-left:auto;margin-right:auto;display:block}@media only screen and (min-width: 760px){.footer-content{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.footer-content div{min-width:50%;width:50%;max-width:50%}}.footer-lists{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-right:1em;margin-top:1em}.footer-list{color:#fff;list-style:none;margin-left:0px;padding-left:0px;max-width:auto;margin-right:2em;margin:0px;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-list li a{color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer-list li a:not(i){font-size:14px}.footer-list li a i{font-size:16px;margin-right:.25em}.footer-list li a i.icon-github:before{font-size:22px;margin-left:0px;margin-right:2px}.footer-list li a:hover{color:#C9177E}@media only screen and (min-width: 960px){.footer-list{min-width:150px}}.all-content-wrapper.home{background-color:#d1f1fe;overflow-x:hidden}@media only screen and (min-width: 960px){.all-content-wrapper.home{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}}main#homepage{width:90%;margin-bottom:2.5em;margin-left:auto;margin-right:auto}.homepage-image{display:block;margin:1em auto;max-width:200px}.homepage-image img{max-width:200px;margin-left:auto;margin-right:auto}.homepage-cards{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-negative:0;flex-shrink:0;list-style:none;padding-left:0px;margin-left:0px;max-width:960px}.homepage-cards .homepage-card{transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);color:inherit;width:100%;background-color:#fff;margin-bottom:.5em;padding:16px 10px;-ms-flex-negative:0;flex-shrink:0}.homepage-cards .homepage-card:hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.homepage-cards .homepage-card a{display:-ms-flexbox;display:flex;min-height:100%}@media only screen and (min-width: 760px){.homepage-cards .homepage-card{-ms-flex:1 0 304px;flex:1 0 304px;max-width:48%;margin-bottom:1em}}.homepage-cards .homepage-card section{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.homepage-cards .homepage-card .homepage-card-image-wrapper{max-width:60px;min-width:60px;margin-right:10px}.homepage-cards .homepage-card .homepage-card-image-wrapper img{max-width:60px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 760px){.homepage-cards .homepage-card .homepage-card-image-wrapper{max-width:70px;min-width:70px}.homepage-cards .homepage-card .homepage-card-image-wrapper img{max-width:70px}}.homepage-cards .homepage-card h2{font-size:1em;margin:0px;line-height:1.1;margin-bottom:.5em;padding-bottom:0px;padding-top:0px;color:#222}.homepage-cards .homepage-card p{font-size:.8em;line-height:1.3;margin-bottom:0px;color:#555}@media only screen and (min-width: 960px){.homepage-cards{margin-left:auto;margin-right:auto}}@media only screen and (min-width: 1200px){.homepage-cards{max-width:760px}}.body-copy[data-section="commands"]>h2:nth-of-type(1){display:none}.body-copy[data-section="commands"] h3{font-size:1.6em}.body-copy[data-section="commands"] h4{font-size:1.2em}.body-copy[data-section="commands"] h5{font-size:1.1em;margin-top:1em;margin-bottom:1em;color:#737373}#beingreviewed{background-color:#C9177E;color:white;position:absolute;left:40px;top:20px;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);font-weight:bold;width:200px;font-size:36px;padding:6px;z-index:9999;overflow:visible;text-align:center;border-radius:15px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}#outdated{background-color:#0083C0;color:white;position:absolute;right:40px;top:20px;-webkit-transform:rotate(10deg);transform:rotate(10deg);font-weight:bold;width:200px;font-size:32px;padding:6px;z-index:9999;overflow:visible;text-align:center;border-radius:15px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)} +======= +.container-fluid,.container{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem}.row.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;order:-1}.last-xs{-ms-flex-order:1;order:1}@media only screen and (min-width: 48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-ms-flex-align:start;align-items:flex-start}.middle-sm{-ms-flex-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;justify-content:space-between}.first-sm{-ms-flex-order:-1;order:-1}.last-sm{-ms-flex-order:1;order:1}}@media only screen and (min-width: 64em){.container{width:65rem}.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-offset-0,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-ms-flex-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;align-items:center}.bottom-md{-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;justify-content:space-between}.first-md{-ms-flex-order:-1;order:-1}.last-md{-ms-flex-order:1;order:1}}@media only screen and (min-width: 75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-ms-flex-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;justify-content:space-between}.first-lg{-ms-flex-order:-1;order:-1}.last-lg{-ms-flex-order:1;order:1}}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;border-radius:0px !important;outline:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300;overflow-x:hidden}body{font-size:93%;overflow-x:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:97%}}@media only screen and (min-width: 960px){body{font-size:100%}}strong{font-weight:500;color:#222}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}::-webkit-scrollbar{display:none}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bash:before{content:'\e804'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-md:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quote-left:before{content:'\e809'}.icon-quote-right:before{content:'\e80a'}.icon-sass:before{content:'\e803'}.icon-search:before{content:'\e80b'}.icon-sh:before{content:'\e804'}.icon-bash:before{content:'\e804'}.icon-share:before{content:'\f1e0'}.icon-tag:before{content:'\e806'}.icon-tags:before{content:'\e805'}.icon-terminal:before{content:'\e804'}.icon-thumbs-up:before{content:'\e81a'}.icon-twitter:before{content:'\e807'}.icon-warn:before{content:'\e810'}.icon-warning:before{content:'\e810'}.icon-website:before{content:'\e818'}.icon-yaml:before,.icon-yml:before,.icon-toml:before{content:'\f121'}@font-face{font-family:'FontAwesome';src:url("/fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3");src:url("/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"),url("/fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"),url("/afonts/fontawesome/fontawesome-webfont.woff?v=4.6.3") format("woff"),url("/fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"),url("/fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-fw{width:1.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{-webkit-filter:none;filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}.fa-gitlab:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpforms:before{content:""}.fa-envira:before{content:""}.fa-universal-access:before{content:""}.fa-wheelchair-alt:before{content:""}.fa-question-circle-o:before{content:""}.fa-blind:before{content:""}.fa-audio-description:before{content:""}.fa-volume-control-phone:before{content:""}.fa-braille:before{content:""}.fa-assistive-listening-systems:before{content:""}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:""}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-signing:before,.fa-sign-language:before{content:""}.fa-low-vision:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-snapchat:before{content:""}.fa-snapchat-ghost:before{content:""}.fa-snapchat-square:before{content:""}.fa-pied-piper:before{content:""}.fa-first-order:before{content:""}.fa-yoast:before{content:""}.fa-themeisle:before{content:""}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:""}.fa-fa:before,.fa-font-awesome:before{content:""}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-200-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-200-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-200-webfont.ttf") format("truetype");font-weight:200;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-300-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-300-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-300-webfont.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-400-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-400-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-400-webfont.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-500-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-500-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-500-webfont.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"robotomono";src:url("/fonts/robotomono/robotomono-700-webfont.woff2") format("woff2"),url("/fonts/robotomono/robotomono-700-webfont.woff") format("woff"),url("/fonts/robotomono/robotomono-700-webfont.ttf") format("truetype");font-weight:700;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;font-weight:500;margin:0px;line-height:1.15;position:relative}h1>code,h1>a,h2>code,h2>a,h3>code,h3>a,h4>code,h4>a,h5>code,h5>a,h6>code,h6>a{font-weight:500}h1.page-title{font-size:1.8em;line-height:1.2;letter-spacing:-.021em;padding-bottom:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:8px;font-weight:500}@media only screen and (min-width: 760px){h1.page-title{font-size:2.3em}}@media only screen and (min-width: 960px){h1.page-title{font-size:2.3em}}@media only screen and (min-width: 1200px){h1.page-title{font-size:2.3em}}@media only screen and (min-width: 760px){h1.page-title{padding-top:0px}}h1.page-title img{display:inline;height:1em;width:1em;margin-right:.15em}h1.page-title i[class^="icon-"]{margin-left:-.15em;margin-right:.15em}h1.page-title.commands,h1.page-title.functions{font-family:"robotomono",courier,monospace}h2,h3{padding-bottom:24px}h2{font-size:1.4em}@media only screen and (min-width: 760px){h2{font-size:1.6em}}@media only screen and (min-width: 960px){h2{font-size:1.8em}}@media only screen and (min-width: 1200px){h2{font-size:1.8em}}h2.contents-list-heading{text-transform:uppercase;color:#737373}h2.contents-list-heading em{font-style:normal}h3{font-size:1.2em}@media only screen and (min-width: 760px){h3{font-size:1.3em}}@media only screen and (min-width: 960px){h3{font-size:1.3em}}@media only screen and (min-width: 1200px){h3{font-size:1.3em}}h4{font-size:1.1em;margin-top:1em;margin-bottom:1em;color:#737373}h5{font-size:1em;font-weight:500;margin-bottom:1em;color:#222}.functions,.commands{font-family:"robotomono",courier,monospace;font-weight:300;color:inherit}.functions>em,.commands>em{font-style:normal;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;padding-left:.25em;padding-right:.25em;font-size:.8em;position:relative;margin-bottom:.3em}.submenu-item:first-child a.submenu-item-link.functions{font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}hr{border-top:3px double #222}button,a[role="button"]{background-color:#0083C0;color:#fff;border:none;outline:none;border-radius:3px;padding:.25em .5em;font-size:1em;box-shadow:none;text-align:center;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}button:hover,a[role="button"]:hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}button[class^="icon-"]:before,a[role="button"][class^="icon-"]:before{display:inline-block;font-family:'FontAwesome';margin-right:.3em}button.icon-forum:before,a[role="button"].icon-forum:before{content:'\f086'}button.icon-mailing-list:before,a[role="button"].icon-mailing-list:before{content:'\f0e0'}nav ul,nav ol,aside ul,aside ol{margin-left:0px;padding-left:0px;list-style:none;text-indent:0px}nav ul li,nav ol li,aside ul li,aside ol li{position:relative;margin-left:0px;padding-left:0px;list-style:none}.body-copy ul,.body-copy ol{padding-left:.75em;margin-left:.5em;margin-top:0px;padding-top:0px;margin-bottom:1.5em}.body-copy ul li,.body-copy ol li{position:relative;margin-top:.25em}.body-copy ul li ul,.body-copy ul li ol,.body-copy ol li ul,.body-copy ol li ol{margin-bottom:0px}.body-copy ul{list-style:disc outside none}.body-copy ul li ul{list-style-type:circle}.body-copy ul li ul li ul{list-style-type:square}.body-copy ol li ol{list-style-type:lower-roman}.body-copy ol li ol li ol{list-style-type:lower-alpha}.body-copy dl{margin:0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;display:block;margin-bottom:1em;font-size:1em;clear:both;line-height:1.6;padding-top:.5em;padding-bottom:.5em}.body-copy dl dt{float:left;display:block;width:100%;clear:both;margin:0px;font-weight:bolder;margin-right:1em}.body-copy dl dt code{font-size:.9em}.body-copy dl dt>strong>em>code{font-style:normal;position:relative}.body-copy dl dt>strong>em>code:after{display:inline-block;position:relative;font-family:'FontAwesome';content:'\f06a';font-size:.9em;top:-.6em;right:0px;margin-right:-.5em;color:#C9177E}.body-copy dl dd{margin:.5em 0em 0em 0em;text-indent:0px;height:auto;font-size:1em;padding-top:.25em;padding-bottom:0em;padding-left:1.5em;padding-right:0em}.body-copy dl dd strong>code{color:#00A88A}.body-copy dl dd strong:first-child>code{color:#0083C0}.body-copy .utils-list{list-style:none;margin-left:0px;padding-left:0px}.body-copy .utils-list li{list-style:none;display:inline;margin-left:0px;padding-left:0px}.body-copy .task-list{list-style:none;margin-left:0px;padding-left:0px}.body-copy .task-list li{list-style:none}a{color:#C9177E;font-weight:inherit}a,a:hover,a:active,a:focus{text-decoration:none;cursor:pointer}a:hover{text-decoration:none}.body-copy li a,.body-copy p a{z-index:1;color:#C9177E}.body-copy li a:hover,.body-copy p a:hover{border-bottom:1px solid #C9177E}a.tooltip{position:relative;overflow:visible;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}a.tooltip:hover::before{display:inline-block;position:absolute;line-height:1;bottom:-1.4em;font-size:12px;color:white;min-width:80px;padding:.25em .33em;background-color:#222;content:attr(data-tooltip);white-space:nowrap;text-transform:none;font-weight:normal;border-radius:.25em}a.tooltip.left:hover::before{right:0px;left:auto}a.tooltip.right:hover::before{right:0px;left:auto}a.tooltip.edit-link:hover::after{content:'\f09b';font-family:'fontello';color:white;font-size:13px;display:inline-block;position:absolute;line-height:1;bottom:-1.1em;right:3px}a.tooltip.edit-link:hover::before{padding-right:1.5em;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}.icon-github:before{content:'\f09b'}.body-copy a.heading-link{opacity:0;color:silver;transition:opacity .3s ease-in-out;font-size:.7em;position:absolute;display:inline;top:.35em;right:0px}@media only screen and (min-width: 760px){.body-copy a.heading-link{left:-1.5em}}.body-copy h2:hover a.heading-link,.body-copy h3:hover a.heading-link{transition:opacity .3s ease-in-out;opacity:1}.body-copy h2:hover .icon-link:hover,.body-copy h3:hover .icon-link:hover{color:#C9177E}.body-copy img{width:100%;max-width:100%;height:auto}.admonition{padding:1em}.note,.warning{display:block;margin-bottom:20px;width:100%;border-left-width:4px;border-left-style:solid;border-left-color:#555;position:relative;padding-top:4px;padding-bottom:4px}.note #exclamation-icon,.warning #exclamation-icon{height:20px;width:20px;fill:#0083C0;position:absolute;top:20%;left:-12px;background-color:white}.note h2,.warning h2{display:none}.note .admonition-content,.warning .admonition-content{display:block;margin:0px;font-size:1em;padding:8px;margin-left:12px;color:#555}.note .admonition-content p:last-child,.warning .admonition-content p:last-child{margin-bottom:0px}.note .admonition-content ul:last-child,.note .admonition-content ol:last-child,.warning .admonition-content ul:last-child,.warning .admonition-content ol:last-child{margin-bottom:0px}.note .admonition-content ul:last-child+p,.note .admonition-content ol:last-child+p,.warning .admonition-content ul:last-child+p,.warning .admonition-content ol:last-child+p{margin-top:1em}.note{border-color:#0083C0;background-color:#f9fdfe}.note #exclamation-icon{fill:#0083C0}.warning{border-color:#C9177E;background-color:#fef5fa}.warning #exclamation-icon{fill:#C9177E}.hljs{display:block;overflow-x:auto;padding:0.5em;background:#f5f5f5;font-size:.9em}.hljs,.hljs-tag,.hljs-subst{color:#000}.hljs-strong,.hljs-emphasis{color:#737373}.hljs-bullet,.hljs-quote,.hljs-number,.hljs-regexp,.hljs-literal,.hljs-link{color:#0083c0}.hljs-code,.hljs-title,.hljs-section,.hljs-selector-class{color:#00A88A}.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#C9177E}.hljs-symbol,.hljs-attribute{color:#0083c0}.hljs-params,.hljs-class .hljs-title{color:#000}.hljs-string,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#0083c0}.hljs-comment,.hljs-deletion,.hljs-meta{color:#737373}.language-toml.hljs .hljs-section{color:#C9177E}.body-copy code,.body-copy pre{font-family:"robotomono",courier,monospace;font-size:.9em;weight:inherit;font-weight:400;overflow-y:visible;z-index:1}.body-copy>pre{position:relative;margin-bottom:1.5em}.body-copy pre>code,.body-copy .code{background-color:#f5f5f5}.body-copy>pre{overflow-x:scroll}.body-copy ol code,.body-copy ul code,.body-copy div code,.body-copy strong code,.body-copy em code,.body-copy span code,.body-copy p code,.body-copy dd code,.body-copy dt code{background-color:#f5f5f5}@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi){.body-copy ol code,.body-copy ul code,.body-copy div code,.body-copy strong code,.body-copy em code,.body-copy span code,.body-copy p code,.body-copy dd code,.body-copy dt code{background-color:#f5f5f5}}.code{display:block;position:relative;overflow:hidden;padding:.5em;overflow-y:visible;margin-bottom:1.5em}code[class^="language-"]:after{display:block;position:absolute;top:4px;right:4px;color:#7b7b7b;font-family:'fontello';content:'\f121'}.copy-button+.code-copy-content code[class^="language-"]:after{position:absolute;top:-4px;right:4px}code.language-html:after{font-family:'FontAwesome';content:'\f13b'}code.language-js:after{font-family:'fontello';content:'\e802';font-size:16px;top:2px}code.language-hugo:after,code.language-go:after,code.language-golang:after{font-family:'fontello';content:'\e81f'}code.language-sass:after,code.language-scss:after{font-family:'fontello';content:'\e803'}code.language-bash:after,code.language-sh:after{font-family:'fontello';content:'\e804';right:6px}code.language-toml:after{content:'TOML';font-size:.8em;padding-right:.3em}code.language-yaml:after,code.language-yml:after{content:'TOML';font-size:.8em;padding-right:.3em}code.language-md:after,code.language-markdown:after{font-family:'fontello';content:'\e80e'}.copy-button+.code-copy-content code[class^="language-"]:after{display:none;position:absolute;top:-8px;right:4px}.filename{font-family:"robotomono",courier,monospace;color:#626262;padding-left:1em;padding-top:.25em;font-size:.7em;background-color:#f5f5f5;width:100%;font-style:italic;margin-bottom:0px}.code-icon{position:absolute;top:2px;right:4px}.copy-button,.download-button{transition:opacity .3s ease-in-out;opacity:1;position:absolute;right:1px;top:1px;background-color:white;color:#222;border-radius:0px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);height:30px;min-width:70px;font-size:12px;display:block;z-index:15}.copy-button:hover,.download-button:hover{transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.copy-button span.button-text,.download-button span.button-text{text-transform:uppercase;margin-left:0px}.download-button{position:absolute;min-width:70px;top:1px;right:72px}.tooltipped{position:absolute}.tooltipped:after{position:absolute;z-index:1000000;display:none;padding:2px 4px;font-size:.8em;font-weight:500;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;text-shadow:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background-color:#0083C0;border-color:#0083C0;border-radius:0px;-webkit-font-smoothing:subpixel-antialiased}.tooltipped:before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:#0083C0;pointer-events:none;content:"";border:5px solid transparent}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after{display:inline-block;text-decoration:none}.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{top:100%;right:50%;margin-top:5px;text-align:center}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:#0083C0;text-align:center}.tooltipped-se:after{right:auto;left:50%;text-align:center}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:#0083C0}.tooltipped-ne:after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw:after{margin-right:-15px}.tooltipped-s:after,.tooltipped-n:after{-webkit-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w:after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:#0083C0}.tooltipped-e:after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e:before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:#0083C0}.tooltipped-multiline:after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{right:100%}svg.svg-icon{max-width:60px}.icon-freebsd:before{height:1em;width:1em;content:'';display:inline-block;margin-left:-.15em;margin-right:0em;background-image:url(/images/hugo-icons/freebsd.svg);background-size:contain;background-repeat:no-repeat}span.yes code{color:#fff;background-color:#00A88A}span.no code{background-color:#C9177E;color:#fff}span.no:after,span.bad:after{display:inline-block;height:1em;width:1em;font-family:'FontAwesome';content:'\f165';margin-left:.5em;font-size:1.2em;color:#C9177E}span.yes:after,.good:after{display:inline-block;height:1em;width:1em;font-family:'FontAwesome';content:'\f164';color:#00A88A;margin-left:.5em;font-size:1.2em}span.break{position:relative;display:inline-block;font-weight:bold;text-align:center;width:auto;left:calc(50% - 40px)}span.break:before,span.break:after{content:"";position:absolute;display:inline-block;height:.2em;border-bottom:1px solid black;border-top:1px solid black;top:.666em;width:140px}span.break:before{right:100%;margin-right:.5em}span.break:after{left:100%;margin-left:.5em}span.na code{background-color:transparent;color:#bbb}h2 .fa.fa-thumbs-up,h3 .fa.fa-thumbs-up,h4 .fa.fa-thumbs-up,li .fa.fa-thumbs-up{color:#00A88A}h2 .fa.fa-thumbs-down,h3 .fa.fa-thumbs-down,h4 .fa.fa-thumbs-down,li .fa.fa-thumbs-down{color:#C9177E}ul.tags{list-style:none;margin:0;padding:0;margin-top:1em;margin-bottom:.5em;margin-right:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;float:right}ul.tags li{height:20px;line-height:20px;margin-left:4px;margin-bottom:.75em;display:-ms-flexbox;display:flex}ul.tags li:not(.icon){transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}ul.tags li:not(.icon):hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}ul.tags li a{line-height:20px;-ms-flex-align:center;align-items:center;height:20px;font-size:14px;color:#222;padding-left:.3em;padding-right:.3em}.searchbox{display:inline-block;position:relative;width:300px;height:32px !important;white-space:nowrap;box-sizing:border-box;visibility:visible !important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease, background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 0px #ccc;background:#fff !important;padding:0;padding-right:26px;padding-left:32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:1em;appearance:none}.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 0px #b3b3b3}.searchbox__input:focus,.searchbox__input:active{outline:0;box-shadow:inset 0 0 0 0px #aaa;background:#fff}.searchbox__input::-webkit-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit::before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:''}.searchbox__submit:hover,.searchbox__submit:active{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6D7E96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:none;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,0.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid ~ .searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0 !important;left:inherit !important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0 !important;right:inherit !important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{position:relative;top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:none;z-index:999;max-width:500px;min-width:400px;box-shadow:0 1px 0 0 rgba(0,0,0,0.2),0 2px 3px 0 rgba(0,0,0,0.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:'';width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple{background-color:rgba(69,142,225,0.05)}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,0.05)}.algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"]{position:relative;border:solid 1px #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{position:relative;padding:0 8px;background:#fff;color:#02060C;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,0.1);padding:0.1em 0.05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight{color:inherit;background:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,0.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:'';position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363D}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;display:none;padding-left:0;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#A4A7AE;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:'';position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight{background-color:inherit;color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060C;font-size:.9em;font-weight:bold}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676D}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results::before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:none;color:#222222;background-color:#EBEBEB;border-radius:3px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:none}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header{display:block}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary .algolia-docsearch-suggestion--subcategory-column{display:block}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:solid 1px #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content::before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1::before{background-image:url('data:image/svg+xml;utf8,');content:'';width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-column,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none !important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458EE1;font-size:.9em;font-weight:normal}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title::before{content:"#";font-weight:bold;color:#458EE1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:bold;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:110px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:center;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0 !important;width:100%;height:100%;display:block}#toggle-search{display:block;position:fixed;top:.5em;right:.3em;float:right;margin-right:20px;font-size:1.2em;z-index:60;color:#C9177E}@media only screen and (min-width: 960px){#toggle-search{top:.3em}}form#site-search-form{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;width:100vw;position:fixed;top:50px;height:45px;-webkit-transform:translateY(-50px);transform:translateY(-50px);background-color:#fff;z-index:19;box-shadow:0 3px 6px rgba(201,23,126,0.15),0 3px 6px rgba(201,23,126,0.3)}form#site-search-form.search-open{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0);border-bottom:1px solid #C9177E}form#site-search-form #search-input{max-height:45px;padding-left:20px;font-size:1em}@media only screen and (min-width: 960px){form#site-search-form{display:block;position:fixed;top:8px;right:0px;z-index:50;width:300px;-webkit-transform:translateX(290px);transform:translateX(290px);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;box-shadow:none;max-height:40px}form#site-search-form.search-open{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;border-bottom-width:0px;-webkit-transform:translateX(0px);transform:translateX(0px)}form#site-search-form.search-open #search-input{transition:opacity .3 ease-in-out;opacity:1;border-bottom:3px solid #C9177E}form#site-search-form.search-open #search-input::after{display:inline-block;content:'';width:1em;border-bottom:3px solid #C9177E}form#site-search-form #search-input{transition:opacity .3s ease-in-out;max-height:40px;padding-left:0px;font-size:20px;opacity:0}}#search-input{width:260px;outline:none;border:0px;border-radius:0px}#search-input,#search-input:hover,#search-input:active,#search-input:focus{outline:none}.algolia-docsearch-suggestion{border-bottom-color:#3A3DD1}.algolia-docsearch-suggestion--highlight{color:#3A33D1}.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:#4D47D5}.aa-cursor .algolia-docsearch-suggestion--content{color:#272296}.aa-cursor .algolia-docsearch-suggestion{background:#EBEBFB}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:inset 0 -2px 0 0 #C9177E}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#C9177E;background:#f7e8f1;padding:0.1em 0.05em}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{background-color:#fff}.algolia-autocomplete .ds-dropdown-menu{font-size:.8em;min-width:340px;max-width:340px}@media only screen and (min-width: 760px){.algolia-autocomplete .ds-dropdown-menu{font-size:1em;min-width:400px;max-width:500px}}@media only screen and (min-width: 960px){.algolia-autocomplete .ds-dropdown-menu{min-width:500px;max-width:600px}}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column-text .algolia-docsearch-suggestion--highlight{color:#0083C0;font-weight:bold;background:#c9e8f6}@media (min-width: 768px){.algolia-docsearch-suggestion{border-bottom-color:#7671df}.algolia-docsearch-suggestion--subcategory-column{border-right-color:#7671df;background-color:#F2F2FF;color:#4E4726}}kbd{background-color:inherit;border:1px solid #222;display:inline-block;font-size:.9em;padding:.1em .3em;border-radius:5px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}aside#toc{position:fixed;max-width:280px;min-width:280px;overflow-y:scroll;max-height:calc(100vh - 50px - 40px);padding-left:.5em;padding-right:.5em;bottom:40px;right:20px;height:auto;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);z-index:30;background-color:#fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;opacity:0;border-radius:5px}aside#toc header.toc-header{display:inline-block;width:100%;margin-top:24px}aside#toc header.toc-header>a h3{margin-top:0px;margin-bottom:0px;margin-left:8px;padding-bottom:0px;border-bottom:1px solid #222;color:#222;font-size:17px}aside#toc.toc-open{-webkit-transform:scale(1);transform:scale(1);opacity:1}@media only screen and (min-width: 1200px){aside#toc{box-shadow:none;top:50px;right:0px;bottom:auto;opacity:1;min-height:calc(100vh - 50px - 140px);max-height:calc(100vh - 50px - 140px);-webkit-transform:scale(1);transform:scale(1);border-radius:0px;margin-right:1.5em;padding-bottom:20px}aside#toc .toc-inner-wrapper{position:relative;min-height:calc(100vh - 50px - 140px);max-height:calc(100vh - 50px - 140px);overflow-y:scroll}aside#toc .fade{content:'';display:inline-block;position:absolute;bottom:-1px;left:0px;width:100%;min-height:1px;box-shadow:0px 0px 72px 50px #fff}}nav#TableOfContents{position:relative;margin-bottom:20px;height:auto;overflow-y:scroll}nav#TableOfContents li code{font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}nav#TableOfContents li.active>a>code{color:inherit;font-weight:700;font-family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}nav#TableOfContents>ul:first-child{padding-left:0px;margin-left:0px;margin-top:.5em;margin-bottom:2em}nav#TableOfContents>ul:first-child>li{padding-left:0px;margin-left:0px;font-size:18px}nav#TableOfContents ul>li>ul li{line-height:1.2;font-size:16px;padding-left:8px;position:relative;margin-top:.5em;margin-bottom:.5em}nav#TableOfContents ul>li>ul li a{color:#222;position:relative}@media only screen and (min-width: 960px){nav#TableOfContents ul>li>ul li a:hover{color:#C9177E}nav#TableOfContents ul>li>ul li a:hover::before{content:'';display:inline-block;height:100%;border-left:1px solid #C9177E;position:absolute;left:-8px}nav#TableOfContents ul>li>ul li a:hover code{color:inherit}}nav#TableOfContents ul>li>ul li.active>a{position:relative;color:#C9177E;font-weight:400}nav#TableOfContents ul>li>ul li.active>a::before{content:'';display:inline-block;height:100%;border-left:2px solid #C9177E;position:absolute;left:-8px}nav#TableOfContents ul>li>ul li>ul{display:block;margin-top:8px;margin-bottom:0px}nav#TableOfContents ul>li>ul li>ul>li{font-size:14px}@media only screen and (min-width: 960px){nav#TableOfContents ul>li>ul li>ul>li a:hover{color:#0083C0}nav#TableOfContents ul>li>ul li>ul>li a:hover::before{content:'';display:inline-block;height:100%;border-left:1px solid #0083C0;position:absolute;left:-16px}}nav#TableOfContents ul>li>ul li>ul>li.active>a{color:#0083C0;font-weight:400}nav#TableOfContents ul>li>ul li>ul>li.active>a::before{border-left:2px solid #C9177E;left:-16px}a#toc-toggle{display:none}aside#toc+a#toc-toggle{display:block;position:fixed;bottom:40px;right:20px;background-color:#fff;color:#fff;background-color:#C9177E;height:40px;width:40px;z-index:99;line-height:50px;text-align:center;border-radius:5px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}aside#toc+a#toc-toggle:after{content:'\2026';display:block;position:relative;width:40px;height:40px;font-size:2em;line-height:40px;bottom:10px}aside#toc+a#toc-toggle.toc-open{box-shadow:none;background-color:#fff;color:#222}aside#toc+a#toc-toggle.toc-open::after{content:"\00D7";font-size:2em;bottom:0px}aside#toc+a#toc-toggle.toc-open:hover{box-shadow:none}aside#toc+a#toc-toggle:hover{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}@media only screen and (min-width: 1200px){aside#toc+a#toc-toggle{display:none}}.all-contents{padding-top:1em;font-size:.95em}.contents-list{box-shadow:none;background-color:transparent;color:#222;border-bottom:1px solid silver;margin-bottom:1em;position:relative;font-size:.95em}.contents-list a{width:100%;color:#222}.contents-list a:before,.contents-list a:after,.contents-list a:hover{background-color:transparent;border:none;color:#222}.contents-list h3{margin-top:0px;padding-top:0px;padding-bottom:2px;color:#C9177E}.contents-list p{margin-top:8px;margin-bottom:16px}.taxonomy-term{font-size:1.3em;display:inline-block;width:auto;clear:both}.list-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.list-icon-wrapper{max-width:1em;max-height:1em;margin-right:.2em}.list-icon-wrapper img{width:100%;height:auto;margin-bottom:0px;margin-left:auto;margin-right:auto;display:block}.last-modified{color:#737373;display:block;clear:both;min-width:200px;width:100%;max-width:100%;text-align:center;font-size:.8em;position:relative;border-bottom:2px solid #737373}#content-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:100%;min-width:100%;min-height:60px;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2em}.cf-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#737373}.cf-link h5{color:#737373}.cf-link:hover{background-color:#C9177E;color:#fff}.cf-link:hover h5{color:#fff}.icon-wrapper{display:inline-block;margin-right:6px;position:relative;min-height:60px;width:24px}.icon-wrapper i{font-size:24px;position:absolute;top:calc(50% - 12px)}.next-page{-ms-flex-pack:end;justify-content:flex-end;text-align:right;-ms-flex-item-align:end;align-self:flex-end}.page-info{margin:0px .5em 0px .5em}.page-info{display:inline-block;width:auto}.page-info span{font-size:.8em}.body-copy blockquote{position:relative;display:block;margin:0px;font-style:italic;background-color:#f8f8f8;padding:16px;margin-bottom:1em}.body-copy blockquote p{margin-bottom:0px;margin-top:16px}.body-copy blockquote p:first-child{margin-top:8px}.body-copy blockquote:before{font-family:'fontello';display:block;height:1em;width:1em;position:absolute;content:'\e809';color:silver;top:-3px;left:4px;font-size:1.2em;font-style:normal}.body-copy blockquote code,.body-copy blockquote pre{font-style:normal}.body-copy blockquote cite.blockquote-citation{position:relative;display:block;clear:both;text-align:right;line-height:2;font-size:14px;font-style:normal}.breadcrumbs{list-style:none;display:inline-block;margin-top:3px}.breadcrumbs li{float:left}.breadcrumbs li a{color:#222;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#D1F1FE;text-decoration:none;position:relative;height:30px;line-height:30px;padding:0 10px 0 5px;text-align:center;margin-right:23px;font-size:14px}.breadcrumbs li a img{height:20px;width:20px}.breadcrumbs li a span{margin-left:4px}.breadcrumbs li:nth-child(even){margin-left:-8px}.breadcrumbs li:nth-child(even) a{background-color:#D1F1FE}.breadcrumbs li:nth-child(even) a:before{border-color:#D1F1FE;border-left-color:transparent;height:30px;line-height:30px}.breadcrumbs li:nth-child(even) a:after{border-left-color:#D1F1FE}.breadcrumbs li:first-child a{padding-left:10px;border-radius:4px 0 0 4px}.breadcrumbs li:first-child a:before{border:none}.breadcrumbs li:last-child::not(first-child) a{padding-right:15px;border-radius:0 4px 4px 0}.breadcrumbs li:last-child::not(first-child) a:after{border:none}.breadcrumbs li a:before,.breadcrumbs li a:after{content:"";position:absolute;top:0;border:0 solid #D1F1FE;border-width:15px 6.666px;width:0;height:0}.breadcrumbs li a:before{left:-12px;border-left-color:transparent}.breadcrumbs li a:after{left:100%;border-color:transparent;border-left-color:#D1F1FE}.breadcrumbs li a:hover{background-color:#0083C0;color:#fff}.breadcrumbs li a:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.breadcrumbs li a:hover:before{border-color:#0083C0;border-left-color:transparent}.breadcrumbs li a:hover:after{border-left-color:#0083C0}table{text-align:left;overflow-x:scroll;width:100%;max-width:100%;width:auto;display:block;border-left:2px solid #737373;margin:0px;font-size:16px;margin-bottom:1em}table tr{border-top:2px solid #737373}table tr th,table tr td{padding-left:4px;padding-right:6px}table tr th:last-child,table tr td:last-child{border-right:2px solid #737373}table.terms-table td{width:50%}table thead{width:100%;background-color:#000;color:#fff}table thead tr{min-width:100%}table thead tr th{padding-left:4px;padding-right:6px}@media only screen and (min-width: 760px){table thead tr th:last-child{min-width:220px}}table tbody{min-width:100%}table tbody tr{min-width:100%;background-color:#fff}table tbody tr:nth-child(even){background-color:#d9d9d9}table tbody tr:last-child{border-bottom:2px solid #737373}table tbody tr small{font-size:1em}table tbody td .purpose-title{font-style:italic;color:#C9177E;font-weight:bold}table tbody td.bf-default code{color:#0083C0;font-weight:bold}table tbody td.bf-flag code{color:#00A88A;font-weight:bold}table.utils-table tr{line-height:1.2}table.utils-table tr>td:first-child{min-width:220px}table.bf-configuration tbody tr td.purpose-description ul{list-style:none;margin-left:0px;padding-left:0px}table.bf-configuration tbody tr td.purpose-description ul li{list-style:none}.twitter-tweet.twitter-tweet-rendered{display:block;margin-left:auto;margin-right:auto}.body-copy>div{margin-bottom:1.5em}.cls-1{fill:#11485e}.cls-2{fill:#7fc2e2}.cls-3{fill:#d8d5d5}.cls-4{fill:#131413}.cls-5{fill:#fff}.cls-6{fill:#b28f82}.cls-7{fill:#231f20}.cls-8{fill:#418cbd}.eye{-webkit-animation:squeeze 2.4s infinite;animation:squeeze 2.4s infinite}.nose{-webkit-animation:nose 2s infinite ease;animation:nose 2s infinite ease}.gopher{-webkit-transform:translateY(120px);transform:translateY(120px);-webkit-animation:start .8s forwards ease-in-out;animation:start .8s forwards ease-in-out}@-webkit-keyframes nose{80%{-webkit-transform:none;transform:none}83%{-webkit-transform:translateX(7.5px) scaleX(0.9);transform:translateX(7.5px) scaleX(0.9)}90%{-webkit-transform:none;transform:none}93%{-webkit-transform:translateX(7.5px) scaleX(0.9);transform:translateX(7.5px) scaleX(0.9)}100%{-webkit-transform:none;transform:none}}@keyframes nose{80%{-webkit-transform:none;transform:none}83%{-webkit-transform:translateX(7.5px) scaleX(0.9);transform:translateX(7.5px) scaleX(0.9)}90%{-webkit-transform:none;transform:none}93%{-webkit-transform:translateX(7.5px) scaleX(0.9);transform:translateX(7.5px) scaleX(0.9)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes squeeze{90%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(70px) scaleY(0.1);transform:translateY(70px) scaleY(0.1)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes squeeze{90%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(70px) scaleY(0.1);transform:translateY(70px) scaleY(0.1)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333}.featherlight:last-of-type{background:rgba(0,0,0,0.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;border-radius:0px;padding:0px;border-bottom:0px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;font-size:1.1em;line-height:2em;width:2em;cursor:pointer;text-align:center;font-family:Arial, sans-serif;background-color:rgba(255,255,255,0.8);color:#222}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:none}.featherlight *{box-sizing:border-box}}@media only screen and (max-width: 1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%}}a.image-link:hover{border-bottom:0px solid transparent !important;cursor:zoom-in}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.site-header{width:100%;height:50px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0px;background-color:#fff;color:#000;position:fixed;top:0px;left:0px;z-index:20;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}@media only screen and (min-width: 960px){.site-header{-ms-flex-pack:justify;justify-content:space-between}}.site-header .hugo-meta{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width: 960px){.site-header .hugo-meta{float:left;width:auto;-ms-flex-pack:start;justify-content:flex-start}}.site-header #home-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.8em;margin-left:1.5em}.site-header #home-link img{height:35px;margin-right:.25em}.site-header #home-link .hugo-v{-ms-flex-item-align:end;align-self:flex-end;font-size:.9em}.site-header a.github-button{display:none}@media only screen and (min-width: 760px){.site-header a.github-button{display:inline}}.site-header iframe[src^="https://buttons.github.io"]{display:none;margin-left:1em}@media only screen and (min-width: 760px){.site-header iframe[src^="https://buttons.github.io"]{display:inline}}.site-navigation::-webkit-scrollbar{display:none}.site-navigation{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;position:fixed;left:0px;top:0px;width:280px;bottom:0px;overflow-y:scroll;background-color:#f8f8f8;-webkit-transform:translateX(-280px);transform:translateX(-280px);padding:0px;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding-bottom:2em}.site-navigation::-webkit-scrollbar{display:none}.site-navigation.navigation-open{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:translateX(0px);transform:translateX(0px)}@media only screen and (min-width: 960px){.site-navigation{-webkit-transform:translateX(0px);transform:translateX(0px)}}.site-navigation ul li a{display:-ms-flexbox;display:flex}.site-navigation ul.top-menu{margin-top:80px;margin-bottom:30px;width:85%}@media only screen and (min-width: 960px){.site-navigation ul.top-menu{margin-top:60px}}.site-navigation ul.top-menu a{color:#222;font-weight:300;width:100%}.site-navigation ul.top-menu a:hover{color:#C9177E}.site-navigation ul.top-menu li{padding-left:0px;line-height:1.2;padding-top:.75em}.site-navigation ul.top-menu li ul li{padding-left:.3em}.site-navigation ul.top-menu a.top-menu-item-link{font-size:16px;width:100%}.site-navigation ul.top-menu a.top-menu-item-link i.fa.fa-angle-double-right{margin-left:.25em}.site-navigation ul.top-menu a.top-menu-item-link.active-section{color:#C9177E;font-weight:700}.site-navigation ul.top-menu a.top-menu-item-link.active-section+ul.submenu{display:block;border-left:2px solid #C9177E}.site-navigation ul.top-menu ul.submenu{display:none;margin-left:.2em;padding-left:.5em;padding-bottom:.66em}.site-navigation ul.top-menu ul.submenu li{line-height:1.3}.site-navigation ul.top-menu ul.submenu a.submenu-item-link{font-size:14px}.site-navigation ul.top-menu ul.submenu a.submenu-item-link:hover{color:#0083C0}.site-navigation ul.top-menu ul.submenu a.submenu-item-link.active-page{font-weight:700;color:#0083C0}.site-navigation ul.top-menu ul.submenu a.submenu-item-link.active-page>code{color:#0083C0}.site-navigation ul.top-menu ul.submenu a.submenu-item-link.active-page>code>em{font-style:normal;family:"museo-sans","muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif}.nav-buttons{display:block;margin-left:auto;margin-right:auto;max-width:200px}.nav-buttons a{margin-bottom:.5em;display:inline-block;width:200px;max-width:200px;position:relative;font-size:.9em}.navigation-toggle-wrapper{width:50px;height:50px;position:fixed;top:2px;left:0px;z-index:20}.navigation-toggle-wrapper h4.menu{display:inline-block;position:absolute;bottom:-1em;left:.8em;color:#0083C0;display:none}@media only screen and (min-width: 960px){.navigation-toggle-wrapper{display:none}}.navigation-toggle-wrapper.navigation-open .top{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:40%;border-radius:5px;background-color:#C9177E;border-color:#C9177E}.navigation-toggle-wrapper.navigation-open .middle{width:40px;height:40px;top:4%;border-radius:50%;background-color:#C9177E;border-color:#C9177E;opacity:0.3}.navigation-toggle-wrapper.navigation-open .bottom{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:40%;border-radius:5px;background-color:#C9177E;border-color:#C9177E}.bar{width:40px;height:2px;border:2px solid #0083C0;background-color:#0083C0;position:absolute;border-radius:10px}.bar.navigation-open{background-color:#C9177E;border:2px solid #C9177E}.top{left:15%;top:20%;transition:all 0.5s}.middle{left:15%;top:40%;transition:all 0.5s}.bottom{left:15%;top:60%;transition:all 0.5s}#all-content-wrapper{margin-top:50px;z-index:5;transition:all .3s ease-in-out;opacity:1;overflow-x:hidden}@media only screen and (min-width: 960px){#all-content-wrapper{margin-left:280px}}#all-content-wrapper.navigation-open{transition:all .3s ease-in-out;-webkit-transform:translateX(280px);transform:translateX(280px);opacity:.4;overflow-x:hidden}@media only screen and (min-width: 960px){#all-content-wrapper.navigation-open{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);overflow-x:hidden}}main.main{width:100%;display:block;margin-left:auto;margin-right:auto;position:relative;min-height:calc(100vh - 100px)}@media only screen and (min-width: 1200px){main.main{width:100%;margin-right:0px;max-width:calc(100vw - 560px - 20px);float:left;padding-left:0px;padding-right:0px}}.content{width:90%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 960px){.content{float:left;margin-left:5%;margin-right:auto;max-width:32em}}@media only screen and (min-width: 1200px){.content{min-width:32em;max-width:90%}}header.content-header{display:block;clear:both;width:100%;position:relative;margin-top:24px;overflow-x:hidden;margin-bottom:1em}.content-section-image-wrapper{margin-bottom:1em}.content-section-image-wrapper a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#222}.content-section-image-wrapper a img{width:20px}.content-section-image-wrapper a span{font-size:.8em;margin-left:.25em}.content-header-links{display:none;position:absolute;right:1px;top:1px;text-transform:uppercase;width:auto;overflow:visible}@media only screen and (min-width: 760px){.content-header-links{display:block}}.content-header-links a{position:relative;display:inline-block;color:#222;padding:4px 6px;vertical-align:middle;height:36px;width:36px;line-height:36px;text-align:center;border-radius:3px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.content-header-links a:hover{color:#222}.content-header-links a i.icon-pencil{font-size:20px;position:relative;bottom:4px;right:2px}.content-header-links a svg{height:24px;width:24px;display:inline}.content-header-links a.godoc-link{border-right-width:0px}.body-copy{margin-top:0px;margin-bottom:2.5em;display:block;overflow:visible}.body-copy div+h2{margin-top:1em}.body-copy em{font-weight:inherit}main.showcase-list{width:90%;max-width:1200px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1200px){main.showcase-list{margin-left:5%}}#showcase{display:-ms-flexbox;display:flex;list-style:none;padding-left:0px;margin-left:0px;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}#showcase li.showcase-site{list-style:none;padding-left:0px;margin-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);margin-bottom:1.5em}@media only screen and (min-width: 760px){#showcase li.showcase-site{width:48%}}@media only screen and (min-width: 1200px){#showcase li.showcase-site{width:32%}}#showcase li.showcase-site .image-wrapper{width:100%;max-width:100%}#showcase li.showcase-site .image-wrapper img{width:100%;max-width:100%;border-bottom:1px solid #d9d9d9}#showcase li.showcase-site ul.tags{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}#showcase li.showcase-site ul.tags li{margin-bottom:.25em;-ms-flex-item-align:start;align-self:flex-start;width:auto}#showcase li.showcase-site ul.tags li a{font-size:12px}#showcase li.showcase-site ul.tags li.tags-icon-li{box-shadow:none}#showcase li.showcase-site .showcase-meta{padding:10px}#showcase li.showcase-site .showcase-meta .showcase-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:.8em}#showcase li.showcase-site .showcase-meta .showcase-links .showcase-source{font-size:.8em;text-transform:uppercase}#showcase li.showcase-site .showcase-meta .showcase-links .showcase-title{font-weight:bold}#showcase li.showcase-site .showcase-meta .showcase-links .showcase-title a{font-weight:bold}#site-footer{background-color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:auto;padding-bottom:1em}@media only screen and (min-width: 760px){#site-footer{-ms-flex-direction:row;flex-direction:row}}@media only screen and (min-width: 960px){#site-footer{width:calc(100% - 280px);margin-left:280px;height:140px}}.footer-content{width:90%;margin-left:auto;margin-right:auto;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:760px}.footer-content .footer-info{width:100%}.footer-content .footer-info span{width:100%;display:block;text-align:center;margin-top:1em}@media only screen and (min-width: 760px){.footer-content .footer-info span{margin-top:0px}}@media only screen and (min-width: 760px){.footer-content .footer-info{width:200px}}.footer-content img{max-width:140px;margin-left:auto;margin-right:auto;display:block}@media only screen and (min-width: 760px){.footer-content{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.footer-content div{min-width:120px}}.footer-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;list-style:none;margin-left:0px;padding-left:0px;max-width:auto;margin-right:2em;margin:0px;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-list ul{list-style:none}.footer-list ul li a{color:#fff;font-size:.8em}#site-footer.homepage{width:100vw;margin-left:0px}#homepage-nav{transition:box-shadow .2s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:fixed;top:0px;left:0px;z-index:50;min-height:50px;max-height:50px;background-color:#fff}#homepage-nav.shadow{transition:box-shadow .2s ease-in-out;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}ul.animated{margin-top:0px;margin-bottom:0px;max-width:400px;min-width:240px;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}@media only screen and (min-width: 760px){ul.animated{min-width:320px}}ul.animated li{display:-ms-flexbox;display:flex}ul.animated li a{color:#737373}ul.animated li a:hover{color:#C9177E}#all-content-wrapper.home{margin-left:0px;margin-top:0px}@media only screen and (min-width: 760px){#all-content-wrapper.home{margin-left:0px}}#all-content-wrapper.home main#homepage.main{margin-left:0px;width:100vw;min-width:100vw}.homepage-icon{display:block;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:90%;max-width:540px;margin-top:5em;opacity:0;margin-right:auto;margin-left:auto}.homepage-icon span{width:100%;display:inline;text-align:center;font-size:2.3em;color:#C9177E;font-weight:900;font-family:'helvetica neue', helvetica, arial;margin-left:-.25em}@media only screen and (min-width: 760px){.homepage-icon span{font-size:3.5em}}.hero-tagline{color:#737373;font-size:1.2em;text-align:center;line-height:1.3;font-weight:100;margin-top:1.5em;font-style:normal;max-width:90%}@media only screen and (min-width: 760px){.hero-tagline{font-size:1.5em}}.home-row{min-height:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-row.hero{margin-top:50px;min-height:auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.home-row:nth-child(2){background-color:#f0f0f0}.home-row:nth-child(3){background-color:#fff}.home-row:nth-child(4){background-color:#0083C0}.home-row-content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:960px;margin-left:auto;margin-right:auto;margin-top:4rem;margin-bottom:4rem;width:90%}.home-row-content h2{text-align:left;width:100%;text-align:center;margin-bottom:1em}@media only screen and (min-width: 1200px){.home-row-content{-ms-flex-pack:distribute;justify-content:space-around}}.home-row-content.first-fade{opacity:0}.homepage-features{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;width:85%}.homepage-features .homepage-feature{margin-bottom:2em;max-width:297.6px}.homepage-features .homepage-feature h3{margin-bottom:.2em;padding-bottom:0px;font-weight:500;border-bottom:1px solid white;font-size:1.1em}.homepage-features .homepage-feature .homepage-feature-content{color:#6f6f6f;font-weight:200;line-height:1.3;font-size:.9em}.homepage-features .homepage-feature .homepage-feature-content p{color:#6f6f6f}.homepage-features .homepage-feature .homepage-feature-content code:first-child{margin-right:.25em}.half{width:90%;margin-left:auto;margin-right:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:384px}.half.half-content{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding-top:30px}.half.half-content h2{width:100%;font-size:22px;text-align:center;font-weight:500;line-height:1.3;margin-top:40px}@media only screen and (min-width: 760px){.half.half-content h2{margin-top:0px}}.half.half-content p{text-align:center;margin-left:auto;margin-right:auto}.half.half-content hr,.half.half-content .hr{border:0;height:1px;opacity:1;background-image:linear-gradient(to right, transparent, rgba(0,0,0,0.75), transparent);width:100%;margin-bottom:2.5em;margin-top:2.5em}.get-started{margin-bottom:5em}.get-started .button.xl{display:block;margin-top:1.5em;font-size:1.3em;padding-right:1em;padding-left:1em;width:auto;max-width:12em;margin-left:auto;margin-right:auto}.homepage-terminal{font-family:"robotomono",courier,monospace;background-color:#737373;padding:1em 1.5em;text-align:left;width:100%;max-width:360px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);border-radius:5px;margin-top:1em;margin-right:auto;margin-left:auto;font-size:14px;margin-bottom:0px;color:transparent}.homepage-terminal span{color:transparent}.homepage-terminal .blast{color:#fff}.svgs{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;position:relative}.svgs svg,.svgs .img-wrapper{max-width:45%;max-width:140px}.svgs svg#markdown,.svgs .img-wrapper#markdown{margin-top:30px}@media only screen and (min-width: 960px){.svgs{margin-top:3.5em}}#hugopher-front{width:300px;position:relative}#hugopher-front .eye{-webkit-animation:squeeze 2.4s infinite;animation:squeeze 2.4s infinite}.gopher-badge{opacity:0;width:50px;position:absolute;top:24px}.gopher-cape{opacity:0}.eyes{-webkit-animation:squeeze 2.4s infinite;animation:squeeze 2.4s infinite}@keyframes squeeze{90%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(70px) scaleY(0.1);transform:translateY(70px) scaleY(0.1)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.homepage-tweets{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.homepage-tweets h2{color:#fff}@media only screen and (min-width: 760px){.homepage-tweets{max-width:640px}}@media only screen and (min-width: 960px){.homepage-tweets{max-width:960px}}.homepage-tweet{max-width:300px;background-color:#fff;margin-bottom:20px;border-radius:4px;position:relative}.homepage-tweet i.icon-twitter{position:absolute;top:10px;right:10px;color:#1DA1F2}.homepage-tweet-attribution{font-style:normal;width:100%;display:block;font-size:.8em;text-align:right}.homepage-open-source div{width:100%;text-align:center}.homepage-open-source i.icon-github{font-size:62px}@media only screen and (min-width: 760px){.homepage-open-source i.icon-github{font-size:90px}}.homepage-open-source i.icon-love{color:red}.no-js{opacity:1 !important}.body-copy[data-section="commands"]>h2:nth-of-type(1){display:none}.body-copy[data-section="commands"] h3{font-size:1.6em}.body-copy[data-section="commands"] h4{font-size:1.2em}.body-copy[data-section="commands"] h5{font-size:1.1em;margin-top:1em;margin-bottom:1em;color:#737373}#beingreviewed{background-color:#C9177E;color:white;position:absolute;left:40px;top:20px;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);font-weight:bold;width:200px;font-size:36px;padding:6px;z-index:9999;overflow:visible;text-align:center;border-radius:15px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}#outdated{background-color:#0083C0;color:white;position:absolute;right:40px;top:20px;-webkit-transform:rotate(10deg);transform:rotate(10deg);font-weight:bold;width:200px;font-size:32px;padding:6px;z-index:9999;overflow:visible;text-align:center;border-radius:15px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)} +>>>>>>> homepage diff --git a/static/images/home/gme.svg b/static/images/home/gme.svg new file mode 100644 index 000000000..6049f2bbe --- /dev/null +++ b/static/images/home/gme.svg @@ -0,0 +1,2038 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/images/home/gopherizeme.png b/static/images/home/gopherizeme.png new file mode 100644 index 000000000..254fae328 Binary files /dev/null and b/static/images/home/gopherizeme.png differ diff --git a/static/images/homepage/gme-heart.png b/static/images/homepage/gme-heart.png new file mode 100644 index 000000000..0b2683fee Binary files /dev/null and b/static/images/homepage/gme-heart.png differ diff --git a/static/images/homepage/gme.png b/static/images/homepage/gme.png new file mode 100644 index 000000000..e3fd2aa14 Binary files /dev/null and b/static/images/homepage/gme.png differ diff --git a/static/images/homepage/gme2.png b/static/images/homepage/gme2.png new file mode 100644 index 000000000..5943c1c75 Binary files /dev/null and b/static/images/homepage/gme2.png differ diff --git a/static/images/hugo-icons/gme.svg b/static/images/hugo-icons/gme.svg new file mode 100644 index 000000000..4a7e4a189 --- /dev/null +++ b/static/images/hugo-icons/gme.svg @@ -0,0 +1,2047 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/hugo-icons/go-buffalo-logo.svg b/static/images/hugo-icons/go-buffalo-logo.svg new file mode 100644 index 000000000..0d1f29ef7 --- /dev/null +++ b/static/images/hugo-icons/go-buffalo-logo.svg @@ -0,0 +1,721 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/hugo-icons/hugo-logo-wide.svg b/static/images/hugo-icons/hugo-logo-wide.svg new file mode 100644 index 000000000..09ff47602 --- /dev/null +++ b/static/images/hugo-icons/hugo-logo-wide.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/hugo-icons/newlogo.svg b/static/images/hugo-icons/newlogo.svg new file mode 100644 index 000000000..1c5a8877f --- /dev/null +++ b/static/images/hugo-icons/newlogo.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/js/homepage.js b/static/js/homepage.js new file mode 100644 index 000000000..bcd13b8e8 --- /dev/null +++ b/static/js/homepage.js @@ -0,0 +1,116 @@ +$('#homepage-nav > ul.animated').addClass('fadeInDown'); +$('.homepage-icon.animated').addClass('fadeIn'); + + +$(document).ready(function() { + let offset1 = $('.hero').height() * .2, + offset2 = offset1 * 2, + scrolled1 = false, + scrolled2 = false, + atTop = true, + terminal = $('.homepage-terminal'), + firstFade = $('.first-fade'), + gopher = $('#gopher'), + cape = $('.gopher-cape'), + badge = $('.gopher-badge'); + $(window).scroll(function() { + let scroll = $(this).scrollTop(); + if (scroll > 20 && atTop == true) { + $('#homepage-nav').addClass('shadow'); + atTop = false; + }else if (scroll < 20) { + $('#homepage-nav').removeClass('shadow'); + atTop = true; + } + if (scroll > offset1 && scrolled1 == false) { + firstFade.addClass('fadeIn'); + scrolled1 = true; + } else if (scroll > offset2 && scrolled2 == false) { + terminal.blast({ delimiter: "letter" }).velocity("transition.fadeIn", { + display: null, + customClass: "visible", + duration: 0, + stagger: 60, + delay: 0, + complete: function() { + gopher.velocity('callout.tada', { + duration: 800, + complete: function() { + badge.addClass('bounceIn'); + cape.addClass('fadeIn'); + } + }); + } + }); + scrolled2 = true; + } + // else if (scroll > offset3) + }); +}); + +// var mySequence = [ +// { e: $element1, p: { translateX: 100 }, o: { duration: 1000 } }, +// /* The call below will run at the same time as the first call. */ +// { e: $element2, p: { translateX: 200 }, o: { duration: 1000, sequenceQueue: false }, +// /* As normal, the call below will run once the second call is complete. */ +// { e: $element3, p: { translateX: 300 }, o: { duration: 1000 } +// ]; +// $.Velocity.RunSequence(mySequence); + + + +// terminalElements = document.querySelectorAll('span.terminal-line'); + +// function terminals_init() { +// var elements = terminalElements; +// for (var i = 0; i < elements.length; i++) { +// var e = elements[i] +// e.completeHTML = e.innerHTML +// e.innerHTML = "" +// e.i = 0 +// } + +// } + +// function terminals_start() { +// //terminalIntervalFunction = function(){ terminals_next() } +// // setInterval(terminalIntervalFunction, 1000/60); +// terminals_next() +// } + +// function terminals_next() { +// var done = true +// var elements = terminalElements; + +// for (var i = 0; i < elements.length && done == true; i++) { +// var e = elements[i] + +// e.i++ + +// if (e.innerHTML.length >= e.completeHTML.length) { +// e.innerHTML = e.completeHTML +// } else { +// var s = e.completeHTML.substring(0, e.i) + +// if (s.slice(-1) == " ") { +// if (e.innerHTML.length % 6 == 0) { s = s + "" } else { s = s + "|" } +// } else { +// s = s + "|" +// } + +// e.innerHTML = s +// e.parentNode.style.display = 'none' +// e.parentNode.style.display = 'block' +// done = false +// } +// } + +// if (!done) { +// //window.clearInterval(terminalIntervalFunction) +// setTimeout(terminals_next, 1600 / 15) +// } +// } + +// terminals_init() + +// window.onload = function() { terminals_start() }; diff --git a/static/js/script.min.js b/static/js/script.min.js index aab0a7c70..c60235d6a 100644 --- a/static/js/script.min.js +++ b/static/js/script.min.js @@ -1,4 +1,11 @@ +<<<<<<< HEAD "use strict";function showTooltip(e,t){e.setAttribute("class","copy-button tooltipped tooltipped-s"),e.setAttribute("aria-label",t)}function fallbackMessage(e){var t="",r="cut"===e?"X":"C";return t=isMac?"Press ⌘-"+r:"Press Ctrl-"+r}function toggleToc(e){e.preventDefault(),e.stopPropagation(),console.log("hello"),document.getElementById("toc").classList.toggle("toc-open"),document.getElementById("toc-toggle").classList.toggle("toc-open")}var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(e){if("object"==("undefined"==typeof exports?"undefined":_typeof(exports))&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.Clipboard=e()}}(function(){var e;return function t(e,r,n){function o(i,s){if(!r[i]){if(!e[i]){var l="function"==typeof require&&require;if(!s&&l)return l(i,!0);if(a)return a(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var u=r[i]={exports:{}};e[i][0].call(u.exports,function(t){var r=e[i][1][t];return o(r?r:t)},u,u.exports,t,e,r,n)}return r[i].exports}for(var a="function"==typeof require&&require,i=0;in;n++)r[n].fn.apply(r[n].ctx,t);return this},off:function(e,t){var r=this.e||(this.e={}),n=r[e],o=[];if(n&&t)for(var a=0,i=n.length;i>a;a++)n[a].fn!==t&&n[a].fn._!==t&&o.push(n[a]);return o.length?r[e]=o:delete r[e],this}},t.exports=n},{}],8:[function(t,r,n){!function(o,a){if("function"==typeof e&&e.amd)e(["module","select"],a);else if("undefined"!=typeof n)a(r,t("select"));else{var i={exports:{}};a(i,o.select),o.clipboardAction=i.exports}}(this,function(e,t){function r(e){return e&&e.__esModule?e:{"default":e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=r(t),a="function"==typeof Symbol&&"symbol"==_typeof(Symbol.iterator)?function(e){return"undefined"==typeof e?"undefined":_typeof(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":"undefined"==typeof e?"undefined":_typeof(e)},i=function(){function e(e,t){for(var r=0;r0&&t-1 in e)}if(!e.jQuery){var r=function c(e,t){return new c.fn.init(e,t)};r.isWindow=function(e){return e&&e===e.window},r.type=function(e){return e?"object"==("undefined"==typeof e?"undefined":_typeof(e))||"function"==typeof e?o[i.call(e)]||"object":"undefined"==typeof e?"undefined":_typeof(e):e+""},r.isArray=Array.isArray||function(e){return"array"===r.type(e)},r.isPlainObject=function(e){var t;if(!e||"object"!==r.type(e)||e.nodeType||r.isWindow(e))return!1;try{if(e.constructor&&!a.call(e,"constructor")&&!a.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}for(t in e);return void 0===t||a.call(e,t)},r.each=function(e,r,n){var o,a=0,i=e.length,s=t(e);if(n){if(s)for(;a0?o=i:r=i;while(Math.abs(a)>h&&++s=b?u(t,s):0===l?s:p(t,r,r+S)}function g(){k=!0,e===r&&n===o||f()}var m=4,b=.001,h=1e-7,y=10,v=11,S=1/(v-1),w="Float32Array"in t;if(4!==arguments.length)return!1;for(var x=0;x<4;++x)if("number"!=typeof arguments[x]||isNaN(arguments[x])||!isFinite(arguments[x]))return!1;e=Math.min(e,1),n=Math.min(n,1),e=Math.max(e,0),n=Math.max(n,0);var C=w?new Float32Array(v):new Array(v),k=!1,N=function(t){return k||g(),e===r&&n===o?t:0===t?0:1===t?1:l(d(t),r,o)};N.getControlPoints=function(){return[{x:e,y:r},{x:n,y:o}]};var P="generateBezier("+[e,r,n,o]+")";return N.toString=function(){return P},N}function c(e,t){var r=e;return m.isString(e)?v.Easings[e]||(r=!1):r=m.isArray(e)&&1===e.length?s.apply(null,e):m.isArray(e)&&2===e.length?S.apply(null,e.concat([t])):!(!m.isArray(e)||4!==e.length)&&l.apply(null,e),r===!1&&(r=v.Easings[v.defaults.easing]?v.defaults.easing:y),r}function u(e){if(e){var t=(new Date).getTime(),r=v.State.calls.length;r>1e4&&(v.State.calls=o(v.State.calls),r=v.State.calls.length);for(var a=0;a4;e--){var t=r.createElement("div");if(t.innerHTML="",t.getElementsByTagName("span").length)return t=null,e}return n}(),g=function(){var e=0;return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){var r,n=(new Date).getTime();return r=Math.max(0,16-(n-e)),e=n+r,setTimeout(function(){t(n+r)},r)}}(),m={isString:function(e){return"string"==typeof e},isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isFunction:function(e){return"[object Function]"===Object.prototype.toString.call(e)},isNode:function(e){return e&&e.nodeType},isNodeList:function(e){return"object"==("undefined"==typeof e?"undefined":_typeof(e))&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==n&&(0===e.length||"object"==_typeof(e[0])&&e[0].nodeType>0)},isWrapped:function(e){return e&&(e.jquery||t.Zepto&&t.Zepto.zepto.isZ(e))},isSVG:function(e){return t.SVGElement&&e instanceof t.SVGElement},isEmptyObject:function(e){for(var t in e)return!1;return!0}},b=!1;if(e.fn&&e.fn.jquery?(p=e,b=!0):p=t.Velocity.Utilities,d<=8&&!b)throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");if(d<=7)return void(jQuery.fn.velocity=jQuery.fn.animate);var h=400,y="swing",v={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:r.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:p,Redirects:{},Easings:{},Promise:t.Promise,defaults:{queue:"",duration:h,easing:y,begin:n,complete:n,progress:n,display:n,visibility:n,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0},init:function(e){p.data(e,"velocity",{isSVG:m.isSVG(e),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}})},hook:null,mock:!1,version:{major:1,minor:3,patch:0},debug:!1};t.pageYOffset!==n?(v.State.scrollAnchor=t,v.State.scrollPropertyLeft="pageXOffset",v.State.scrollPropertyTop="pageYOffset"):(v.State.scrollAnchor=r.documentElement||r.body.parentNode||r.body,v.State.scrollPropertyLeft="scrollLeft",v.State.scrollPropertyTop="scrollTop");var S=function(){function e(e){return-e.tension*e.x-e.friction*e.v}function t(t,r,n){var o={x:t.x+n.dx*r,v:t.v+n.dv*r,tension:t.tension,friction:t.friction};return{dx:o.v,dv:e(o)}}function r(r,n){var o={dx:r.v,dv:e(r)},a=t(r,.5*n,o),i=t(r,.5*n,a),s=t(r,n,i),l=1/6*(o.dx+2*(a.dx+i.dx)+s.dx),c=1/6*(o.dv+2*(a.dv+i.dv)+s.dv);return r.x=r.x+l*n,r.v=r.v+c*n,r}return function n(e,t,o){var a,i,s,l={x:-1,v:0,tension:null,friction:null},c=[0],u=0,f=1e-4,p=.016;for(e=parseFloat(e)||500,t=parseFloat(t)||20,o=o||null,l.tension=e,l.friction=t,a=null!==o,a?(u=n(e,t),i=u/o*p):i=p;s=r(s||l,i),c.push(1+s.x),u+=16,Math.abs(s.x)>f&&Math.abs(s.v)>f;);return a?function(e){return c[e*(c.length-1)|0]}:u}}();v.Easings={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},spring:function(e){return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)}},p.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(e,t){v.Easings[t[0]]=l.apply(null,t[1])});var w=v.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var e=0;e=1?"":"alpha(opacity="+parseInt(100*parseFloat(r),10)+")"}else switch(e){case"name":return"opacity";case"extract":return r;case"inject":return r}}},register:function(){d&&!(d>9)||v.State.isGingerbread||(w.Lists.transformsBase=w.Lists.transformsBase.concat(w.Lists.transforms3D));for(var e=0;e8)&&3===a.split(" ").length&&(a+=" 1"),a;case"inject":return d<=8?4===o.split(" ").length&&(o=o.split(/\s+/).slice(0,3).join(" ")):3===o.split(" ").length&&(o+=" 1"),(d<=8?"rgb":"rgba")+"("+o.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")"}}}()}},Names:{camelCase:function(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})},SVGAttribute:function(e){var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(d||v.State.isAndroid&&!v.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)},prefixCheck:function(e){if(v.State.prefixMatches[e])return[v.State.prefixMatches[e],!0];for(var t=["","Webkit","Moz","ms","O"],r=0,n=t.length;r=2&&console.log("Get "+r+": "+l),l},setPropertyValue:function(e,r,n,o,a){var s=r;if("scroll"===r)a.container?a.container["scroll"+a.direction]=n:"Left"===a.direction?t.scrollTo(n,a.alternateValue):t.scrollTo(a.alternateValue,n);else if(w.Normalizations.registered[r]&&"transform"===w.Normalizations.registered[r]("name",e))w.Normalizations.registered[r]("inject",e,n),s="transform",n=i(e).transformCache[r];else{if(w.Hooks.registered[r]){var l=r,c=w.Hooks.getRoot(r);o=o||w.getPropertyValue(e,c),n=w.Hooks.injectValue(l,n,o),r=c}if(w.Normalizations.registered[r]&&(n=w.Normalizations.registered[r]("inject",e,n),r=w.Normalizations.registered[r]("name",e)),s=w.Names.prefixCheck(r)[0],d<=8)try{e.style[s]=n}catch(u){v.debug&&console.log("Browser does not support ["+n+"] for ["+s+"]")}else{var f=i(e);f&&f.isSVG&&w.Names.SVGAttribute(r)?e.setAttribute(r,n):e.style[s]=n}v.debug>=2&&console.log("Set "+r+" ("+s+"): "+n)}return[s,n]},flushTransformCache:function(e){var t="",r=i(e);if((d||v.State.isAndroid&&!v.State.isChrome)&&r&&r.isSVG){var n=function(t){return parseFloat(w.getPropertyValue(e,t))},o={translate:[n("translateX"),n("translateY")],skewX:[n("skewX")],skewY:[n("skewY")],scale:1!==n("scale")?[n("scale"),n("scale")]:[n("scaleX"),n("scaleY")],rotate:[n("rotateZ"),0,0]};p.each(i(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),o[e]&&(t+=e+"("+o[e].join(" ")+") ",delete o[e])})}else{var a,s;p.each(i(e).transformCache,function(r){return a=i(e).transformCache[r],"transformPerspective"===r?(s=a,!0):(9===d&&"rotateZ"===r&&(r="rotate"),void(t+=r+a+" "))}),s&&(t="perspective"+s+" "+t)}w.setPropertyValue(e,"transform",t)}};w.Hooks.register(),w.Normalizations.register(),v.hook=function(e,t,r){var o;return e=a(e),p.each(e,function(e,a){if(i(a)===n&&v.init(a),r===n)o===n&&(o=v.CSS.getPropertyValue(a,t));else{var s=v.CSS.setPropertyValue(a,t,r);"transform"===s[0]&&v.CSS.flushTransformCache(a),o=s}}),o};var x=function k(){function e(){return l?T.promise||null:d}function o(e,o){function a(a){var d,g;if(l.begin&&0===N)try{l.begin.call(b,b)}catch(h){setTimeout(function(){throw h},1)}if("scroll"===O){var x,k,P,E=/^x$/i.test(l.axis)?"Left":"Top",I=parseFloat(l.offset)||0;l.container?m.isWrapped(l.container)||m.isNode(l.container)?(l.container=l.container[0]||l.container,x=l.container["scroll"+E],P=x+p(e).position()[E.toLowerCase()]+I):l.container=null:(x=v.State.scrollAnchor[v.State["scrollProperty"+E]],k=v.State.scrollAnchor[v.State["scrollProperty"+("Left"===E?"Top":"Left")]],P=p(e).offset()[E.toLowerCase()]+I),f={scroll:{rootPropertyValue:!1,startValue:x,currentValue:x,endValue:P,unitType:"",easing:l.easing,scrollData:{container:l.container,direction:E,alternateValue:k}},element:e},v.debug&&console.log("tweensContainer (scroll): ",f.scroll,e)}else if("reverse"===O){if(d=i(e),!d)return;if(!d.tweensContainer)return void p.dequeue(e,l.queue);"none"===d.opts.display&&(d.opts.display="auto"),"hidden"===d.opts.visibility&&(d.opts.visibility="visible"),d.opts.loop=!1,d.opts.begin=null,d.opts.complete=null,S.easing||delete l.easing,S.duration||delete l.duration,l=p.extend({},d.opts,l),g=p.extend(!0,{},d?d.tweensContainer:null);for(var M in g)if("element"!==M){var A=g[M].startValue;g[M].startValue=g[M].currentValue=g[M].endValue,g[M].endValue=A,m.isEmptyObject(S)||(g[M].easing=l.easing),v.debug&&console.log("reverse tweensContainer ("+M+"): "+JSON.stringify(g[M]),e)}f=g}else if("start"===O){d=i(e),d&&d.tweensContainer&&d.isAnimating===!0&&(g=d.tweensContainer);var D=function(t,r){var a,i,s;return m.isArray(t)?(a=t[0],!m.isArray(t[1])&&/^[\d-]/.test(t[1])||m.isFunction(t[1])||w.RegEx.isHex.test(t[1])?s=t[1]:(m.isString(t[1])&&!w.RegEx.isHex.test(t[1])||m.isArray(t[1]))&&(i=r?t[1]:c(t[1],l.duration),t[2]!==n&&(s=t[2]))):a=t,r||(i=i||l.easing),m.isFunction(a)&&(a=a.call(e,o,C)),m.isFunction(s)&&(s=s.call(e,o,C)),[a||0,i,s]};p.each(y,function(e,t){if(RegExp("^"+w.Lists.colors.join("$|^")+"$").test(w.Names.camelCase(e))){var r=D(t,!0),o=r[0],a=r[1],i=r[2];if(w.RegEx.isHex.test(o)){for(var s=["Red","Green","Blue"],l=w.Values.hexToRgb(o),c=i?w.Values.hexToRgb(i):n,u=0;u=1&&console.log("Unit ratios: "+JSON.stringify(s),e),s};if(/[\/*]/.test(W))_=H;else if(H!==_&&0!==F)if(0===j)_=H;else{s=s||q();var U=/margin|padding|left|right|width|text|word|letter/i.test(L)||/X$/.test(L)||"x"===L?"x":"y";switch(H){case"%":F*="x"===U?s.percentToPxWidth:s.percentToPxHeight;break;case"px":break;default:F*=s[H+"ToPx"]}switch(_){case"%":F*=1/("x"===U?s.percentToPxWidth:s.percentToPxHeight);break;case"px":break;default:F*=1/s[_+"ToPx"]}}switch(W){case"+":j=F+j;break;case"-":j=F-j;break;case"*":j=F*j;break;case"/":j=F/j}f[L]={rootPropertyValue:Y,startValue:F,currentValue:F,endValue:j,unitType:_,easing:X},v.debug&&console.log("tweensContainer ("+L+"): "+JSON.stringify(f[L]),e)}else v.debug&&console.log("Skipping ["+B+"] due to a lack of browser support.")}f.element=e}f.element&&(w.Values.addClass(e,"velocity-animating"),V.push(f),d=i(e),d&&(""===l.queue&&(d.tweensContainer=f,d.opts=l),d.isAnimating=!0),N===C-1?(v.State.calls.push([V,b,l,null,T.resolver]),v.State.isTicking===!1&&(v.State.isTicking=!0,u())):N++)}var s,l=p.extend({},v.defaults,S),f={};switch(i(e)===n&&v.init(e),parseFloat(l.delay)&&l.queue!==!1&&p.queue(e,l.queue,function(t){v.velocityQueueEntryFlag=!0,i(e).delayTimer={setTimeout:setTimeout(t,parseFloat(l.delay)),next:t}}),l.duration.toString().toLowerCase()){case"fast":l.duration=200;break;case"normal":l.duration=h;break;case"slow":l.duration=600;break;default:l.duration=parseFloat(l.duration)||1}v.mock!==!1&&(v.mock===!0?l.duration=l.delay=1:(l.duration*=parseFloat(v.mock)||1,l.delay*=parseFloat(v.mock)||1)),l.easing=c(l.easing,l.duration),l.begin&&!m.isFunction(l.begin)&&(l.begin=null),l.progress&&!m.isFunction(l.progress)&&(l.progress=null),l.complete&&!m.isFunction(l.complete)&&(l.complete=null),l.display!==n&&null!==l.display&&(l.display=l.display.toString().toLowerCase(),"auto"===l.display&&(l.display=v.CSS.Values.getDisplayType(e))),l.visibility!==n&&null!==l.visibility&&(l.visibility=l.visibility.toString().toLowerCase()),l.mobileHA=l.mobileHA&&v.State.isMobile&&!v.State.isGingerbread,l.queue===!1?l.delay?setTimeout(a,l.delay):a():p.queue(e,l.queue,function(e,t){return t===!0?(T.promise&&T.resolver(b),!0):(v.velocityQueueEntryFlag=!0,void a(e))}),""!==l.queue&&"fx"!==l.queue||"inprogress"===p.queue(e)[0]||p.dequeue(e)}var s,l,d,g,b,y,S,x=arguments[0]&&(arguments[0].p||p.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||m.isString(arguments[0].properties));if(m.isWrapped(this)?(l=!1,g=0,b=this,d=this):(l=!0,g=1,b=x?arguments[0].elements||arguments[0].e:arguments[0]),b=a(b)){x?(y=arguments[0].properties||arguments[0].p,S=arguments[0].options||arguments[0].o):(y=arguments[g],S=arguments[g+1]);var C=b.length,N=0;if(!/^(stop|finish|finishAll)$/i.test(y)&&!p.isPlainObject(S)){var P=g+1;S={};for(var E=P;EparseFloat(r[1]))}var a=e.Velocity;if(!a||!a.Utilities)return void(t.console&&console.log("Velocity UI Pack: Velocity must be loaded first. Aborting."));var i=a.Utilities,s=a.version,l={major:1,minor:1,patch:0};if(o(l,s)){var c="Velocity UI Pack: You need to update Velocity (velocity.js) to a newer version. Visit http://github.com/julianshapiro/velocity.";throw alert(c),new Error(c)}a.RegisterEffect=a.RegisterUI=function(e,t){function r(e,t,r,n){var o,s=0;i.each(e.nodeType?[e]:e,function(e,t){n&&(r+=e*n),o=t.parentNode;var l=["height","paddingTop","paddingBottom","marginTop","marginBottom"];"border-box"===a.CSS.getPropertyValue(t,"boxSizing").toString().toLowerCase()&&(l=["height"]),i.each(l,function(e,r){s+=parseFloat(a.CSS.getPropertyValue(t,r))})}),a.animate(o,{height:("In"===t?"+":"-")+"="+s},{queue:!1,easing:"ease-in-out",duration:r*("In"===t?.6:1)})}return a.Redirects[e]=function(o,s,l,c,u,f,p){var d=l===c-1;p=p||t.loop,"function"==typeof t.defaultDuration?t.defaultDuration=t.defaultDuration.call(u,u):t.defaultDuration=parseFloat(t.defaultDuration);for(var g=0;g1&&(i.each(t.reverse(),function(e,r){var n=t[e+1];if(n){var o=r.o||r.options,s=n.o||n.options,l=o&&o.sequenceQueue===!1?"begin":"complete",c=s&&s[l],u={};u[l]=function(){var e=n.e||n.elements,t=e.nodeType?[e]:e;c&&c.call(t,t),a(r)},n.o?n.o=i.extend({},s,u):n.options=i.extend({},s,u)}}),t.reverse()),a(t[0])}}(window.jQuery||window.Zepto||window,window,window?window.document:void 0)}),$("document").ready(function(){$('.body-copy a[href$=".pdf"]').append(''),$(".body-copy > h2:not(.section-heading),.body-copy > h3").each(function(){var e=$(this).attr("id");$(this).prepend('')})}),function(){for(var e=document.querySelectorAll("blockquote > p"),t=new RegExp(/\s\-\s/),r=0;r― '+o+""}}(),$(".download-button").on("click",function(){var e=$(this).siblings(".code-copy-content"),t=e.text(),r=e.attr("id"),n=new Blob([t],{type:"text/plain;charset=utf-8"});saveAs(n,r)});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(){$(".body-copy img:not(.hugo-icon)").each(function(){$(this).wrap('')})}(),function(e){function t(e,r){if(!(this instanceof t)){var n=new t(e,r);return n.open(),n}this.id=t.id++,this.setup(e,r),this.chainCallbacks(t._callbackChain)}if("undefined"==typeof e)return void("console"in window&&window.console.info("Too much lightness, Featherlight needs jQuery."));var r=[],n=function(t){return r=e.grep(r,function(e){return e!==t&&e.$instance.closest("body").length>0})},o=function(e,t){var r={},n=new RegExp("^"+t+"([A-Z])(.*)");for(var o in e){var a=o.match(n);if(a){var i=(a[1]+a[2].replace(/([A-Z])/g,"-$1")).toLowerCase(); r[i]=e[o]}}return r},a={keyup:"onKeyUp",resize:"onResize"},i=function(r){e.each(t.opened().reverse(),function(){if(!r.isDefaultPrevented()&&!1===this[a[r.type]](r))return r.preventDefault(),r.stopPropagation(),!1})},s=function(r){if(r!==t._globalHandlerInstalled){t._globalHandlerInstalled=r;var n=e.map(a,function(e,r){return r+"."+t.prototype.namespace}).join(" ");e(window)[r?"on":"off"](n,i)}};t.prototype={constructor:t,namespace:"featherlight",targetAttr:"data-featherlight",variant:null,resetCss:!1,background:null,openTrigger:"click",closeTrigger:"click",filter:null,root:"body",openSpeed:250,closeSpeed:250,closeOnClick:"background",closeOnEsc:!0,closeIcon:"✕",loading:"",persist:!1,otherClose:null,beforeOpen:e.noop,beforeContent:e.noop,beforeClose:e.noop,afterOpen:e.noop,afterContent:e.noop,afterClose:e.noop,onKeyUp:e.noop,onResize:e.noop,type:null,contentFilters:["jquery","image","html","ajax","iframe","text"],setup:function(t,r){"object"!==("undefined"==typeof t?"undefined":_typeof(t))||t instanceof e!=!1||r||(r=t,t=void 0);var n=e.extend(this,r,{target:t}),o=n.resetCss?n.namespace+"-reset":n.namespace,a=e(n.background||['
','
','',n.closeIcon,"",'
'+n.loading+"
","
","
"].join("")),i="."+n.namespace+"-close"+(n.otherClose?","+n.otherClose:"");return n.$instance=a.clone().addClass(n.variant),n.$instance.on(n.closeTrigger+"."+n.namespace,function(t){var r=e(t.target);("background"===n.closeOnClick&&r.is("."+n.namespace)||"anywhere"===n.closeOnClick||r.closest(i).length)&&(n.close(t),t.preventDefault())}),this},getContent:function(){if(this.persist!==!1&&this.$content)return this.$content;var t=this,r=this.constructor.contentFilters,n=function(e){return t.$currentTarget&&t.$currentTarget.attr(e)},o=n(t.targetAttr),a=t.target||o||"",i=r[t.type];if(!i&&a in r&&(i=r[a],a=t.target&&o),a=a||n("href")||"",!i)for(var s in r)t[s]&&(i=r[s],a=t[s]);if(!i){var l=a;if(a=null,e.each(t.contentFilters,function(){return i=r[this],i.test&&(a=i.test(l)),!a&&i.regex&&l.match&&l.match(i.regex)&&(a=l),!a}),!a)return"console"in window&&window.console.error("Featherlight: no content filter found "+(l?' for "'+l+'"':" (no target specified)")),!1}return i.process.call(t,a)},setContent:function(t){var r=this;return(t.is("iframe")||e("iframe",t).length>0)&&r.$instance.addClass(r.namespace+"-iframe"),r.$instance.removeClass(r.namespace+"-loading"),r.$instance.find("."+r.namespace+"-inner").not(t).slice(1).remove().end().replaceWith(e.contains(r.$instance[0],t[0])?"":t),r.$content=t.addClass(r.namespace+"-inner"),r},open:function(t){var n=this;if(n.$instance.hide().appendTo(n.root),!(t&&t.isDefaultPrevented()||n.beforeOpen(t)===!1)){t&&t.preventDefault();var o=n.getContent();if(o)return r.push(n),s(!0),n.$instance.fadeIn(n.openSpeed),n.beforeContent(t),e.when(o).always(function(e){n.setContent(e),n.afterContent(t)}).then(n.$instance.promise()).done(function(){n.afterOpen(t)})}return n.$instance.detach(),e.Deferred().reject().promise()},close:function(t){var r=this,o=e.Deferred();return r.beforeClose(t)===!1?o.reject():(0===n(r).length&&s(!1),r.$instance.fadeOut(r.closeSpeed,function(){r.$instance.detach(),r.afterClose(t),o.resolve()})),o.promise()},resize:function(e,t){if(e&&t){this.$content.css("width","").css("height","");var r=Math.max(e/(parseInt(this.$content.parent().css("width"),10)-1),t/(parseInt(this.$content.parent().css("height"),10)-1));r>1&&(r=t/Math.floor(t/r),this.$content.css("width",""+e/r+"px").css("height",""+t/r+"px"))}},chainCallbacks:function(t){for(var r in t)this[r]=e.proxy(t[r],this,e.proxy(this[r],this))}},e.extend(t,{id:0,autoBind:"[data-featherlight]",defaults:t.prototype,contentFilters:{jquery:{regex:/^[#.]\w/,test:function(t){return t instanceof e&&t},process:function(t){return this.persist!==!1?e(t):e(t).clone(!0)}},image:{regex:/\.(png|jpg|jpeg|gif|tiff|bmp|svg)(\?\S*)?$/i,process:function(t){var r=this,n=e.Deferred(),o=new Image,a=e('');return o.onload=function(){a.naturalWidth=o.width,a.naturalHeight=o.height,n.resolve(a)},o.onerror=function(){n.reject(a)},o.src=t,n.promise()}},html:{regex:/^\s*<[\w!][^<]*>/,process:function(t){return e(t)}},ajax:{regex:/./,process:function(t){var r=e.Deferred(),n=e("
").load(t,function(e,t){"error"!==t&&r.resolve(n.contents()),r.fail()});return r.promise()}},iframe:{process:function(t){var r=new e.Deferred,n=e("