diff --git a/no_empty_iframes/testpage.html b/no_empty_iframes/testpage.html new file mode 100644 index 0000000..e69de29 diff --git a/website/dist/GcP71BP-min.62448586.png b/website/dist/GcP71BP-min.62448586.png new file mode 100644 index 0000000..38f4672 Binary files /dev/null and b/website/dist/GcP71BP-min.62448586.png differ diff --git a/website/dist/Lato-Light.3c97fe76.eot b/website/dist/Lato-Light.3c97fe76.eot new file mode 100644 index 0000000..f449ed5 Binary files /dev/null and b/website/dist/Lato-Light.3c97fe76.eot differ diff --git a/website/dist/Lato-Light.9e982457.ttf b/website/dist/Lato-Light.9e982457.ttf new file mode 100644 index 0000000..834d1c0 Binary files /dev/null and b/website/dist/Lato-Light.9e982457.ttf differ diff --git a/website/dist/Lato-Light.c9c59e8e.woff b/website/dist/Lato-Light.c9c59e8e.woff new file mode 100644 index 0000000..77b4e14 Binary files /dev/null and b/website/dist/Lato-Light.c9c59e8e.woff differ diff --git a/website/dist/Lato-Light.cb0c9583.woff2 b/website/dist/Lato-Light.cb0c9583.woff2 new file mode 100644 index 0000000..ce49f82 Binary files /dev/null and b/website/dist/Lato-Light.cb0c9583.woff2 differ diff --git a/website/dist/Lato-LightItalic.184bf78e.eot b/website/dist/Lato-LightItalic.184bf78e.eot new file mode 100644 index 0000000..a4e2e31 Binary files /dev/null and b/website/dist/Lato-LightItalic.184bf78e.eot differ diff --git a/website/dist/Lato-LightItalic.69b9e097.woff2 b/website/dist/Lato-LightItalic.69b9e097.woff2 new file mode 100644 index 0000000..0c897ce Binary files /dev/null and b/website/dist/Lato-LightItalic.69b9e097.woff2 differ diff --git a/website/dist/Lato-LightItalic.7d9facd5.woff b/website/dist/Lato-LightItalic.7d9facd5.woff new file mode 100644 index 0000000..da3dfa3 Binary files /dev/null and b/website/dist/Lato-LightItalic.7d9facd5.woff differ diff --git a/website/dist/Lato-LightItalic.82a482bf.ttf b/website/dist/Lato-LightItalic.82a482bf.ttf new file mode 100644 index 0000000..c6ef9e0 Binary files /dev/null and b/website/dist/Lato-LightItalic.82a482bf.ttf differ diff --git a/website/dist/ShadowFox-logo-sp.735cd048.png b/website/dist/ShadowFox-logo-sp.735cd048.png new file mode 100644 index 0000000..7addfa7 Binary files /dev/null and b/website/dist/ShadowFox-logo-sp.735cd048.png differ diff --git a/website/dist/android-chrome-192x192.14995f0c.png b/website/dist/android-chrome-192x192.14995f0c.png new file mode 100644 index 0000000..90593f5 Binary files /dev/null and b/website/dist/android-chrome-192x192.14995f0c.png differ diff --git a/website/dist/android-chrome-512x512.311b8d04.png b/website/dist/android-chrome-512x512.311b8d04.png new file mode 100644 index 0000000..e99f8ac Binary files /dev/null and b/website/dist/android-chrome-512x512.311b8d04.png differ diff --git a/website/dist/apple-touch-icon.c6875160.png b/website/dist/apple-touch-icon.c6875160.png new file mode 100644 index 0000000..765b04f Binary files /dev/null and b/website/dist/apple-touch-icon.c6875160.png differ diff --git a/website/dist/browserconfig.e96b0d8f.xml b/website/dist/browserconfig.e96b0d8f.xml new file mode 100644 index 0000000..173d8b6 --- /dev/null +++ b/website/dist/browserconfig.e96b0d8f.xml @@ -0,0 +1,9 @@ + + + + + + #9440c1 + + + diff --git a/website/dist/favicon-16x16.d914d78a.png b/website/dist/favicon-16x16.d914d78a.png new file mode 100644 index 0000000..53826a4 Binary files /dev/null and b/website/dist/favicon-16x16.d914d78a.png differ diff --git a/website/dist/favicon-32x32.de92ca75.png b/website/dist/favicon-32x32.de92ca75.png new file mode 100644 index 0000000..51d49ab Binary files /dev/null and b/website/dist/favicon-32x32.de92ca75.png differ diff --git a/website/dist/favicon.3c2d3cb3.ico b/website/dist/favicon.3c2d3cb3.ico new file mode 100644 index 0000000..2ab5f68 Binary files /dev/null and b/website/dist/favicon.3c2d3cb3.ico differ diff --git a/website/dist/index.html b/website/dist/index.html index 60d6e66..0a482fb 100644 --- a/website/dist/index.html +++ b/website/dist/index.html @@ -1 +1 @@ - ShadowFox

Goodbye sore eyes
Hello dark theme for FireFox ®

Install Show me more

An open source project developed and maintained by Pat Johnson.

A universal dark theme — compatible with Firefox 57+

ShadowFox was inspired by changes made in Firefox 57, which limited the amount addons could customize both the user interface and "protected" web pages.
 
This project aims at creating a universal dark theme for Firefox while adhering to the modern design principles set by Mozilla.

Quick installation

Our cross platform installer takes the guess work out of installation. With a few clicks of a button, ShadowFox can be downloaded or seemlesly updated without losing custom configurations.

Complete theme

ShadowFox is the most complete theme available, styling not just the entire user interface, but also "protected" webpages that aren't accessible to normal extensions, like about:preferences and about:addons.

Addon styles

Addons are one of the hallmarks of Firefox. Unlike any other theme, ShadowFox has custom styles available for the most popular extensions, like uBlock Origin, uMatrix, ViolentMonkey, Decentraleyes, Stylus and so many more.

Easy to customize

We don't limit your creativity, which means you can customize the colors used and add as many custom tweaks as you want. The possibilities are endless!

Preferences Addons Library Blank View Source uMatrix uBlock Origin

How it works

1

Activate the default dark theme Firefox provides (which only alters the navigation and tab bar).

2

Download the updater script for your operating system.

3

Run the script and select your Firefox profile and whether or not extensions should be styled.

4

Make customizations until your heart is content (make sure to run the updater again if you do).

5

Restart Firefox.

6

Enjoy your new dark theme, your eyes will thank you!

Users have great things to say

ShadowFox has relieved a lot of strain on my eyes, thank you for the project it really helps.
Thanks for all the hard work man. Mozilla should add this project to Firefox honestly. Cheers.
Just discovered this and wanted to say THANK YOU for this awesome project, I love it!
What a great project! Thank you so much for that awesome work!
Just wanna say thanks for bringing my favorite theme back!
This should officially be merged

Download Today

A cross-platform installer/uninstaller/updater is maintained in the shadowfox-updater repository.

Latest versions can be obtained via the links below, through the releases page, Homebrew, or AUR. Please see the README file for details on how to use the updater (GUI and CLI options available) and solutions to common problems.

macOS

Linux

Windows

Customization

This section can be used to customize the colors utilized by ShadowFox. Accent colors are used for things like buttons, links and tables. The drop down box can be used to darken ShadowFox by one shade. Only necessary changes are inserted into the text box. For more information, see here.

The following tweaks are not written or maintained by me. Instead, they are pulled from popular userChrome repositories from across the web. The location of the tweak along with the appropriate license is attached with each code chunk.

Find a bug? Have a feature request? Have any questions?

Please first read through the GitHub Wiki , which includes more detailed instructions and information, and take a look at any open issues . If you can't find a duplicate request, bug, or an answer to your question, please feel free to either:

• Open a new GitHub issue.
• Make a post on the ShadowFox subreddit.
• Message me on Slack.

\ No newline at end of file + ShadowFox

Goodbye sore eyes
Hello dark theme for FireFox ®

Install Show me more

An open source project developed and maintained by Pat Johnson.

A universal dark theme — compatible with Firefox 57+

ShadowFox was inspired by changes made in Firefox 57, which limited the amount addons could customize both the user interface and "protected" web pages.
 
This project aims at creating a universal dark theme for Firefox while adhering to the modern design principles set by Mozilla.

Quick installation

Our cross platform installer takes the guess work out of installation. With a few clicks of a button, ShadowFox can be downloaded or seemlesly updated without losing custom configurations.

Complete theme

ShadowFox is the most complete theme available, styling not just the entire user interface, but also "protected" webpages that aren't accessible to normal extensions, like about:preferences and about:addons.

Addon styles

Addons are one of the hallmarks of Firefox. Unlike any other theme, ShadowFox has custom styles available for the most popular extensions, like uBlock Origin, uMatrix, ViolentMonkey, Decentraleyes, Stylus and so many more.

Easy to customize

We don't limit your creativity, which means you can customize the colors used and add as many custom tweaks as you want. The possibilities are endless!

Preferences Addons Library Blank View Source uMatrix uBlock Origin

How it works

1

Activate the default dark theme Firefox provides (which only alters the navigation and tab bar).

2

Download the updater script for your operating system.

3

Run the script and select your Firefox profile and whether or not extensions should be styled.

4

Make customizations until your heart is content (make sure to run the updater again if you do).

5

Restart Firefox.

6

Enjoy your new dark theme, your eyes will thank you!

Users have great things to say

ShadowFox has relieved a lot of strain on my eyes, thank you for the project it really helps.
Thanks for all the hard work man. Mozilla should add this project to Firefox honestly. Cheers.
Just discovered this and wanted to say THANK YOU for this awesome project, I love it!
What a great project! Thank you so much for that awesome work!
Just wanna say thanks for bringing my favorite theme back!
This should officially be merged

Download Today

A cross-platform installer/uninstaller/updater is maintained in the shadowfox-updater repository.

Latest versions can be obtained via the links below, through the releases page, Homebrew, or AUR. Please see the README file for details on how to use the updater (GUI and CLI options available) and solutions to common problems.

macOS

Linux

Windows

Customization

This section can be used to customize the colors utilized by ShadowFox. Accent colors are used for things like buttons, links and tables. The drop down box can be used to darken ShadowFox by one shade. Only necessary changes are inserted into the text box. For more information, see here.

The following tweaks are not written or maintained by me. Instead, they are pulled from popular userChrome repositories from across the web. The location of the tweak along with the appropriate license is attached with each code chunk.

Find a bug? Have a feature request? Have any questions?

Please first read through the GitHub Wiki , which includes more detailed instructions and information, and take a look at any open issues . If you can't find a duplicate request, bug, or an answer to your question, please feel free to either:

• Open a new GitHub issue.
• Make a post on the ShadowFox subreddit.
• Message me on Slack.

\ No newline at end of file diff --git a/website/dist/index.js b/website/dist/index.js new file mode 100644 index 0000000..7b07bc7 --- /dev/null +++ b/website/dist/index.js @@ -0,0 +1,343 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +// eslint-disable-next-line no-global-assign +parcelRequire = (function (modules, cache, entry, globalName) { + // Save the require from previous bundle to this closure if any + var previousRequire = typeof parcelRequire === 'function' && parcelRequire; + var nodeRequire = typeof require === 'function' && require; + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = typeof parcelRequire === 'function' && parcelRequire; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error('Cannot find module \'' + name + '\''); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = cache[name] = new newRequire.Module(name); + + modules[name][0].call(module.exports, localRequire, module, module.exports, this); + } + + return cache[name].exports; + + function localRequire(x){ + return newRequire(localRequire.resolve(x)); + } + + function resolve(x){ + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [function (require, module) { + module.exports = exports; + }, {}]; + }; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (entry.length) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(entry[entry.length - 1]); + + // CommonJS + if (typeof exports === "object" && typeof module !== "undefined") { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === "function" && define.amd) { + define(function () { + return mainExports; + }); + + // \ No newline at end of file diff --git a/website/dist/safari-pinned-tab.aa4303a2.svg b/website/dist/safari-pinned-tab.aa4303a2.svg new file mode 100644 index 0000000..a8128b7 --- /dev/null +++ b/website/dist/safari-pinned-tab.aa4303a2.svg @@ -0,0 +1,58 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + diff --git a/website/dist/site.5adef91b.webmanifest b/website/dist/site.5adef91b.webmanifest new file mode 100644 index 0000000..c20cf5a --- /dev/null +++ b/website/dist/site.5adef91b.webmanifest @@ -0,0 +1 @@ +{"name":"","short_name":"","icons":[{"src":"android-chrome-192x192.14995f0c.png","sizes":"192x192","type":"image/png"},{"src":"android-chrome-512x512.311b8d04.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file diff --git a/website/dist/testimonials_bg.d164d092.jpg b/website/dist/testimonials_bg.d164d092.jpg new file mode 100644 index 0000000..081fb11 Binary files /dev/null and b/website/dist/testimonials_bg.d164d092.jpg differ diff --git a/website/dist/testpage.d17cee69.js b/website/dist/testpage.d17cee69.js new file mode 100644 index 0000000..2b8e46a --- /dev/null +++ b/website/dist/testpage.d17cee69.js @@ -0,0 +1,21432 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +// eslint-disable-next-line no-global-assign +parcelRequire = (function (modules, cache, entry, globalName) { + // Save the require from previous bundle to this closure if any + var previousRequire = typeof parcelRequire === 'function' && parcelRequire; + var nodeRequire = typeof require === 'function' && require; + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = typeof parcelRequire === 'function' && parcelRequire; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error('Cannot find module \'' + name + '\''); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = cache[name] = new newRequire.Module(name); + + modules[name][0].call(module.exports, localRequire, module, module.exports, this); + } + + return cache[name].exports; + + function localRequire(x){ + return newRequire(localRequire.resolve(x)); + } + + function resolve(x){ + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [function (require, module) { + module.exports = exports; + }, {}]; + }; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (entry.length) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(entry[entry.length - 1]); + + // CommonJS + if (typeof exports === "object" && typeof module !== "undefined") { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === "function" && define.amd) { + define(function () { + return mainExports; + }); + + // \ No newline at end of file diff --git a/website/dist/website.121ad5a8.map b/website/dist/website.121ad5a8.map new file mode 100644 index 0000000..8bc64d6 --- /dev/null +++ b/website/dist/website.121ad5a8.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"website.121ad5a8.map","sourceRoot":".."} \ No newline at end of file diff --git a/website/dist/website.5f572aa7.css b/website/dist/website.5f572aa7.css new file mode 100644 index 0000000..da2bf49 --- /dev/null +++ b/website/dist/website.5f572aa7.css @@ -0,0 +1,82 @@ +/*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5)}.cm-animate-fat-cursor,.cm-fat-cursor-mark{-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}@charset "UTF-8";/*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + *//*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + *//*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + *//*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes pulse{0%,to{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5)}.cm-animate-fat-cursor,.cm-fat-cursor-mark{-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:1.06s steps(1) infinite blink;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{padding:0 4px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}/*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*/@font-face{font-family:Ionicons;src:url(ionicons.d3529123.eot);src:url(ionicons.d3529123.eot) format("embedded-opentype"),url(ionicons.f93d54c4.woff) format("woff"),url(ionicons.138a1568.ttf) format("truetype"),url(ionicons.f4277e23.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:LatoWebLight;src:url(Lato-Light.ab0a3383.eot);src:url(Lato-Light.ab0a3383.eot?#iefix) format("embedded-opentype"),url(Lato-Light.e740ee5a.woff2) format("woff2"),url(Lato-Light.074c2336.woff) format("woff"),url(Lato-Light.c6f6b7a6.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:LatoWebLight;src:url(Lato-LightItalic.7534bbf3.eot);src:url(Lato-LightItalic.7534bbf3.eot?#iefix) format("embedded-opentype"),url(Lato-LightItalic.a0e5d32f.woff2) format("woff2"),url(Lato-LightItalic.5481e4c7.woff) format("woff"),url(Lato-LightItalic.9d03dc5c.ttf) format("truetype");font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*//*! normalize.css v3.0.2 | MIT License | git.io/normalize *//*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */.section{clear:both;padding:0;margin:0}.row{zoom:1}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-child{margin-left:0}.span-2-of-2{width:100%}.span-1-of-2{width:49.2%}@media only screen and (max-width:480px){.col{margin:0}.span-1-of-2,.span-2-of-2{width:100%}}.span-3-of-3{width:100%}.span-2-of-3{width:66.13%}.span-1-of-3{width:32.26%}@media only screen and (max-width:480px){.span-1-of-3,.span-2-of-3,.span-3-of-3{width:100%}}.span-4-of-4{width:100%}.span-3-of-4{width:74.6%}.span-2-of-4{width:49.2%}.span-1-of-4{width:23.8%}@media only screen and (max-width:480px){.span-1-of-4,.span-2-of-4,.span-3-of-4,.span-4-of-4{width:100%}}.span-5-of-5{width:100%}.span-4-of-5{width:79.68%}.span-3-of-5{width:59.36%}.span-2-of-5{width:39.04%}.span-1-of-5{width:18.72%}@media only screen and (max-width:480px){.span-1-of-5,.span-2-of-5,.span-3-of-5,.span-4-of-5,.span-5-of-5{width:100%}}.span-6-of-6{width:100%}.span-5-of-6{width:83.06%}.span-4-of-6{width:66.13%}.span-3-of-6{width:49.2%}.span-2-of-6{width:32.26%}.span-1-of-6{width:15.33%}@media only screen and (max-width:480px){.span-1-of-6,.span-2-of-6,.span-3-of-6,.span-4-of-6,.span-5-of-6,.span-6-of-6{width:100%}}.span-7-of-7{width:100%}.span-6-of-7{width:85.48%}.span-5-of-7{width:70.97%}.span-4-of-7{width:56.45%}.span-3-of-7{width:41.94%}.span-2-of-7{width:27.42%}.span-1-of-7{width:12.91%}@media only screen and (max-width:480px){.span-1-of-7,.span-2-of-7,.span-3-of-7,.span-4-of-7,.span-5-of-7,.span-6-of-7,.span-7-of-7{width:100%}}.span-8-of-8{width:100%}.span-7-of-8{width:87.3%}.span-6-of-8{width:74.6%}.span-5-of-8{width:61.9%}.span-4-of-8{width:49.2%}.span-3-of-8{width:36.5%}.span-2-of-8{width:23.8%}.span-1-of-8{width:11.1%}@media only screen and (max-width:480px){.span-1-of-8,.span-2-of-8,.span-3-of-8,.span-4-of-8,.span-5-of-8,.span-6-of-8,.span-7-of-8,.span-8-of-8{width:100%}}.span-9-of-9{width:100%}.span-8-of-9{width:88.71%}.span-7-of-9{width:77.42%}.span-6-of-9{width:66.13%}.span-5-of-9{width:54.84%}.span-4-of-9{width:43.55%}.span-3-of-9{width:32.26%}.span-2-of-9{width:20.97%}.span-1-of-9{width:9.68%}@media only screen and (max-width:480px){.span-1-of-9,.span-2-of-9,.span-3-of-9,.span-4-of-9,.span-5-of-9,.span-6-of-9,.span-7-of-9,.span-8-of-9,.span-9-of-9{width:100%}}.span-10-of-10{width:100%}.span-9-of-10{width:89.84%}.span-8-of-10{width:79.68%}.span-7-of-10{width:69.52%}.span-6-of-10{width:59.36%}.span-5-of-10{width:49.2%}.span-4-of-10{width:39.04%}.span-3-of-10{width:28.88%}.span-2-of-10{width:18.72%}.span-1-of-10{width:8.56%}@media only screen and (max-width:480px){.span-1-of-10,.span-2-of-10,.span-3-of-10,.span-4-of-10,.span-5-of-10,.span-6-of-10,.span-7-of-10,.span-8-of-10,.span-9-of-10,.span-10-of-10{width:100%}}.span-11-of-11{width:100%}.span-10-of-11{width:90.76%}.span-9-of-11{width:81.52%}.span-8-of-11{width:72.29%}.span-7-of-11{width:63.05%}.span-6-of-11{width:53.81%}.span-5-of-11{width:44.58%}.span-4-of-11{width:35.34%}.span-3-of-11{width:26.1%}.span-2-of-11{width:16.87%}.span-1-of-11{width:7.63%}@media only screen and (max-width:480px){.span-1-of-11,.span-2-of-11,.span-3-of-11,.span-4-of-11,.span-5-of-11,.span-6-of-11,.span-7-of-11,.span-8-of-11,.span-9-of-11,.span-10-of-11,.span-11-of-11{width:100%}}.span-12-of-12{width:100%}.span-11-of-12{width:91.53%}.span-10-of-12{width:83.06%}.span-9-of-12{width:74.6%}.span-8-of-12{width:66.13%}.span-7-of-12{width:57.66%}.span-6-of-12{width:49.2%}.span-5-of-12{width:40.73%}.span-4-of-12{width:32.26%}.span-3-of-12{width:23.8%}.span-2-of-12{width:15.33%}.span-1-of-12{width:6.86%}@media only screen and (max-width:480px){.span-1-of-12,.span-2-of-12,.span-3-of-12,.span-4-of-12,.span-5-of-12,.span-6-of-12,.span-7-of-12,.span-8-of-12,.span-9-of-12,.span-10-of-12,.span-11-of-12,.span-12-of-12{width:100%}}/*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*/.ion,.ion-android-done:before,.ion-android-download:before,.ion-close-round:before,.ion-ios-arrow-down:before,.ion-ios-arrow-right:before,.ion-ios-bolt-outline:before,.ion-ios-briefcase-outline:before,.ion-ios-color-wand-outline:before,.ion-ios-monitor-outline:before,.ion-navicon-round:before,.ion-pound:before,.ion-social-apple:before,.ion-social-github:before,.ion-social-reddit:before,.ion-social-tux:before,.ion-social-windows:before,.ionicons{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-social-apple:before{content:"\f227"}.ion-social-tux:before{content:"\f2c5"}.ion-android-download:before{content:"\f2dd"}.ion-android-done:before{content:"\f383"}.ion-social-windows:before{content:"\f247"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-close-round:before{content:"\f129"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-social-github:before{content:"\f233"}.ion-social-reddit:before{content:"\f23b"}.ion-pound:before{content:"\f219"}.ion-navicon-round:before{content:"\f20d"}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.cm-s-shadowfox.CodeMirror{background:#2a2a2e;color:#b1b1b3}.cm-s-shadowfox div.CodeMirror-selected{background:#353b48}.cm-s-shadowfox .CodeMirror-line::selection,.cm-s-shadowfox .CodeMirror-line>span::selection,.cm-s-shadowfox .CodeMirror-line>span>span::selection{background:#353b48}.cm-s-shadowfox .CodeMirror-line::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span>span::-moz-selection{background:#353b48}.cm-s-shadowfox .CodeMirror-gutters{background:#0c0c0d;border-right:1px solid #0c0c0d}.cm-s-shadowfox .CodeMirror-guttermarker{color:#555}.cm-s-shadowfox .CodeMirror-linenumber{color:#939393}.cm-s-shadowfox .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-shadowfox span.cm-comment{color:#939393}.cm-s-shadowfox span.cm-atom,.cm-s-shadowfox span.cm-attribute,.cm-s-shadowfox span.cm-builtin,.cm-s-shadowfox span.cm-error,.cm-s-shadowfox span.cm-keyword,.cm-s-shadowfox span.cm-quote{color:#ff7de9}.cm-s-shadowfox span.cm-number,.cm-s-shadowfox span.cm-string,.cm-s-shadowfox span.cm-string-2{color:#6b89ff}.cm-s-shadowfox span.cm-hr,.cm-s-shadowfox span.cm-meta{color:#939393}.cm-s-shadowfox span.cm-header,.cm-s-shadowfox span.cm-qualifier,.cm-s-shadowfox span.cm-variable-2{color:#75bfff}.cm-s-shadowfox span.cm-property{color:#86de74}.cm-s-shadowfox span.cm-bracket,.cm-s-shadowfox span.cm-def,.cm-s-shadowfox span.cm-link:visited,.cm-s-shadowfox span.cm-tag{color:#75bfff}.cm-s-shadowfox span.cm-variable{color:#b98eff}.cm-s-shadowfox span.cm-variable-3{color:#d7d7db}.cm-s-shadowfox span.cm-link{color:#737373}.cm-s-shadowfox span.cm-operator{color:#b1b1b3}.cm-s-shadowfox span.cm-special{color:#d7d7db}.cm-s-shadowfox .CodeMirror-activeline-background{background:rgba(185,215,253,.15)}.cm-s-shadowfox .CodeMirror-matchingbracket{outline:1px solid hsla(0,0%,100%,.25);color:#fff!important}.section{clear:both;padding:0;margin:0}.row{zoom:1}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-child{margin-left:0}@media only screen and (max-width:480px){.col{margin:0}}.span-2-of-2{width:100%}.span-1-of-2{width:49.2%}@media only screen and (max-width:480px){.span-1-of-2,.span-2-of-2{width:100%}}.span-3-of-3{width:100%}.span-2-of-3{width:66.13%}.span-1-of-3{width:32.26%}@media only screen and (max-width:480px){.span-1-of-3,.span-2-of-3,.span-3-of-3{width:100%}}.span-4-of-4{width:100%}.span-3-of-4{width:74.6%}.span-2-of-4{width:49.2%}.span-1-of-4{width:23.8%}@media only screen and (max-width:480px){.span-1-of-4,.span-2-of-4,.span-3-of-4,.span-4-of-4{width:100%}}.span-5-of-5{width:100%}.span-4-of-5{width:79.68%}.span-3-of-5{width:59.36%}.span-2-of-5{width:39.04%}.span-1-of-5{width:18.72%}@media only screen and (max-width:480px){.span-1-of-5,.span-2-of-5,.span-3-of-5,.span-4-of-5,.span-5-of-5{width:100%}}.span-6-of-6{width:100%}.span-5-of-6{width:83.06%}.span-4-of-6{width:66.13%}.span-3-of-6{width:49.2%}.span-2-of-6{width:32.26%}.span-1-of-6{width:15.33%}@media only screen and (max-width:480px){.span-1-of-6,.span-2-of-6,.span-3-of-6,.span-4-of-6,.span-5-of-6,.span-6-of-6{width:100%}}.span-7-of-7{width:100%}.span-6-of-7{width:85.48%}.span-5-of-7{width:70.97%}.span-4-of-7{width:56.45%}.span-3-of-7{width:41.94%}.span-2-of-7{width:27.42%}.span-1-of-7{width:12.91%}@media only screen and (max-width:480px){.span-1-of-7,.span-2-of-7,.span-3-of-7,.span-4-of-7,.span-5-of-7,.span-6-of-7,.span-7-of-7{width:100%}}.span-8-of-8{width:100%}.span-7-of-8{width:87.3%}.span-6-of-8{width:74.6%}.span-5-of-8{width:61.9%}.span-4-of-8{width:49.2%}.span-3-of-8{width:36.5%}.span-2-of-8{width:23.8%}.span-1-of-8{width:11.1%}@media only screen and (max-width:480px){.span-1-of-8,.span-2-of-8,.span-3-of-8,.span-4-of-8,.span-5-of-8,.span-6-of-8,.span-7-of-8,.span-8-of-8{width:100%}}.span-9-of-9{width:100%}.span-8-of-9{width:88.71%}.span-7-of-9{width:77.42%}.span-6-of-9{width:66.13%}.span-5-of-9{width:54.84%}.span-4-of-9{width:43.55%}.span-3-of-9{width:32.26%}.span-2-of-9{width:20.97%}.span-1-of-9{width:9.68%}@media only screen and (max-width:480px){.span-1-of-9,.span-2-of-9,.span-3-of-9,.span-4-of-9,.span-5-of-9,.span-6-of-9,.span-7-of-9,.span-8-of-9,.span-9-of-9{width:100%}}.span-10-of-10{width:100%}.span-9-of-10{width:89.84%}.span-8-of-10{width:79.68%}.span-7-of-10{width:69.52%}.span-6-of-10{width:59.36%}.span-5-of-10{width:49.2%}.span-4-of-10{width:39.04%}.span-3-of-10{width:28.88%}.span-2-of-10{width:18.72%}.span-1-of-10{width:8.56%}@media only screen and (max-width:480px){.span-1-of-10,.span-2-of-10,.span-3-of-10,.span-4-of-10,.span-5-of-10,.span-6-of-10,.span-7-of-10,.span-8-of-10,.span-9-of-10,.span-10-of-10{width:100%}}.span-11-of-11{width:100%}.span-10-of-11{width:90.76%}.span-9-of-11{width:81.52%}.span-8-of-11{width:72.29%}.span-7-of-11{width:63.05%}.span-6-of-11{width:53.81%}.span-5-of-11{width:44.58%}.span-4-of-11{width:35.34%}.span-3-of-11{width:26.1%}.span-2-of-11{width:16.87%}.span-1-of-11{width:7.63%}@media only screen and (max-width:480px){.span-1-of-11,.span-2-of-11,.span-3-of-11,.span-4-of-11,.span-5-of-11,.span-6-of-11,.span-7-of-11,.span-8-of-11,.span-9-of-11,.span-10-of-11,.span-11-of-11{width:100%}}.span-12-of-12{width:100%}.span-11-of-12{width:91.53%}.span-10-of-12{width:83.06%}.span-9-of-12{width:74.6%}.span-8-of-12{width:66.13%}.span-7-of-12{width:57.66%}.span-6-of-12{width:49.2%}.span-5-of-12{width:40.73%}.span-4-of-12{width:32.26%}.span-3-of-12{width:23.8%}.span-2-of-12{width:15.33%}.span-1-of-12{width:6.86%}@media only screen and (max-width:480px){.span-1-of-12,.span-2-of-12,.span-3-of-12,.span-4-of-12,.span-5-of-12,.span-6-of-12,.span-7-of-12,.span-8-of-12,.span-9-of-12,.span-10-of-12,.span-11-of-12,.span-12-of-12{width:100%}}@charset "UTF-8"; +/*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*/@font-face{font-family:Ionicons;src:url(ionicons.d3529123.eot);src:url(ionicons.d3529123.eot) format("embedded-opentype"),url(ionicons.f93d54c4.woff) format("woff"),url(ionicons.138a1568.ttf) format("truetype"),url(ionicons.f4277e23.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.ion,.ion-android-done:before,.ion-android-download:before,.ion-close-round:before,.ion-ios-arrow-down:before,.ion-ios-arrow-right:before,.ion-ios-bolt-outline:before,.ion-ios-briefcase-outline:before,.ion-ios-color-wand-outline:before,.ion-ios-home:before,.ion-ios-monitor-outline:before,.ion-navicon-round:before,.ion-pound:before,.ion-social-apple:before,.ion-social-github:before,.ion-social-reddit:before,.ion-social-tux:before,.ion-social-windows:before,.ionicons{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-social-apple:before{content:"\f227"}.ion-social-tux:before{content:"\f2c5"}.ion-android-download:before{content:"\f2dd"}.ion-android-done:before{content:"\f383"}.ion-social-windows:before{content:"\f247"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-close-round:before{content:"\f129"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-social-github:before{content:"\f233"}.ion-social-reddit:before{content:"\f23b"}.ion-pound:before{content:"\f219"}.ion-navicon-round:before{content:"\f20d"}.ion-ios-home:before{content:"\f448"}@font-face{font-family:LatoWebLight;src:url(Lato-Light.ab0a3383.eot);src:url(Lato-Light.ab0a3383.eot?#iefix) format("embedded-opentype"),url(Lato-Light.e740ee5a.woff2) format("woff2"),url(Lato-Light.074c2336.woff) format("woff"),url(Lato-Light.c6f6b7a6.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:swap}@font-face{font-family:LatoWebLight;src:url(Lato-LightItalic.7534bbf3.eot);src:url(Lato-LightItalic.7534bbf3.eot?#iefix) format("embedded-opentype"),url(Lato-LightItalic.a0e5d32f.woff2) format("woff2"),url(Lato-LightItalic.5481e4c7.woff) format("woff"),url(Lato-LightItalic.9d03dc5c.ttf) format("truetype");font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:swap}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;top:50%;margin:-55px 0 0;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.cm-s-shadowfox.CodeMirror{background:#2a2a2e;color:#b1b1b3}.cm-s-shadowfox div.CodeMirror-selected{background:#353b48}.cm-s-shadowfox .CodeMirror-line::selection,.cm-s-shadowfox .CodeMirror-line>span::selection,.cm-s-shadowfox .CodeMirror-line>span>span::selection{background:#353b48}.cm-s-shadowfox .CodeMirror-line::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span>span::-moz-selection{background:#353b48}.cm-s-shadowfox .CodeMirror-gutters{background:#0c0c0d;border-right:1px solid #0c0c0d}.cm-s-shadowfox .CodeMirror-guttermarker{color:#555}.cm-s-shadowfox .CodeMirror-linenumber{color:#939393}.cm-s-shadowfox .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-shadowfox span.cm-comment{color:#939393}.cm-s-shadowfox span.cm-atom,.cm-s-shadowfox span.cm-attribute,.cm-s-shadowfox span.cm-builtin,.cm-s-shadowfox span.cm-error,.cm-s-shadowfox span.cm-keyword,.cm-s-shadowfox span.cm-quote{color:#ff7de9}.cm-s-shadowfox span.cm-number,.cm-s-shadowfox span.cm-string,.cm-s-shadowfox span.cm-string-2{color:#6b89ff}.cm-s-shadowfox span.cm-hr,.cm-s-shadowfox span.cm-meta{color:#939393}.cm-s-shadowfox span.cm-header,.cm-s-shadowfox span.cm-qualifier,.cm-s-shadowfox span.cm-variable-2{color:#75bfff}.cm-s-shadowfox span.cm-property{color:#86de74}.cm-s-shadowfox span.cm-bracket,.cm-s-shadowfox span.cm-def,.cm-s-shadowfox span.cm-link:visited,.cm-s-shadowfox span.cm-tag{color:#75bfff}.cm-s-shadowfox span.cm-variable{color:#b98eff}.cm-s-shadowfox span.cm-variable-3{color:#d7d7db}.cm-s-shadowfox span.cm-link{color:#737373}.cm-s-shadowfox span.cm-operator{color:#b1b1b3}.cm-s-shadowfox span.cm-special{color:#d7d7db}.cm-s-shadowfox .CodeMirror-activeline-background{background:rgba(185,215,253,.15)}.cm-s-shadowfox .CodeMirror-matchingbracket{outline:1px solid hsla(0,0%,100%,.25);color:#fff!important}*{margin:0;padding:0;box-sizing:border-box}body,html{background-color:#121212;color:#939393;font-family:LatoWebLight,sans-serif;font-weight:300;font-size:20px;text-rendering:optimizeLegibility;overflow-x:hidden}.clearfix{zoom:1}.clearfix:after{content:".";clear:both;display:block;height:0;visibility:hidden}.row{max-width:1140px;margin:0 auto}section{padding:80px 0}.box{padding:1%}h1,h2,h3{font-weight:300;text-transform:uppercase}h1{margin-top:0;margin-bottom:20px;color:#fff;font-size:240%;word-spacing:4px}h1,h2{letter-spacing:1px}h2{font-size:180%;word-spacing:2px;text-align:center;margin-bottom:30px}h3{font-size:110%;margin-bottom:15px}h2:after{display:block;height:2px;background-color:#66317c;content:" ";width:100px;margin:30px auto 0}.long-copy{font-size:90%;line-height:145%;width:70%;margin-left:15%}#customization .long-copy{margin-top:10px}.box p{font-size:90%;line-height:145%}.icon-big{font-size:350%;display:block;color:#66317c;margin-bottom:10px}.icon-small{display:inline-block;width:30px;text-align:center;color:#66317c;font-size:120%;margin-right:10px;line-height:120%;vertical-align:middle;margin-top:-5px}a:link,a:visited{color:#66317c;text-decoration:none;padding-bottom:1px;border-bottom:1px solid #66317c;-webkit-transition:border-bottom .2s,color .2s;transition:border-bottom .2s,color .2s}a:active,a:hover{color:#555;border-bottom:1px solid transparent}.btn:link,.btn:visited,input[type=submit]{display:inline-block;padding:10px 30px;font-weight:300;text-decoration:none;border-radius:200px;-webkit-transition:background-color .2s,border .2s,color .2s;transition:background-color .2s,border .2s,color .2s}.btn-full:link,.btn-full:visited,input[type=submit]{background-color:#66317c;border:1px solid #66317c;color:#fff;margin-right:15px}.btn-ghost:link,.btn-ghost:visited{border:1px solid #66317c;color:#66317c}.btn:active,.btn:hover,input[type=submit]:active,input[type=submit]:hover{background-color:#522764}.btn-full:active,.btn-full:hover{border:1px solid #522764}.btn-ghost:active,.btn-ghost:hover{border:1px solid #522764;color:#fff}hr{border-color:#727878;opacity:.2;filter:alpha(opacity=20);width:60%;margin:40px auto}header{background-image:-webkit-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(GcP71BP-min.c5cef7fa.png);background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(GcP71BP-min.c5cef7fa.png);background-size:cover;background-position:50%;height:100vh;background-attachment:fixed}.hero-text-box{position:absolute;width:1140px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hero-text-box span{font-size:30%;vertical-align:top}.scroll-down{font-size:60%;display:block;position:absolute;bottom:0;right:2%}.logo{height:125px;margin-top:20px}.logo,.logo-black{width:auto;float:left}.logo-black{display:none;height:50px;margin:5px 0}.main-nav{float:right;list-style:none;margin-top:55px}.main-nav li{display:inline-block;margin-left:40px}.main-nav li a:link,.main-nav li a:visited{padding:8px 0;color:#fff;text-decoration:none;text-transform:uppercase;font-size:90%;border-bottom:2px solid transparent;-webkit-transition:border-bottom .2s;transition:border-bottom .2s}.main-nav li a:active,.main-nav li a:hover{border-bottom:2px solid #66317c}.mobile-nav-icon{float:right;margin-top:30px;cursor:pointer;display:none}.mobile-nav-icon i{font-size:200%;color:#fff}.sticky{position:fixed;top:0;left:0;width:100%;background-color:rgba(21,21,21,.98);box-shadow:0 2px 2px #0d0d0d;z-index:9999}.sticky .main-nav{margin-top:18px}.sticky .main-nav li a:link,.sticky .main-nav li a:visited{padding:16px 0;color:#737373}.sticky .logo{display:none}.sticky .logo-black{display:block}.section-features .long-copy{margin-bottom:30px}.section-images{background-color:#151515}.steps-box{margin-top:30px;text-align:left;padding-left:3%}.works-step{margin-bottom:50px}.works-step:last-of-type{margin-bottom:80px}.works-step div{color:#66317c;font-size:150%;height:54px;width:54px;border:2px solid #66317c;border-radius:50%;display:inline-block;text-align:center;margin-right:25px;float:left;padding:5px}.section-testimonials{background-image:-webkit-linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.6)),url(testimonials_bg.831211c3.jpg);background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.4)),url(testimonials_bg.831211c3.jpg);background-size:cover;color:#fff;background-attachment:fixed}blockquote{padding:2%;font-style:italic;line-height:145%;position:relative;margin-top:40px}blockquote:before{content:"\201C";font-size:500%;display:block;position:absolute;top:-5px;left:-5px}.section-plans{background-color:#151515}.os-box{background-color:#121212;border-radius:5px;width:90%;margin-left:5%;box-shadow:0 2px 2px #1c1c1c}.os-box div{padding:15px;border-bottom:1px solid #2e2e2e}.os-box div:first-child{background-color:#141414;border-top-left-radius:5px;border-top-right-radius:5px}.os-box div:last-child{text-align:center;border:0}.os-box ul{list-style:none}.os-box ul li{padding:5px 0;text-align:left}.os-box a{border:0}input[type=checkbox]{margin:10px 5px 10px 0}:focus{outline:none}.chrome-options li{list-style-type:none;margin-left:50px;font-size:70%}.row .cm-buttons{margin-bottom:10px}.row .cm-2 .CodeMirror.cm-s-shadowfox{height:500px}.download-css-2{margin-top:10px}.collapsible{background-color:transparent;color:var(--main-accent-1);font-size:100%}.content{padding:0 25px;margin-top:-2px}.ui-section{font-size:90%}.js--wp-1,.js--wp-2,.js--wp-3{opacity:0}.js--wp-1,.js--wp-2,.js--wp-3,.js--wp-4{-webkit-animation-duration:1s;animation-duration:1s}.js--wp-1.animated,.js--wp-2.animated,.js--wp-3.animated{opacity:1}.mfp-bg{opacity:.97!important}.popup-gallery img{width:22%;margin:4px}.gallery{text-align:center}.gallery a:link,.gallery a:visited{border:0}.bullets{margin-left:25%;margin-top:25px;line-height:200%}.long-copy a{border:0}.CodeMirror-gutters{background:#1b1b1d!important}.color-options{display:block}.insert-options li{font-size:80%}input[type=color]{margin-right:5px;margin-left:10px}#accent-1{margin-left:0}.color-options{font-size:80%}.cm-buttons,.colors-download{text-align:right}.color-options .col{margin-bottom:0}.cm-buttons input[type=submit],.colors-download input[type=submit]{padding:4px 15px;border-radius:10px;margin-right:0}#shade{margin-left:40px;color:#000}.cm-shade{text-align-last:center}.section-codemirror .CodeMirror.cm-s-shadowfox{height:220px}.colors-download .col{margin-top:0}.collapsible{background-color:#121212;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none}.active,.collapsible:hover{background-color:#050505}.content{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out}footer{background-color:#020202;padding:50px;font-size:80%}.footer-nav{list-style:none;float:left}.social-links{list-style:none;float:right}.footer-nav li,.social-links li{display:inline-block;margin-right:20px}.footer-nav li:last-child,.social-links li:last-child{margin-right:0}.footer-nav li a:link,.footer-nav li a:visited,.social-links li a:link,.social-links li a:visited{text-decoration:none;border:0;color:#888;-webkit-transition:color .2s;transition:color .2s}.footer-nav li a:active,.footer-nav li a:hover{color:#ddd}footer p{color:#888;text-align:center;margin-top:20px}.social-links li a:link,.social-links li a:visited{font-size:160%}.ion-pound,.ion-social-github,.ion-social-reddit{-webkit-transition:color .2s;transition:color .2s}.social-links li:last-child{transform:rotate(72deg)}.ion-social-github:hover{color:#4078c0}.ion-social-reddit:hover{color:#ff4500}.ion-pound:hover{color:#e9a820}.cm-box{font-size:70%}.insert-options{list-style:none}@media only screen and (max-width:1200px){.hero-text-box{width:100%;padding:0 2%}.row{padding:0 2%}}@media only screen and (max-width:1024px){header{background-attachment:scroll}}@media only screen and (max-width:1023px){body{font-size:18px}section{padding:60px 0}header{background-attachment:scroll}.long-copy{width:80%;margin-left:10%}.steps-box,.steps-box:last-child{margin-top:10px}.works-steps{margin-bottom:40px}.works-step:last-of-type{margin-bottom:60px}.app-screen{width:50%}.icon-small{width:17px;margin-right:5px}}@media only screen and (max-width:767px){body{font-size:16px}section{padding:30px 0}.hero-text-box,.row{padding:0 4%}.col{width:100%;margin:0 0 4%}.main-nav{display:none}.mobile-nav-icon{display:inline-block;position:relative;z-index:9999}.main-nav{float:none;position:absolute;z-index:8888;width:100%;margin:0 0 0 -4%;background-color:rgba(0,0,0,.9);text-align:center;padding:10px 0}.main-nav li{display:block;margin-left:0;font-size:110%}.main-nav li a:link,.main-nav li a:visited{display:block;border:0;padding:10px 0;font-size:100%}.sticky .main-nav{margin-top:0}.sticky .main-nav li a:link,.sticky .main-nav li a:visited{padding:10px 0;color:#fff}.sticky .mobile-nav-icon{margin-top:10px}.sticky .mobile-nav-icon i{color:#555}.sticky .mobile-nav-icon i.ion-close-round{color:#fff}h1{font-size:180%}h2{font-size:150%}.long-copy{width:100%;margin-left:0}.works-step div{height:40px;width:40px;margin-right:15px;padding:4px;font-size:120%}.works-step,.works-step:last-of-type{margin-bottom:20px}.footer-nav,.social-links{float:none;text-align:center}}@media only screen and (max-width:480px){section{padding:25px 0}}@media only screen and (max-width:350px){h1{font-size:150%}}@media only screen and (max-height:450px){.hero-text-box{margin-top:40px}} \ No newline at end of file diff --git a/website/dist/website.9ad09f98.css b/website/dist/website.9ad09f98.css new file mode 100644 index 0000000..682b861 --- /dev/null +++ b/website/dist/website.9ad09f98.css @@ -0,0 +1,2895 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */ + +.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn} +/* BASICS */ + +.CodeMirror { + /* Set height, width, borders, and global font properties here */ + font-family: monospace; + height: 300px; + color: black; + direction: ltr; +} + +/* PADDING */ + +.CodeMirror-lines { + padding: 4px 0; /* Vertical padding around content */ +} +.CodeMirror pre { + padding: 0 4px; /* Horizontal padding of content */ +} + +.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { + background-color: white; /* The little square between H and V scrollbars */ +} + +/* GUTTER */ + +.CodeMirror-gutters { + border-right: 1px solid #ddd; + background-color: #f7f7f7; + white-space: nowrap; +} +.CodeMirror-linenumbers {} +.CodeMirror-linenumber { + padding: 0 3px 0 5px; + min-width: 20px; + text-align: right; + color: #999; + white-space: nowrap; +} + +.CodeMirror-guttermarker { color: black; } +.CodeMirror-guttermarker-subtle { color: #999; } + +/* CURSOR */ + +.CodeMirror-cursor { + border-left: 1px solid black; + border-right: none; + width: 0; +} +/* Shown when moving in bi-directional text */ +.CodeMirror div.CodeMirror-secondarycursor { + border-left: 1px solid silver; +} +.cm-fat-cursor .CodeMirror-cursor { + width: auto; + border: 0 !important; + background: #7e7; +} +.cm-fat-cursor div.CodeMirror-cursors { + z-index: 1; +} +.cm-fat-cursor-mark { + background-color: rgba(20, 255, 20, 0.5); + -webkit-animation: blink 1.06s steps(1) infinite; + -moz-animation: blink 1.06s steps(1) infinite; + animation: blink 1.06s steps(1) infinite; +} +.cm-animate-fat-cursor { + width: auto; + border: 0; + -webkit-animation: blink 1.06s steps(1) infinite; + -moz-animation: blink 1.06s steps(1) infinite; + animation: blink 1.06s steps(1) infinite; + background-color: #7e7; +} +@-moz-keyframes blink { + 0% {} + 50% { background-color: transparent; } + 100% {} +} +@-webkit-keyframes blink { + 0% {} + 50% { background-color: transparent; } + 100% {} +} +@keyframes blink { + 0% {} + 50% { background-color: transparent; } + 100% {} +} + +/* Can style cursor different in overwrite (non-insert) mode */ +.CodeMirror-overwrite .CodeMirror-cursor {} + +.cm-tab { display: inline-block; text-decoration: inherit; } + +.CodeMirror-rulers { + position: absolute; + left: 0; right: 0; top: -50px; bottom: -20px; + overflow: hidden; +} +.CodeMirror-ruler { + border-left: 1px solid #ccc; + top: 0; bottom: 0; + position: absolute; +} + +/* DEFAULT THEME */ + +.cm-s-default .cm-header {color: blue;} +.cm-s-default .cm-quote {color: #090;} +.cm-negative {color: #d44;} +.cm-positive {color: #292;} +.cm-header, .cm-strong {font-weight: bold;} +.cm-em {font-style: italic;} +.cm-link {text-decoration: underline;} +.cm-strikethrough {text-decoration: line-through;} + +.cm-s-default .cm-keyword {color: #708;} +.cm-s-default .cm-atom {color: #219;} +.cm-s-default .cm-number {color: #164;} +.cm-s-default .cm-def {color: #00f;} +.cm-s-default .cm-variable, +.cm-s-default .cm-punctuation, +.cm-s-default .cm-property, +.cm-s-default .cm-operator {} +.cm-s-default .cm-variable-2 {color: #05a;} +.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;} +.cm-s-default .cm-comment {color: #a50;} +.cm-s-default .cm-string {color: #a11;} +.cm-s-default .cm-string-2 {color: #f50;} +.cm-s-default .cm-meta {color: #555;} +.cm-s-default .cm-qualifier {color: #555;} +.cm-s-default .cm-builtin {color: #30a;} +.cm-s-default .cm-bracket {color: #997;} +.cm-s-default .cm-tag {color: #170;} +.cm-s-default .cm-attribute {color: #00c;} +.cm-s-default .cm-hr {color: #999;} +.cm-s-default .cm-link {color: #00c;} + +.cm-s-default .cm-error {color: #f00;} +.cm-invalidchar {color: #f00;} + +.CodeMirror-composing { border-bottom: 2px solid; } + +/* Default styles for common addons */ + +div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;} +div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;} +.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } +.CodeMirror-activeline-background {background: #e8f2ff;} + +/* STOP */ + +/* The rest of this file contains styles related to the mechanics of + the editor. You probably shouldn't touch them. */ + +.CodeMirror { + position: relative; + overflow: hidden; + background: white; +} + +.CodeMirror-scroll { + overflow: scroll !important; /* Things will break if this is overridden */ + /* 30px is the magic margin used to hide the element's real scrollbars */ + /* See overflow: hidden in .CodeMirror */ + margin-bottom: -30px; margin-right: -30px; + padding-bottom: 30px; + height: 100%; + outline: none; /* Prevent dragging from highlighting the element */ + position: relative; +} +.CodeMirror-sizer { + position: relative; + border-right: 30px solid transparent; +} + +/* The fake, visible scrollbars. Used to force redraw during scrolling + before actual scrolling happens, thus preventing shaking and + flickering artifacts. */ +.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { + position: absolute; + z-index: 6; + display: none; +} +.CodeMirror-vscrollbar { + right: 0; top: 0; + overflow-x: hidden; + overflow-y: scroll; +} +.CodeMirror-hscrollbar { + bottom: 0; left: 0; + overflow-y: hidden; + overflow-x: scroll; +} +.CodeMirror-scrollbar-filler { + right: 0; bottom: 0; +} +.CodeMirror-gutter-filler { + left: 0; bottom: 0; +} + +.CodeMirror-gutters { + position: absolute; left: 0; top: 0; + min-height: 100%; + z-index: 3; +} +.CodeMirror-gutter { + white-space: normal; + height: 100%; + display: inline-block; + vertical-align: top; + margin-bottom: -30px; +} +.CodeMirror-gutter-wrapper { + position: absolute; + z-index: 4; + background: none !important; + border: none !important; +} +.CodeMirror-gutter-background { + position: absolute; + top: 0; bottom: 0; + z-index: 4; +} +.CodeMirror-gutter-elt { + position: absolute; + cursor: default; + z-index: 4; +} +.CodeMirror-gutter-wrapper ::selection { background-color: transparent } +.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent } + +.CodeMirror-lines { + cursor: text; + min-height: 1px; /* prevents collapsing before first draw */ +} +.CodeMirror pre { + /* Reset some styles that the rest of the page might have set */ + -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; + border-width: 0; + background: transparent; + font-family: inherit; + font-size: inherit; + margin: 0; + white-space: pre; + word-wrap: normal; + line-height: inherit; + color: inherit; + z-index: 2; + position: relative; + overflow: visible; + -webkit-tap-highlight-color: transparent; + -webkit-font-variant-ligatures: contextual; + font-variant-ligatures: contextual; +} +.CodeMirror-wrap pre { + word-wrap: break-word; + white-space: pre-wrap; + word-break: normal; +} + +.CodeMirror-linebackground { + position: absolute; + left: 0; right: 0; top: 0; bottom: 0; + z-index: 0; +} + +.CodeMirror-linewidget { + position: relative; + z-index: 2; + padding: 0.1px; /* Force widget margins to stay inside of the container */ +} + +.CodeMirror-widget {} + +.CodeMirror-rtl pre { direction: rtl; } + +.CodeMirror-code { + outline: none; +} + +/* Force content-box sizing for the elements where we expect it */ +.CodeMirror-scroll, +.CodeMirror-sizer, +.CodeMirror-gutter, +.CodeMirror-gutters, +.CodeMirror-linenumber { + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.CodeMirror-measure { + position: absolute; + width: 100%; + height: 0; + overflow: hidden; + visibility: hidden; +} + +.CodeMirror-cursor { + position: absolute; + pointer-events: none; +} +.CodeMirror-measure pre { position: static; } + +div.CodeMirror-cursors { + visibility: hidden; + position: relative; + z-index: 3; +} +div.CodeMirror-dragcursors { + visibility: visible; +} + +.CodeMirror-focused div.CodeMirror-cursors { + visibility: visible; +} + +.CodeMirror-selected { background: #d9d9d9; } +.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } +.CodeMirror-crosshair { cursor: crosshair; } +.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } +.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } + +.cm-searching { + background-color: #ffa; + background-color: rgba(255, 255, 0, .4); +} + +/* Used to force a border model for a node */ +.cm-force-border { padding-right: .1px; } + +@media print { + /* Hide the cursor when printing */ + .CodeMirror div.CodeMirror-cursors { + visibility: hidden; + } +} + +/* See issue #2901 */ +.cm-tab-wrap-hack:after { content: ''; } + +/* Help users use markselection to safely style text background */ +span.CodeMirror-selectedtext { background: none; } +@charset "UTF-8";/*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */.CodeMirror pre{-webkit-border-radius:0;font-family:inherit;font-size:inherit;word-wrap:normal;line-height:inherit;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;-webkit-border-radius:0;font-family:inherit;font-size:inherit;word-wrap:normal;line-height:inherit;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;-webkit-border-radius:0;font-family:inherit;font-size:inherit;word-wrap:normal;line-height:inherit;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}/*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + *//*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + *//*! + * animate.css -http://daneden.me/animate + * Version - 3.6.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes pulse{0%,to{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:1.06s steps(1) infinite blink;-moz-animation:1.06s steps(1) infinite blink;animation:1.06s steps(1) infinite blink}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:1.06s steps(1) infinite blink;-moz-animation:1.06s steps(1) infinite blink;animation:1.06s steps(1) infinite blink;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{padding:0 4px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}/*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*/@font-face{font-family:Ionicons;src:url(ionicons.c628c025.eot);src:url(ionicons.c628c025.eot) format("embedded-opentype"),url(ionicons.e9956e69.woff) format("woff"),url(ionicons.044e0f8b.ttf) format("truetype"),url(ionicons.a54256ce.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:LatoWebLight;src:url(Lato-Light.3c97fe76.eot);src:url(Lato-Light.3c97fe76.eot?#iefix) format('embedded-opentype'),url(Lato-Light.cb0c9583.woff2) format('woff2'),url(Lato-Light.c9c59e8e.woff) format('woff'),url(Lato-Light.9e982457.ttf) format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:LatoWebLight;src:url(Lato-LightItalic.184bf78e.eot);src:url(Lato-LightItalic.184bf78e.eot?#iefix) format('embedded-opentype'),url(Lato-LightItalic.69b9e097.woff2) format('woff2'),url(Lato-LightItalic.7d9facd5.woff) format('woff'),url(Lato-LightItalic.82a482bf.ttf) format('truetype');font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */@media only screen and (max-width:480px){.col{margin:0}.span-1-of-2,.span-2-of-2{width:100%}}/*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */.section{clear:both;padding:0;margin:0}.row{zoom:1}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-child{margin-left:0}.span-2-of-2{width:100%}.span-1-of-2{width:49.2%}@media only screen and (max-width:480px){.col{margin:0}.span-1-of-2,.span-2-of-2{width:100%}}.span-3-of-3{width:100%}.span-2-of-3{width:66.13%}.span-1-of-3{width:32.26%}@media only screen and (max-width:480px){.span-1-of-3,.span-2-of-3,.span-3-of-3{width:100%}}.span-4-of-4{width:100%}.span-3-of-4{width:74.6%}.span-2-of-4{width:49.2%}.span-1-of-4{width:23.8%}@media only screen and (max-width:480px){.span-1-of-4,.span-2-of-4,.span-3-of-4,.span-4-of-4{width:100%}}.span-5-of-5{width:100%}.span-4-of-5{width:79.68%}.span-3-of-5{width:59.36%}.span-2-of-5{width:39.04%}.span-1-of-5{width:18.72%}@media only screen and (max-width:480px){.span-1-of-5,.span-2-of-5,.span-3-of-5,.span-4-of-5,.span-5-of-5{width:100%}}.span-6-of-6{width:100%}.span-5-of-6{width:83.06%}.span-4-of-6{width:66.13%}.span-3-of-6{width:49.2%}.span-2-of-6{width:32.26%}.span-1-of-6{width:15.33%}@media only screen and (max-width:480px){.span-1-of-6,.span-2-of-6,.span-3-of-6,.span-4-of-6,.span-5-of-6,.span-6-of-6{width:100%}}.span-7-of-7{width:100%}.span-6-of-7{width:85.48%}.span-5-of-7{width:70.97%}.span-4-of-7{width:56.45%}.span-3-of-7{width:41.94%}.span-2-of-7{width:27.42%}.span-1-of-7{width:12.91%}@media only screen and (max-width:480px){.span-1-of-7,.span-2-of-7,.span-3-of-7,.span-4-of-7,.span-5-of-7,.span-6-of-7,.span-7-of-7{width:100%}}.span-8-of-8{width:100%}.span-7-of-8{width:87.3%}.span-6-of-8{width:74.6%}.span-5-of-8{width:61.9%}.span-4-of-8{width:49.2%}.span-3-of-8{width:36.5%}.span-2-of-8{width:23.8%}.span-1-of-8{width:11.1%}@media only screen and (max-width:480px){.span-1-of-8,.span-2-of-8,.span-3-of-8,.span-4-of-8,.span-5-of-8,.span-6-of-8,.span-7-of-8,.span-8-of-8{width:100%}}.span-9-of-9{width:100%}.span-8-of-9{width:88.71%}.span-7-of-9{width:77.42%}.span-6-of-9{width:66.13%}.span-5-of-9{width:54.84%}.span-4-of-9{width:43.55%}.span-3-of-9{width:32.26%}.span-2-of-9{width:20.97%}.span-1-of-9{width:9.68%}@media only screen and (max-width:480px){.span-1-of-9,.span-2-of-9,.span-3-of-9,.span-4-of-9,.span-5-of-9,.span-6-of-9,.span-7-of-9,.span-8-of-9,.span-9-of-9{width:100%}}.span-10-of-10{width:100%}.span-9-of-10{width:89.84%}.span-8-of-10{width:79.68%}.span-7-of-10{width:69.52%}.span-6-of-10{width:59.36%}.span-5-of-10{width:49.2%}.span-4-of-10{width:39.04%}.span-3-of-10{width:28.88%}.span-2-of-10{width:18.72%}.span-1-of-10{width:8.56%}@media only screen and (max-width:480px){.span-1-of-10,.span-10-of-10,.span-2-of-10,.span-3-of-10,.span-4-of-10,.span-5-of-10,.span-6-of-10,.span-7-of-10,.span-8-of-10,.span-9-of-10{width:100%}}.span-11-of-11{width:100%}.span-10-of-11{width:90.76%}.span-9-of-11{width:81.52%}.span-8-of-11{width:72.29%}.span-7-of-11{width:63.05%}.span-6-of-11{width:53.81%}.span-5-of-11{width:44.58%}.span-4-of-11{width:35.34%}.span-3-of-11{width:26.1%}.span-2-of-11{width:16.87%}.span-1-of-11{width:7.63%}@media only screen and (max-width:480px){.span-1-of-11,.span-10-of-11,.span-11-of-11,.span-2-of-11,.span-3-of-11,.span-4-of-11,.span-5-of-11,.span-6-of-11,.span-7-of-11,.span-8-of-11,.span-9-of-11{width:100%}}.span-12-of-12{width:100%}.span-11-of-12{width:91.53%}.span-10-of-12{width:83.06%}.span-9-of-12{width:74.6%}.span-8-of-12{width:66.13%}.span-7-of-12{width:57.66%}.span-6-of-12{width:49.2%}.span-5-of-12{width:40.73%}.span-4-of-12{width:32.26%}.span-3-of-12{width:23.8%}.span-2-of-12{width:15.33%}.span-1-of-12{width:6.86%}@media only screen and (max-width:480px){.span-1-of-12,.span-10-of-12,.span-11-of-12,.span-12-of-12,.span-2-of-12,.span-3-of-12,.span-4-of-12,.span-5-of-12,.span-6-of-12,.span-7-of-12,.span-8-of-12,.span-9-of-12{width:100%}}/*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*/.ion,.ion-android-done:before,.ion-android-download:before,.ion-close-round:before,.ion-ios-arrow-down:before,.ion-ios-arrow-right:before,.ion-ios-bolt-outline:before,.ion-ios-briefcase-outline:before,.ion-ios-color-wand-outline:before,.ion-ios-monitor-outline:before,.ion-navicon-round:before,.ion-pound:before,.ion-social-apple:before,.ion-social-github:before,.ion-social-reddit:before,.ion-social-tux:before,.ion-social-windows:before,.ionicons{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-social-apple:before{content:"\f227"}.ion-social-tux:before{content:"\f2c5"}.ion-android-download:before{content:"\f2dd"}.ion-android-done:before{content:"\f383"}.ion-social-windows:before{content:"\f247"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-close-round:before{content:"\f129"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-social-github:before{content:"\f233"}.ion-social-reddit:before{content:"\f23b"}.ion-pound:before{content:"\f219"}.ion-navicon-round:before{content:"\f20d"}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.cm-s-shadowfox.CodeMirror{background:#2a2a2e;color:#b1b1b3}.cm-s-shadowfox div.CodeMirror-selected{background:#353b48}.cm-s-shadowfox .CodeMirror-line::selection,.cm-s-shadowfox .CodeMirror-line>span::selection,.cm-s-shadowfox .CodeMirror-line>span>span::selection{background:#353b48}.cm-s-shadowfox .CodeMirror-line::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span>span::-moz-selection{background:#353b48}.cm-s-shadowfox .CodeMirror-gutters{background:#0c0c0d;border-right:1px solid #0c0c0d}.cm-s-shadowfox .CodeMirror-guttermarker{color:#555}.cm-s-shadowfox .CodeMirror-linenumber{color:#939393}.cm-s-shadowfox .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-shadowfox span.cm-comment{color:#939393}.cm-s-shadowfox span.cm-atom,.cm-s-shadowfox span.cm-attribute,.cm-s-shadowfox span.cm-builtin,.cm-s-shadowfox span.cm-error,.cm-s-shadowfox span.cm-keyword,.cm-s-shadowfox span.cm-quote{color:#ff7de9}.cm-s-shadowfox span.cm-number,.cm-s-shadowfox span.cm-string,.cm-s-shadowfox span.cm-string-2{color:#6b89ff}.cm-s-shadowfox span.cm-hr,.cm-s-shadowfox span.cm-meta{color:#939393}.cm-s-shadowfox span.cm-header,.cm-s-shadowfox span.cm-qualifier,.cm-s-shadowfox span.cm-variable-2{color:#75bfff}.cm-s-shadowfox span.cm-property{color:#86de74}.cm-s-shadowfox span.cm-bracket,.cm-s-shadowfox span.cm-def,.cm-s-shadowfox span.cm-link:visited,.cm-s-shadowfox span.cm-tag{color:#75bfff}.cm-s-shadowfox span.cm-variable{color:#b98eff}.cm-s-shadowfox span.cm-variable-3{color:#d7d7db}.cm-s-shadowfox span.cm-link{color:#737373}.cm-s-shadowfox span.cm-operator{color:#b1b1b3}.cm-s-shadowfox span.cm-special{color:#d7d7db}.cm-s-shadowfox .CodeMirror-activeline-background{background:rgba(185,215,253,.15)}.cm-s-shadowfox .CodeMirror-matchingbracket{outline:rgba(255,255,255,.25) solid 1px;color:#fff!important} +/* SECTIONS ============================================================================= */ + +.section { + clear: both; + padding: 0px; + margin: 0px; +} + +/* GROUPING ============================================================================= */ + +.row { + zoom: 1; /* For IE 6/7 (trigger hasLayout) */ +} + +.row:before, +.row:after { + content:""; + display:table; +} +.row:after { + clear:both; +} + +/* GRID COLUMN SETUP ==================================================================== */ + +.col { + display: block; + float:left; + margin: 1% 0 1% 1.6%; +} + +.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ + + +/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .col { + /*margin: 1% 0 1% 0%;*/ + margin: 0; + } +} + + +/* GRID OF TWO ============================================================================= */ + + +.span-2-of-2 { + width: 100%; +} + +.span-1-of-2 { + width: 49.2%; +} + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-2-of-2 { + width: 100%; + } + .span-1-of-2 { + width: 100%; + } +} + + +/* GRID OF THREE ============================================================================= */ + + +.span-3-of-3 { + width: 100%; +} + +.span-2-of-3 { + width: 66.13%; +} + +.span-1-of-3 { + width: 32.26%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-3-of-3 { + width: 100%; + } + .span-2-of-3 { + width: 100%; + } + .span-1-of-3 { + width: 100%; + } +} + +/* GRID OF FOUR ============================================================================= */ + + +.span-4-of-4 { + width: 100%; +} + +.span-3-of-4 { + width: 74.6%; +} + +.span-2-of-4 { + width: 49.2%; +} + +.span-1-of-4 { + width: 23.8%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-4-of-4 { + width: 100%; + } + .span-3-of-4 { + width: 100%; + } + .span-2-of-4 { + width: 100%; + } + .span-1-of-4 { + width: 100%; + } +} + + +/* GRID OF FIVE ============================================================================= */ + + +.span-5-of-5 { + width: 100%; +} + +.span-4-of-5 { + width: 79.68%; +} + +.span-3-of-5 { + width: 59.36%; +} + +.span-2-of-5 { + width: 39.04%; +} + +.span-1-of-5 { + width: 18.72%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-5-of-5 { + width: 100%; + } + .span-4-of-5 { + width: 100%; + } + .span-3-of-5 { + width: 100%; + } + .span-2-of-5 { + width: 100%; + } + .span-1-of-5 { + width: 100%; + } +} + + +/* GRID OF SIX ============================================================================= */ + + +.span-6-of-6 { + width: 100%; +} + +.span-5-of-6 { + width: 83.06%; +} + +.span-4-of-6 { + width: 66.13%; +} + +.span-3-of-6 { + width: 49.2%; +} + +.span-2-of-6 { + width: 32.26%; +} + +.span-1-of-6 { + width: 15.33%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-6-of-6 { + width: 100%; + } + .span-5-of-6 { + width: 100%; + } + .span-4-of-6 { + width: 100%; + } + .span-3-of-6 { + width: 100%; + } + .span-2-of-6 { + width: 100%; + } + .span-1-of-6 { + width: 100%; + } +} + + + +/* GRID OF SEVEN ============================================================================= */ + + +.span-7-of-7 { + width: 100%; +} + +.span-6-of-7 { + width: 85.48%; +} + +.span-5-of-7 { + width: 70.97%; +} + +.span-4-of-7 { + width: 56.45%; +} + +.span-3-of-7 { + width: 41.94%; +} + +.span-2-of-7 { + width: 27.42%; +} + +.span-1-of-7 { + width: 12.91%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-7-of-7 { + width: 100%; + } + .span-6-of-7 { + width: 100%; + } + .span-5-of-7 { + width: 100%; + } + .span-4-of-7 { + width: 100%; + } + .span-3-of-7 { + width: 100%; + } + .span-2-of-7 { + width: 100%; + } + .span-1-of-7 { + width: 100%; + } +} + + +/* GRID OF EIGHT ============================================================================= */ + + +.span-8-of-8 { + width: 100%; +} + +.span-7-of-8 { + width: 87.3%; +} + +.span-6-of-8 { + width: 74.6%; +} + +.span-5-of-8 { + width: 61.9%; +} + +.span-4-of-8 { + width: 49.2%; +} + +.span-3-of-8 { + width: 36.5%; +} + +.span-2-of-8 { + width: 23.8%; +} + +.span-1-of-8 { + width: 11.1%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-8-of-8 { + width: 100%; + } + .span-7-of-8 { + width: 100%; + } + .span-6-of-8 { + width: 100%; + } + .span-5-of-8 { + width: 100%; + } + .span-4-of-8 { + width: 100%; + } + .span-3-of-8 { + width: 100%; + } + .span-2-of-8 { + width: 100%; + } + .span-1-of-8 { + width: 100%; + } +} + + +/* GRID OF NINE ============================================================================= */ + + +.span-9-of-9 { + width: 100%; +} + +.span-8-of-9 { + width: 88.71%; +} + +.span-7-of-9 { + width: 77.42%; +} + +.span-6-of-9 { + width: 66.13%; +} + +.span-5-of-9 { + width: 54.84%; +} + +.span-4-of-9 { + width: 43.55%; +} + +.span-3-of-9 { + width: 32.26%; +} + +.span-2-of-9 { + width: 20.97%; +} + +.span-1-of-9 { + width: 9.68%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-9-of-9 { + width: 100%; + } + .span-8-of-9 { + width: 100%; + } + .span-7-of-9 { + width: 100%; + } + .span-6-of-9 { + width: 100%; + } + .span-5-of-9 { + width: 100%; + } + .span-4-of-9 { + width: 100%; + } + .span-3-of-9 { + width: 100%; + } + .span-2-of-9 { + width: 100%; + } + .span-1-of-9 { + width: 100%; + } +} + + +/* GRID OF TEN ============================================================================= */ + + +.span-10-of-10 { + width: 100%; +} + +.span-9-of-10 { + width: 89.84%; +} + +.span-8-of-10 { + width: 79.68%; +} + +.span-7-of-10 { + width: 69.52%; +} + +.span-6-of-10 { + width: 59.36%; +} + +.span-5-of-10 { + width: 49.2%; +} + +.span-4-of-10 { + width: 39.04%; +} + +.span-3-of-10 { + width: 28.88%; +} + +.span-2-of-10 { + width: 18.72%; +} + +.span-1-of-10 { + width: 8.56%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-10-of-10 { + width: 100%; + } + .span-9-of-10 { + width: 100%; + } + .span-8-of-10 { + width: 100%; + } + .span-7-of-10 { + width: 100%; + } + .span-6-of-10 { + width: 100%; + } + .span-5-of-10 { + width: 100%; + } + .span-4-of-10 { + width: 100%; + } + .span-3-of-10 { + width: 100%; + } + .span-2-of-10 { + width: 100%; + } + .span-1-of-10 { + width: 100%; + } +} + + +/* GRID OF ELEVEN ============================================================================= */ + +.span-11-of-11 { + width: 100%; +} + +.span-10-of-11 { + width: 90.76%; +} + +.span-9-of-11 { + width: 81.52%; +} + +.span-8-of-11 { + width: 72.29%; +} + +.span-7-of-11 { + width: 63.05%; +} + +.span-6-of-11 { + width: 53.81%; +} + +.span-5-of-11 { + width: 44.58%; +} + +.span-4-of-11 { + width: 35.34%; +} + +.span-3-of-11 { + width: 26.1%; +} + +.span-2-of-11 { + width: 16.87%; +} + +.span-1-of-11 { + width: 7.63%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-11-of-11 { + width: 100%; + } + .span-10-of-11 { + width: 100%; + } + .span-9-of-11 { + width: 100%; + } + .span-8-of-11 { + width: 100%; + } + .span-7-of-11 { + width: 100%; + } + .span-6-of-11 { + width: 100%; + } + .span-5-of-11 { + width: 100%; + } + .span-4-of-11 { + width: 100%; + } + .span-3-of-11 { + width: 100%; + } + .span-2-of-11 { + width: 100%; + } + .span-1-of-11 { + width: 100%; + } +} + + +/* GRID OF TWELVE ============================================================================= */ + +.span-12-of-12 { + width: 100%; +} + +.span-11-of-12 { + width: 91.53%; +} + +.span-10-of-12 { + width: 83.06%; +} + +.span-9-of-12 { + width: 74.6%; +} + +.span-8-of-12 { + width: 66.13%; +} + +.span-7-of-12 { + width: 57.66%; +} + +.span-6-of-12 { + width: 49.2%; +} + +.span-5-of-12 { + width: 40.73%; +} + +.span-4-of-12 { + width: 32.26%; +} + +.span-3-of-12 { + width: 23.8%; +} + +.span-2-of-12 { + width: 15.33%; +} + +.span-1-of-12 { + width: 6.86%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-12-of-12 { + width: 100%; + } + .span-11-of-12 { + width: 100%; + } + .span-10-of-12 { + width: 100%; + } + .span-9-of-12 { + width: 100%; + } + .span-8-of-12 { + width: 100%; + } + .span-7-of-12 { + width: 100%; + } + .span-6-of-12 { + width: 100%; + } + .span-5-of-12 { + width: 100%; + } + .span-4-of-12 { + width: 100%; + } + .span-3-of-12 { + width: 100%; + } + .span-2-of-12 { + width: 100%; + } + .span-1-of-12 { + width: 100%; + } +}@charset "UTF-8"; +/*! + Ionicons, v4.1.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/benjsperry https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons + + Android-style icons originally built by Google’s + Material Design Icons: https://github.com/google/material-design-icons + used under CC BY http://creativecommons.org/licenses/by/4.0/ + Modified icons to fit ionicon’s grid from original. +*/ +@font-face { + font-family: "Ionicons"; + src: url("ionicons.c628c025.eot"); + src: url("ionicons.c628c025.eot") format("embedded-opentype"), url("ionicons.e9956e69.woff") format("woff"), url("ionicons.044e0f8b.ttf") format("truetype"), url("ionicons.a54256ce.svg") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; +} +.ion, .ionicons, +.ion-ios-bolt-outline:before, +.ion-ios-monitor-outline:before, +.ion-ios-briefcase-outline:before, +.ion-ios-color-wand-outline:before, +.ion-social-apple:before, +.ion-social-tux:before, +.ion-android-download:before, +.ion-android-done:before, +.ion-social-windows:before, +.ion-ios-arrow-right:before, +.ion-close-round:before, +.ion-ios-arrow-down:before, +.ion-social-github:before, +.ion-social-reddit:before, +.ion-pound:before, +.ion-navicon-round:before, +.ion-ios-home:before{ + display: inline-block; + font-family: "Ionicons"; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + text-rendering: auto; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + + +.ion-ios-bolt-outline:before{content:"\f3e5"} +.ion-ios-monitor-outline:before{content:"\f465"} +.ion-ios-briefcase-outline:before{content:"\f3ed"} +.ion-ios-color-wand-outline:before{content:"\f415"} +.ion-social-apple:before{content:"\f227"} +.ion-social-tux:before{content:"\f2c5"} +.ion-android-download:before{content:"\f2dd"} +.ion-android-done:before{content:"\f383"} +.ion-social-windows:before{content:"\f247"} +.ion-ios-arrow-right:before{content:"\f3d3"} +.ion-close-round:before{content:"\f129"} +.ion-ios-arrow-down:before{content:"\f3d0"} +.ion-social-github:before{content:"\f233"} +.ion-social-reddit:before{content:"\f23b"} +.ion-pound:before{content:"\f219"} +.ion-navicon-round:before{content:"\f20d"} +.ion-ios-home:before{content:"\f448"} +/* Webfont: Lato-Light */@font-face { + font-family: 'LatoWebLight'; + src: url('Lato-Light.3c97fe76.eot'); /* IE9 Compat Modes */ + src: url('Lato-Light.3c97fe76.eot?#iefix') format('embedded-opentype'), + url('Lato-Light.cb0c9583.woff2') format('woff2'), + url('Lato-Light.c9c59e8e.woff') format('woff'), + url('Lato-Light.9e982457.ttf') format('truetype'); + font-style: normal; + font-weight: normal; + text-rendering: optimizeLegibility; + font-display: swap; +} + +/* Webfont: Lato-LightItalic */@font-face { + font-family: 'LatoWebLight'; + src: url('Lato-LightItalic.184bf78e.eot'); /* IE9 Compat Modes */ + src: url('Lato-LightItalic.184bf78e.eot?#iefix') format('embedded-opentype'), + url('Lato-LightItalic.69b9e097.woff2') format('woff2'), + url('Lato-LightItalic.7d9facd5.woff') format('woff'), + url('Lato-LightItalic.82a482bf.ttf') format('truetype'); + font-style: italic; + font-weight: normal; + text-rendering: optimizeLegibility; + font-display: swap; +} +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #CCC; } + .mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; } + +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } + .mfp-close:hover, + .mfp-close:focus { + opacity: 1; } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333; } + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, + .mfp-arrow:focus { + opacity: 1; } + .mfp-arrow:before, + .mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; } + .mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; } + .mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } + .mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} +/* + + Name: shadowfox + Author: overdodactyl (http://github.com/overdodactyl) + + Original shadowfox color scheme by Firefox + +*/ + +.cm-s-shadowfox.CodeMirror { background: #2a2a2e; color: #b1b1b3; } +.cm-s-shadowfox div.CodeMirror-selected { background: #353B48; } +.cm-s-shadowfox .CodeMirror-line::selection, .cm-s-shadowfox .CodeMirror-line > span::selection, .cm-s-shadowfox .CodeMirror-line > span > span::selection { background: #353B48; } +.cm-s-shadowfox .CodeMirror-line::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span > span::-moz-selection { background: #353B48; } +.cm-s-shadowfox .CodeMirror-gutters { background: #0c0c0d ; border-right: 1px solid #0c0c0d; } +.cm-s-shadowfox .CodeMirror-guttermarker { color: #555; } +.cm-s-shadowfox .CodeMirror-linenumber { color: #939393; } +.cm-s-shadowfox .CodeMirror-cursor { border-left: 1px solid #fff; } + +.cm-s-shadowfox span.cm-comment { color: #939393; } +.cm-s-shadowfox span.cm-atom { color: #FF7DE9; } +.cm-s-shadowfox span.cm-quote { color: #FF7DE9; } +.cm-s-shadowfox span.cm-builtin { color: #FF7DE9; } +.cm-s-shadowfox span.cm-attribute { color: #FF7DE9; } +.cm-s-shadowfox span.cm-keyword { color: #FF7DE9; } +.cm-s-shadowfox span.cm-error { color: #FF7DE9; } + +.cm-s-shadowfox span.cm-number { color: #6B89FF; } +.cm-s-shadowfox span.cm-string { color: #6B89FF; } +.cm-s-shadowfox span.cm-string-2 { color: #6B89FF; } + +.cm-s-shadowfox span.cm-meta { color: #939393; } +.cm-s-shadowfox span.cm-hr { color: #939393; } + +.cm-s-shadowfox span.cm-header { color: #75BFFF; } +.cm-s-shadowfox span.cm-qualifier { color: #75BFFF; } +.cm-s-shadowfox span.cm-variable-2 { color: #75BFFF; } + +.cm-s-shadowfox span.cm-property { color: #86DE74; } + +.cm-s-shadowfox span.cm-def { color: #75BFFF; } +.cm-s-shadowfox span.cm-bracket { color: #75BFFF; } +.cm-s-shadowfox span.cm-tag { color: #75BFFF; } +.cm-s-shadowfox span.cm-link:visited { color: #75BFFF; } + +.cm-s-shadowfox span.cm-variable { color: #B98EFF; } +.cm-s-shadowfox span.cm-variable-3 { color: #d7d7db; } +.cm-s-shadowfox span.cm-link { color: #737373; } +.cm-s-shadowfox span.cm-operator { color: #b1b1b3; } +.cm-s-shadowfox span.cm-special { color: #d7d7db; } + +.cm-s-shadowfox .CodeMirror-activeline-background { background: rgba(185, 215, 253, .15) } +.cm-s-shadowfox .CodeMirror-matchingbracket { outline: solid 1px rgba(255, 255, 255, .25); color: white !important; } +/* +Purple color: #66317c +*/ + +/* ----------------------------------------------- */ + +/* BASIC SETUP */ + +/* ----------------------------------------------- */ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html, body { + background-color: #121212; + color: #939393; + font-family: 'LatoWebLight', sans-serif; + font-weight: 300; + font-size: 20px; + text-rendering: optimizeLegibility; + overflow-x: hidden; +} + +.clearfix { + zoom: 1; +} + +.clearfix:after { + content: '.'; + clear: both; + display: block; + height: 0; + visibility: hidden; +} + +/* ----------------------------------------------- */ + +/* REUSABLE COMPONENTS */ + +/* ----------------------------------------------- */ + +.row { + max-width: 1140px; + margin: 0 auto; +} + +section { + padding: 80px 0; +} + +.box { + padding: 1%; +} + +/* ----- HEADINGS ----- */ + +h1, h2, h3 { + font-weight: 300; + text-transform: uppercase; +} + +h1 { + margin-top: 0; + margin-bottom: 20px; + color: #fff; + font-size: 240%; + word-spacing: 4px; + letter-spacing: 1px; +} + +h2 { + font-size: 180%; + word-spacing: 2px; + text-align: center; + margin-bottom: 30px; + letter-spacing: 1px; +} + +h3 { + font-size: 110%; + margin-bottom: 15px; +} + +h2:after { + display: block; + height: 2px; + background-color: #66317c; + content: " "; + width: 100px; + margin: 0 auto; + margin-top: 30px; +} + +/* ----- PARAGRAPHS ----- */ + +.long-copy { + font-size: 90%; + line-height: 145%; + width: 70%; + margin-left: 15%; +} + +#customization .long-copy { + margin-top: 10px; +} + +.box p { + font-size: 90%; + line-height: 145%; +} + +/* ----- ICONS ----- */ + +.icon-big { + font-size: 350%; + display: block; + color: #66317c; + margin-bottom: 10px; +} + +.icon-small { + display: inline-block; + width: 30px; + text-align: center; + color: #66317c; + font-size: 120%; + margin-right: 10px; + /*secrets to align text and icons*/ + line-height: 120%; + vertical-align: middle; + margin-top: -5px; +} + +/* ----- LINKS ----- */ + +a:link, a:visited { + color: #66317c; + text-decoration: none; + padding-bottom: 1px; + border-bottom: 1px solid #66317c; + -webkit-transition: border-bottom 0.2s, color 0.2s; + transition: border-bottom 0.2s, color 0.2s; +} + +a:hover, a:active { + color: #555; + border-bottom: 1px solid transparent; +} + +/* ----- BUTTONS ----- */ + +.btn:link, .btn:visited, input[type=submit] { + display: inline-block; + padding: 10px 30px; + font-weight: 300; + text-decoration: none; + border-radius: 200px; + -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s; + transition: background-color 0.2s, border 0.2s, color 0.2s; +} + +.btn-full:link, .btn-full:visited, input[type=submit] { + background-color: #66317c; + border: 1px solid #66317c; + color: #fff; + margin-right: 15px; +} + +.btn-ghost:link, .btn-ghost:visited { + border: 1px solid #66317c; + color: #66317c; +} + +.btn:hover, .btn:active, input[type=submit]:hover, input[type=submit]:active { + background-color: #522764; +} + +.btn-full:hover, .btn-full:active { + border: 1px solid #522764; +} + +.btn-ghost:hover, .btn-ghost:active { + border: 1px solid #522764; + color: #fff; +} + +hr { + border-color: #727878; + opacity: 0.2; + filter: alpha(opacity=20); + width: 60%; + margin: 40px auto; +} + +/* ----------------------------------------------- */ + +/* HEADER */ + +/* ----------------------------------------------- */ + +header { + background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(GcP71BP-min.62448586.png); + background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(GcP71BP-min.62448586.png); + background-size: cover; + background-position: center; + height: 100vh; + background-attachment: fixed; +} + +.hero-text-box { + position: absolute; + width: 1140px; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.hero-text-box span { + font-size: 30%; + vertical-align: top; +} + +.scroll-down { + font-size: 60%; + display: block; + position: absolute; + bottom: 0px; + right: 2%; +} + +.logo { + height: 125px; + width: auto; + float: left; + margin-top: 20px; +} + +.logo-black { + display: none; + height: 50px; + width: auto; + float: left; + margin: 5px 0; +} + +/* Main navi */ + +.main-nav { + float: right; + list-style: none; + margin-top: 55px; +} + +.main-nav li { + display: inline-block; + margin-left: 40px; +} + +.main-nav li a:link, .main-nav li a:visited { + padding: 8px 0; + color: #fff; + text-decoration: none; + text-transform: uppercase; + font-size: 90%; + border-bottom: 2px solid transparent; + -webkit-transition: border-bottom 0.2s; + transition: border-bottom 0.2s; +} + +.main-nav li a:hover, .main-nav li a:active { + border-bottom: 2px solid #66317c; +} + +/* Mobile navi */ + +.mobile-nav-icon { + float: right; + margin-top: 30px; + cursor: pointer; + display: none; +} + +.mobile-nav-icon i { + font-size: 200%; + color: #fff; +} + +/* Sticky navi */ + +.sticky { + position: fixed; + top: 0; + left: 0; + width: 100%; + background-color: rgba(21, 21, 21, 0.98); + box-shadow: 0 2px 2px #0d0d0d; + z-index: 9999; +} + +.sticky .main-nav { + margin-top: 18px; +} + +.sticky .main-nav li a:link, .sticky .main-nav li a:visited { + padding: 16px 0; + color: #737373; +} + +.sticky .logo { + display: none; +} + +.sticky .logo-black { + display: block; +} + +/* ----------------------------------------------- */ + +/* FEATURES */ + +/* ----------------------------------------------- */ + +.section-features .long-copy { + margin-bottom: 30px; +} + +/* ----------------------------------------------- */ + +/* Images */ + +/* ----------------------------------------------- */ + +.section-images { + background-color: #151515; +} + +/* ----------------------------------------------- */ + +/* HOW IT WORKS SECTION */ + +/* ----------------------------------------------- */ + +.steps-box { + margin-top: 30px; + text-align: left; + padding-left: 3%; +} + +.works-step { + margin-bottom: 50px; +} + +.works-step:last-of-type { + margin-bottom: 80px; +} + +.works-step div { + color: #66317c; + font-size: 150%; + height: 54px; + width: 54px; + border: 2px solid #66317c; + border-radius: 50%; + display: inline-block; + text-align: center; + margin-right: 25px; + float: left; + padding: 5px; +} + +/* ----------------------------------------------- */ + +/* TESTIMONIALS */ + +/* ----------------------------------------------- */ + +.section-testimonials { + background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url('testimonials_bg.d164d092.jpg'); + background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), url('testimonials_bg.d164d092.jpg'); + background-size: cover; + color: #fff; + background-attachment: fixed; +} + +blockquote { + padding: 2%; + font-style: italic; + line-height: 145%; + position: relative; + margin-top: 40px; +} + +blockquote:before { + content: "\201C"; + font-size: 500%; + display: block; + position: absolute; + top: -5px; + left: -5px; +} + +/* ----------------------------------------------- */ + +/* Download */ + +/* ----------------------------------------------- */ + +.section-plans { + background-color: #151515; +} + +.os-box { + background-color: #121212; + border-radius: 5px; + width: 90%; + margin-left: 5%; + box-shadow: 0 2px 2px #1c1c1c; +} + +.os-box div { + padding: 15px; + border-bottom: 1px solid #2e2e2e; +} + +.os-box div:first-child { + background-color: #141414; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.os-box div:last-child { + text-align: center; + border: 0; +} + +.os-box ul { + list-style: none; +} + +.os-box ul li { + padding: 5px 0; + text-align: left; +} + +.os-box a { + border: 0; +} + + +/* ----------------------------------------------- */ + +/* FORM */ + +/* ----------------------------------------------- */ + +input[type=checkbox] { + margin: 10px 5px 10px 0; +} + +*:focus { + outline: none; +} + +/* ----------------------------------------------- */ + +/* UI CHANGES */ + +/* ----------------------------------------------- */ + +.chrome-options li { + list-style-type: none; + margin-left: 50px; + font-size: 70%; +} + +.row .cm-buttons { + margin-bottom: 10px; +} + +.row .cm-2 .CodeMirror.cm-s-shadowfox { + height: 500px; +} + +.download-css-2 { + margin-top: 10px; +} + +.collapsible { + background-color: transparent; + color: var(--main-accent-1); + cursor: pointer; + width: 100%; + border: none; + text-align: left; + outline: none; + font-size: 100%; +} + +.content { + padding: 0px 25px; + max-height: 0; + margin-top: -2px; + overflow: hidden; + transition: max-height 0.2s ease-out; +} + +.ui-section { + font-size: 90%; +} + +/* ----------------------------------------------- */ + +/* Animations */ + +/* ----------------------------------------------- */ + +.js--wp-1, .js--wp-2, .js--wp-3 { + opacity: 0; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} + +.js--wp-4 { + -webkit-animation-duration: 1s; + animation-duration: 1s; +} + +.js--wp-1.animated, .js--wp-2.animated, .js--wp-3.animated { + opacity: 1; +} + +.mfp-bg { + opacity: .97 !important; +} + +.popup-gallery img { + width: 22%; + margin: 4px 4px; +} + +.gallery { + text-align: center; +} + +.gallery a:link, .gallery a:visited { + border: 0; +} + +.bullets { + margin-left: 25%; + margin-top: 25px; + line-height: 200%; +} + +.long-copy a { + border: 0; +} + +.CodeMirror-gutters { + background: #1B1B1D !important; +} + +.color-options { + display: block; +} + +.insert-options li { + font-size: 80%; +} + +input[type="color"] { + margin-right: 5px; + margin-left: 10px; +} + +#accent-1 { + margin-left: 0; +} + +.color-options { + font-size: 80%; +} + +.cm-buttons, .colors-download { + text-align: right; +} + +.color-options .col { + margin-bottom: 0; +} + +.cm-buttons input[type="submit"], .colors-download input[type="submit"] { + padding: 4px 15px; + border-radius: 10px; + margin-right: 0; +} + +#shade { + margin-left: 40px; + color: #000; +} + +.cm-shade { + text-align-last: center; +} + +.section-codemirror .CodeMirror.cm-s-shadowfox { + height: 220px; +} + +.colors-download .col { + margin-top: 0; +} + +.collapsible { + background-color: #121212; + color: white; + cursor: pointer; + padding: 18px; + width: 100%; + border: none; + text-align: left; + outline: none; +} + +.active, .collapsible:hover { + background-color: #050505; +} + +.content { + padding: 0 18px; + max-height: 0; + overflow: hidden; + transition: max-height 0.2s ease-out; +} + +/* ----------------------------------------------- */ + +/* FOOTER */ + +/* ----------------------------------------------- */ + +footer { + background-color: #020202; + padding: 50px; + font-size: 80%; +} + +.footer-nav { + list-style: none; + float: left; +} + +.social-links { + list-style: none; + float: right; +} + +.footer-nav li, .social-links li { + display: inline-block; + margin-right: 20px; +} + +.footer-nav li:last-child, .social-links li:last-child { + margin-right: 0; +} + +.footer-nav li a:link, .footer-nav li a:visited, .social-links li a:link, .social-links li a:visited { + text-decoration: none; + border: 0; + color: #888; + -webkit-transition: color 0.2s; + transition: color 0.2s; +} + +.footer-nav li a:hover, .footer-nav li a:active { + color: #ddd; +} + +footer p { + color: #888; + text-align: center; + margin-top: 20px; +} + +.social-links li a:link, .social-links li a:visited { + font-size: 160%; +} + +.ion-social-reddit, .ion-social-github, .ion-pound { + -webkit-transition: color 0.2s; + transition: color 0.2s; +} + +.social-links li:last-child { + transform: rotate(72deg); +} + +.ion-social-github:hover { + color: #4078c0; +} + +.ion-social-reddit:hover { + color: #ff4500; +} + +.ion-pound:hover { + color: #e9a820; +} + +.cm-box { + font-size: 70%; +} + +.insert-options { + list-style: none; +} +/* Big tablet to 1200px (widths smaller taht the 1140px row) */ +@media only screen and (max-width: 1200px) { + .hero-text-box { + width: 100%; + padding: 0 2%; + } + + .row { padding: 0 2%; } +} + +@media only screen and (max-width: 1024px) { + header { + background-attachment: scroll; + } +} + +/* Small tablet to big tablet: from 768px to 1023px */ +@media only screen and (max-width: 1023px) { + + body { font-size: 18px; } + section { padding: 60px 0; } + + header { background-attachment: scroll; } + + .long-copy { + width: 80%; + margin-left: 10%; + } + + .steps-box { margin-top: 10px; } + .steps-box:last-child { margin-top: 10px; } + .works-steps { margin-bottom: 40px; } + .works-step:last-of-type { margin-bottom: 60px; } + + .app-screen { width: 50%; } + + .icon-small { + width: 17px; + margin-right: 5px; + } +} + +/* Small phones to small tablets: from 481px to 767px */ +@media only screen and (max-width: 767px) { + body { font-size: 16px; } + section { padding: 30px 0; } + + .row, + .hero-text-box { padding: 0 4%; } + .col { + width: 100%; + margin: 0 0 4% 0; + } + + .main-nav { display: none; } + .mobile-nav-icon { + display: inline-block; + position: relative; + z-index: 9999; + } + + .main-nav { + float: none; + position: absolute; + z-index: 8888; + width: 100%; + /*height: 100vh;*/ + margin: 0; + margin-left: -4%; + background-color: rgba(0, 0, 0, 0.9); + text-align: center; + padding: 10px 0; + } + + .main-nav li { + display: block; + margin-left: 0; + font-size: 110%; + } + + .main-nav li a:link, + .main-nav li a:visited { + display: block; + border: 0; + padding: 10px 0; + font-size: 100%; + } + + .sticky .main-nav { margin-top: 0; } + + .sticky .main-nav li a:link, + .sticky .main-nav li a:visited { + padding: 10px 0; + color: #fff; + } + + .sticky .mobile-nav-icon { margin-top: 10px; } + .sticky .mobile-nav-icon i { color: #555; } + .sticky .mobile-nav-icon i.ion-close-round { color: #fff; } + + h1 { font-size: 180%; } + h2 { font-size: 150%; } + + .long-copy { + width: 100%; + margin-left: 0%; + } + + .works-step div { + height: 40px; + width: 40px; + margin-right: 15px; + padding: 4px; + font-size: 120%; + } + + .works-step { margin-bottom: 20px; } + .works-step:last-of-type { margin-bottom: 20px; } + + .social-links, + .footer-nav { + float: none; + text-align: center; + } + +} + +/* Small phones: from 0 to 480px */ +@media only screen and (max-width: 480px) { + section { padding: 25px 0; } +} + +@media only screen and (max-width: 350px) { + h1 { font-size: 150%;} +} + +@media only screen and (max-height: 450px) { + .hero-text-box { margin-top: 40px; } +} + diff --git a/website/dist/website.9ad09f98.js b/website/dist/website.9ad09f98.js new file mode 100644 index 0000000..57b52d1 --- /dev/null +++ b/website/dist/website.9ad09f98.js @@ -0,0 +1,472 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +// eslint-disable-next-line no-global-assign +parcelRequire = (function (modules, cache, entry, globalName) { + // Save the require from previous bundle to this closure if any + var previousRequire = typeof parcelRequire === 'function' && parcelRequire; + var nodeRequire = typeof require === 'function' && require; + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = typeof parcelRequire === 'function' && parcelRequire; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error('Cannot find module \'' + name + '\''); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = cache[name] = new newRequire.Module(name); + + modules[name][0].call(module.exports, localRequire, module, module.exports, this); + } + + return cache[name].exports; + + function localRequire(x){ + return newRequire(localRequire.resolve(x)); + } + + function resolve(x){ + return modules[name][1][x] || x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [function (require, module) { + module.exports = exports; + }, {}]; + }; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (entry.length) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(entry[entry.length - 1]); + + // CommonJS + if (typeof exports === "object" && typeof module !== "undefined") { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === "function" && define.amd) { + define(function () { + return mainExports; + }); + + // diff --git a/no_empty_iframes/README.md b/website/no_empty_iframes/README.md similarity index 100% rename from no_empty_iframes/README.md rename to website/no_empty_iframes/README.md diff --git a/no_empty_iframes/manifest.json b/website/no_empty_iframes/manifest.json similarity index 100% rename from no_empty_iframes/manifest.json rename to website/no_empty_iframes/manifest.json diff --git a/no_empty_iframes/no_empty_iframes.js b/website/no_empty_iframes/no_empty_iframes.js similarity index 100% rename from no_empty_iframes/no_empty_iframes.js rename to website/no_empty_iframes/no_empty_iframes.js diff --git a/website/no_empty_iframes/no_empty_iframes.zip b/website/no_empty_iframes/no_empty_iframes.zip new file mode 100644 index 0000000..31feefd Binary files /dev/null and b/website/no_empty_iframes/no_empty_iframes.zip differ diff --git a/website/no_empty_iframes/readme.html b/website/no_empty_iframes/readme.html new file mode 100644 index 0000000..0c5028b --- /dev/null +++ b/website/no_empty_iframes/readme.html @@ -0,0 +1,13 @@ +

No Empty iframes

+

What it does

+

No Empty iframes adds a blank div to any iframes that have an empty body.

+

That sounds useless…what’s the point?

+

ShadowFox utilizes userContent.css and userChrome.css to create a universal dark theme for Firefox. In part, this means styling about:blank. A complication of this is that about:blank is also used for anonymous frames on webpages. Generally, iframes will contain content, making the following css rule specific enough:

+
html > body:empty {
+    background-color: var(--in-content-page-background)!important;
+    margin: 0!important
+}
+

Some pages, however, have empty iframes that cause readability issues (see #222).

+

This extension injects an empty div into such iframes, allowing the rule above to work.

+

Better approaches?

+

If anyone has a better approach/workaround for this problem, I would appreciate any suggestions.

diff --git a/website/no_empty_iframes_testpage.html b/website/no_empty_iframes_testpage.html new file mode 100644 index 0000000..d84432a --- /dev/null +++ b/website/no_empty_iframes_testpage.html @@ -0,0 +1,107 @@ + + + + + + + + + ShadowFox + + + + + + + + + + + + + + +
+ +
+
+
+

No Empty iframes


+

+ ShadowFox styles about:blank in order to maintain a universal dark theme. An unfortunate consequence of this is that empty iframes on webpages are unintentionally styled (see here). No Empty iframes is a simple extension available on AMO that solves this problem by adding a content-less div to the body of any empty iframe.

+ + Below is a simple test for No Empty iframes. The first iframe has no content, and the second does. Both iframes should have a green background, but with just ShadowFox installed, you will notice the first is grey.

+ + With No Empty iframes installed (or ShadowFox uninstalled), both boxes should be green.


+

+
+ + +
+
+
+
+
+

Alternatives

+

+ No Empty iframes is very simple extension, and the following code could be easily be applied via an extension like Violentmonkey.


+

+ +
+
+ + + + + + + diff --git a/website/resources/js/script.js b/website/resources/js/script.js index ec90682..9bb19cb 100644 --- a/website/resources/js/script.js +++ b/website/resources/js/script.js @@ -159,6 +159,7 @@ var readOnlyColors = CodeMirror.fromTextArea(code, { readOnly: true }); + $(document).on('click', '.btn-insert-text', function() { var uct = "/* GPL-3.9 Copyright (C) 2007 Timvde/UserChrome-Tweaks; Code pulled from https://github.com/Timvde/UserChrome-Tweaks */" var dict = { diff --git a/website/resources/js/testpage.js b/website/resources/js/testpage.js new file mode 100644 index 0000000..cc9439c --- /dev/null +++ b/website/resources/js/testpage.js @@ -0,0 +1,18 @@ +window.jQuery = window.$ = require("jquery"); +var CodeMirror = require('codemirror'); +require('codemirror/mode/javascript/javascript.js'); + +// Insert content into second iframe +var doc = document.getElementById('iframe_content').contentWindow.document; +doc.open(); +doc.write('Hello World'); +doc.close(); + +// Codemirror +var code = $('.codemirror-textarea')[0]; +var iframes_test = CodeMirror.fromTextArea(code, { + lineNumbers: true, + mode: "javascript", + theme: "shadowfox", + readOnly: true +}); \ No newline at end of file diff --git a/website/vendors/css/ionicons.css b/website/vendors/css/ionicons.css index 4b42208..126d80a 100755 --- a/website/vendors/css/ionicons.css +++ b/website/vendors/css/ionicons.css @@ -34,7 +34,8 @@ .ion-social-github:before, .ion-social-reddit:before, .ion-pound:before, -.ion-navicon-round:before { +.ion-navicon-round:before, +.ion-ios-home:before{ display: inline-block; font-family: "Ionicons"; speak: none; @@ -65,3 +66,4 @@ .ion-social-reddit:before{content:"\f23b"} .ion-pound:before{content:"\f219"} .ion-navicon-round:before{content:"\f20d"} +.ion-ios-home:before{content:"\f448"}