From e86f381f8024360fa6b987a5cb5339b8fe475699 Mon Sep 17 00:00:00 2001 From: Retalyx Date: Thu, 28 Jul 2016 08:57:21 +0200 Subject: [PATCH] =?UTF-8?q?Scanned=20Pok=C3=A9mons/Gyms/Pok=C3=A9Stops=20S?= =?UTF-8?q?tatistics=20with=20Switch=20(#1552)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Added Statistics for Scanned Pokémons, Gyms, and Pokéstops * Added pokédex links * Better switch handling, and moved stats on a new right panel --- Gruntfile.js | 3 +- static/css/main.css | 3163 +++++++++++++------------------ static/dist/css/app.min.css | 2 +- static/dist/js/app.min.js | 2 +- static/dist/js/map.js | 416 ++-- static/dist/js/stats.js | 134 ++ static/js/app.js | 37 +- static/js/stats.js | 166 ++ static/map.js | 36 +- static/sass/layout/_header.scss | 19 + static/sass/layout/_stats.scss | 109 ++ static/sass/main.scss | 1 + templates/map.html | 28 + 13 files changed, 1985 insertions(+), 2131 deletions(-) create mode 100644 static/dist/js/stats.js create mode 100644 static/js/stats.js create mode 100644 static/sass/layout/_stats.scss diff --git a/Gruntfile.js b/Gruntfile.js index d0a86d6fca..d54f805c85 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -31,7 +31,8 @@ module.exports = function(grunt) { dist: { files: { 'static/dist/js/app.js': 'static/js/app.js', - 'static/dist/js/map.js': 'static/map.js' + 'static/dist/js/map.js': 'static/map.js', + 'static/dist/js/stats.js': 'static/js/stats.js' } } }, diff --git a/static/css/main.css b/static/css/main.css index f68c9328a2..6d3e88ba90 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,254 +1,223 @@ @charset "UTF-8"; - @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css); - @import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css); /* Reset */ @import url(https://fonts.googleapis.com/css?family=Muli:400,300); - html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; - vertical-align: baseline; -} + vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; -} + display: block; } body { - line-height: 1; -} + line-height: 1; } ol, ul { - list-style: none; -} + list-style: none; } blockquote, q { - quotes: none; -} + quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; - content: none; -} + content: none; } table { border-collapse: collapse; - border-spacing: 0; -} + border-spacing: 0; } body { - -webkit-text-size-adjust: none; -} + -webkit-text-size-adjust: none; } /* Box Model */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } /* Grid */ .row { border-bottom: solid 1px transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } .row > * { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } .row:after, .row:before { content: ''; display: block; clear: both; - height: 0; -} + height: 0; } .row.uniform > * > :first-child { - margin-top: 0; -} + margin-top: 0; } .row.uniform > * > :last-child { - margin-bottom: 0; -} + margin-bottom: 0; } .row.\30 \25 > * { - padding: 0 0 0 0em; -} + padding: 0 0 0 0em; } -.row.\30 \25 { - margin: 0 0 -1px 0em; -} +.row.\30 \25 +{ + margin: 0 0 -1px 0em; } .row.uniform.\30 \25 > * { - padding: 0em 0 0 0em; -} + padding: 0em 0 0 0em; } -.row.uniform.\30 \25 { - margin: 0em 0 -1px 0em; -} +.row.uniform.\30 \25 +{ + margin: 0em 0 -1px 0em; } .row > * { - padding: 0 0 0 2em; -} + padding: 0 0 0 2em; } .row { - margin: 0 0 -1px -2em; -} + margin: 0 0 -1px -2em; } .row.uniform > * { - padding: 2em 0 0 2em; -} + padding: 2em 0 0 2em; } .row.uniform { - margin: -2em 0 -1px -2em; -} + margin: -2em 0 -1px -2em; } .row.\32 00\25 > * { - padding: 0 0 0 4em; -} + padding: 0 0 0 4em; } -.row.\32 00\25 { - margin: 0 0 -1px -4em; -} +.row.\32 00\25 +{ + margin: 0 0 -1px -4em; } .row.uniform.\32 00\25 > * { - padding: 4em 0 0 4em; -} + padding: 4em 0 0 4em; } -.row.uniform.\32 00\25 { - margin: -4em 0 -1px -4em; -} +.row.uniform.\32 00\25 +{ + margin: -4em 0 -1px -4em; } .row.\31 50\25 > * { - padding: 0 0 0 3em; -} + padding: 0 0 0 3em; } -.row.\31 50\25 { - margin: 0 0 -1px -3em; -} +.row.\31 50\25 +{ + margin: 0 0 -1px -3em; } .row.uniform.\31 50\25 > * { - padding: 3em 0 0 3em; -} + padding: 3em 0 0 3em; } -.row.uniform.\31 50\25 { - margin: -3em 0 -1px -3em; -} +.row.uniform.\31 50\25 +{ + margin: -3em 0 -1px -3em; } .row.\35 0\25 > * { - padding: 0 0 0 1em; -} + padding: 0 0 0 1em; } -.row.\35 0\25 { - margin: 0 0 -1px -1em; -} +.row.\35 0\25 +{ + margin: 0 0 -1px -1em; } .row.uniform.\35 0\25 > * { - padding: 1em 0 0 1em; -} + padding: 1em 0 0 1em; } -.row.uniform.\35 0\25 { - margin: -1em 0 -1px -1em; -} +.row.uniform.\35 0\25 +{ + margin: -1em 0 -1px -1em; } .row.\32 5\25 > * { - padding: 0 0 0 0.5em; -} + padding: 0 0 0 0.5em; } -.row.\32 5\25 { - margin: 0 0 -1px -0.5em; -} +.row.\32 5\25 +{ + margin: 0 0 -1px -0.5em; } .row.uniform.\32 5\25 > * { - padding: 0.5em 0 0 0.5em; -} + padding: 0.5em 0 0 0.5em; } -.row.uniform.\32 5\25 { - margin: -0.5em 0 -1px -0.5em; -} +.row.uniform.\32 5\25 +{ + margin: -0.5em 0 -1px -0.5em; } -.\31 2u, .\31 2u\24 { +.\31 2u, .\31 2u\24 +{ width: 100%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\31 1u, .\31 1u\24 { +.\31 1u, .\31 1u\24 +{ width: 91.6666666667%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\31 0u, .\31 0u\24 { +.\31 0u, .\31 0u\24 +{ width: 83.3333333333%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\39 u, .\39 u\24 { +.\39 u, .\39 u\24 +{ width: 75%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\38 u, .\38 u\24 { +.\38 u, .\38 u\24 +{ width: 66.6666666667%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\37 u, .\37 u\24 { +.\37 u, .\37 u\24 +{ width: 58.3333333333%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\36 u, .\36 u\24 { +.\36 u, .\36 u\24 +{ width: 50%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\35 u, .\35 u\24 { +.\35 u, .\35 u\24 +{ width: 41.6666666667%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\34 u, .\34 u\24 { +.\34 u, .\34 u\24 +{ width: 33.3333333333%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\33 u, .\33 u\24 { +.\33 u, .\33 u\24 +{ width: 25%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\32 u, .\32 u\24 { +.\32 u, .\32 u\24 +{ width: 16.6666666667%; clear: none; - margin-left: 0; -} + margin-left: 0; } -.\31 u, .\31 u\24 { +.\31 u, .\31 u\24 +{ width: 8.3333333333%; clear: none; - margin-left: 0; -} + margin-left: 0; } .\31 2u\24 + *, .\31 1u\24 + *, @@ -262,206 +231,150 @@ body { .\33 u\24 + *, .\32 u\24 + *, .\31 u\24 + * { - clear: left; -} + clear: left; } .\-11u { - margin-left: 91.6666666667%; -} + margin-left: 91.6666666667%; } .\-10u { - margin-left: 83.3333333333%; -} + margin-left: 83.3333333333%; } .\-9u { - margin-left: 75%; -} + margin-left: 75%; } .\-8u { - margin-left: 66.6666666667%; -} + margin-left: 66.6666666667%; } .\-7u { - margin-left: 58.3333333333%; -} + margin-left: 58.3333333333%; } .\-6u { - margin-left: 50%; -} + margin-left: 50%; } .\-5u { - margin-left: 41.6666666667%; -} + margin-left: 41.6666666667%; } .\-4u { - margin-left: 33.3333333333%; -} + margin-left: 33.3333333333%; } .\-3u { - margin-left: 25%; -} + margin-left: 25%; } .\-2u { - margin-left: 16.6666666667%; -} + margin-left: 16.6666666667%; } .\-1u { - margin-left: 8.3333333333%; -} + margin-left: 8.3333333333%; } @media screen and (max-width: 1680px) { .row > * { - padding: 0 0 0 2em; - } - + padding: 0 0 0 2em; } .row { - margin: 0 0 -1px -2em; - } - + margin: 0 0 -1px -2em; } .row.uniform > * { - padding: 2em 0 0 2em; - } - + padding: 2em 0 0 2em; } .row.uniform { - margin: -2em 0 -1px -2em; - } - + margin: -2em 0 -1px -2em; } .row.\32 00\25 > * { - padding: 0 0 0 4em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -4em; - } - + padding: 0 0 0 4em; } + .row.\32 00\25 +{ + margin: 0 0 -1px -4em; } .row.uniform.\32 00\25 > * { - padding: 4em 0 0 4em; - } - - .row.uniform.\32 00\25 { - margin: -4em 0 -1px -4em; - } - + padding: 4em 0 0 4em; } + .row.uniform.\32 00\25 +{ + margin: -4em 0 -1px -4em; } .row.\31 50\25 > * { - padding: 0 0 0 3em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -3em; - } - + padding: 0 0 0 3em; } + .row.\31 50\25 +{ + margin: 0 0 -1px -3em; } .row.uniform.\31 50\25 > * { - padding: 3em 0 0 3em; - } - - .row.uniform.\31 50\25 { - margin: -3em 0 -1px -3em; - } - + padding: 3em 0 0 3em; } + .row.uniform.\31 50\25 +{ + margin: -3em 0 -1px -3em; } .row.\35 0\25 > * { - padding: 0 0 0 1em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -1em; - } - + padding: 0 0 0 1em; } + .row.\35 0\25 +{ + margin: 0 0 -1px -1em; } .row.uniform.\35 0\25 > * { - padding: 1em 0 0 1em; - } - - .row.uniform.\35 0\25 { - margin: -1em 0 -1px -1em; - } - + padding: 1em 0 0 1em; } + .row.uniform.\35 0\25 +{ + margin: -1em 0 -1px -1em; } .row.\32 5\25 > * { - padding: 0 0 0 0.5em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.5em; - } - + padding: 0 0 0 0.5em; } + .row.\32 5\25 +{ + margin: 0 0 -1px -0.5em; } .row.uniform.\32 5\25 > * { - padding: 0.5em 0 0 0.5em; - } - - .row.uniform.\32 5\25 { - margin: -0.5em 0 -1px -0.5em; - } - - .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 { + padding: 0.5em 0 0 0.5em; } + .row.uniform.\32 5\25 +{ + margin: -0.5em 0 -1px -0.5em; } + .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 +{ width: 100%; clear: none; - margin-left: 0; - } - - .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 { + margin-left: 0; } + .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 +{ width: 91.6666666667%; clear: none; - margin-left: 0; - } - - .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 { + margin-left: 0; } + .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 +{ width: 83.3333333333%; clear: none; - margin-left: 0; - } - - .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 { + margin-left: 0; } + .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 +{ width: 75%; clear: none; - margin-left: 0; - } - - .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 { + margin-left: 0; } + .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 +{ width: 66.6666666667%; clear: none; - margin-left: 0; - } - - .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 { + margin-left: 0; } + .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 +{ width: 58.3333333333%; clear: none; - margin-left: 0; - } - - .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 { + margin-left: 0; } + .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 +{ width: 50%; clear: none; - margin-left: 0; - } - - .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 { + margin-left: 0; } + .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 +{ width: 41.6666666667%; clear: none; - margin-left: 0; - } - - .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 { + margin-left: 0; } + .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 +{ width: 33.3333333333%; clear: none; - margin-left: 0; - } - - .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 { + margin-left: 0; } + .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 +{ width: 25%; clear: none; - margin-left: 0; - } - - .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 { + margin-left: 0; } + .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 +{ width: 16.6666666667%; clear: none; - margin-left: 0; - } - - .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 { + margin-left: 0; } + .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 +{ width: 8.3333333333%; clear: none; - margin-left: 0; - } - + margin-left: 0; } .\31 2u\24\28xlarge\29 + *, .\31 1u\24\28xlarge\29 + *, .\31 0u\24\28xlarge\29 + *, @@ -474,207 +387,150 @@ body { .\33 u\24\28xlarge\29 + *, .\32 u\24\28xlarge\29 + *, .\31 u\24\28xlarge\29 + * { - clear: left; - } - - .\-11u\28xlarge\29 { - margin-left: 91.6666666667%; - } - - .\-10u\28xlarge\29 { - margin-left: 83.3333333333%; - } - - .\-9u\28xlarge\29 { - margin-left: 75%; - } - - .\-8u\28xlarge\29 { - margin-left: 66.6666666667%; - } - - .\-7u\28xlarge\29 { - margin-left: 58.3333333333%; - } - - .\-6u\28xlarge\29 { - margin-left: 50%; - } - - .\-5u\28xlarge\29 { - margin-left: 41.6666666667%; - } - - .\-4u\28xlarge\29 { - margin-left: 33.3333333333%; - } - - .\-3u\28xlarge\29 { - margin-left: 25%; - } - - .\-2u\28xlarge\29 { - margin-left: 16.6666666667%; - } - - .\-1u\28xlarge\29 { - margin-left: 8.3333333333%; - }; -} + clear: left; } + .\-11u\28xlarge\29 +{ + margin-left: 91.6666666667%; } + .\-10u\28xlarge\29 +{ + margin-left: 83.3333333333%; } + .\-9u\28xlarge\29 +{ + margin-left: 75%; } + .\-8u\28xlarge\29 +{ + margin-left: 66.6666666667%; } + .\-7u\28xlarge\29 +{ + margin-left: 58.3333333333%; } + .\-6u\28xlarge\29 +{ + margin-left: 50%; } + .\-5u\28xlarge\29 +{ + margin-left: 41.6666666667%; } + .\-4u\28xlarge\29 +{ + margin-left: 33.3333333333%; } + .\-3u\28xlarge\29 +{ + margin-left: 25%; } + .\-2u\28xlarge\29 +{ + margin-left: 16.6666666667%; } + .\-1u\28xlarge\29 +{ + margin-left: 8.3333333333%; } } @media screen and (max-width: 1280px) { .row > * { - padding: 0 0 0 1.5em; - } - + padding: 0 0 0 1.5em; } .row { - margin: 0 0 -1px -1.5em; - } - + margin: 0 0 -1px -1.5em; } .row.uniform > * { - padding: 1.5em 0 0 1.5em; - } - + padding: 1.5em 0 0 1.5em; } .row.uniform { - margin: -1.5em 0 -1px -1.5em; - } - + margin: -1.5em 0 -1px -1.5em; } .row.\32 00\25 > * { - padding: 0 0 0 3em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -3em; - } - + padding: 0 0 0 3em; } + .row.\32 00\25 +{ + margin: 0 0 -1px -3em; } .row.uniform.\32 00\25 > * { - padding: 3em 0 0 3em; - } - - .row.uniform.\32 00\25 { - margin: -3em 0 -1px -3em; - } - + padding: 3em 0 0 3em; } + .row.uniform.\32 00\25 +{ + margin: -3em 0 -1px -3em; } .row.\31 50\25 > * { - padding: 0 0 0 2.25em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -2.25em; - } - + padding: 0 0 0 2.25em; } + .row.\31 50\25 +{ + margin: 0 0 -1px -2.25em; } .row.uniform.\31 50\25 > * { - padding: 2.25em 0 0 2.25em; - } - - .row.uniform.\31 50\25 { - margin: -2.25em 0 -1px -2.25em; - } - + padding: 2.25em 0 0 2.25em; } + .row.uniform.\31 50\25 +{ + margin: -2.25em 0 -1px -2.25em; } .row.\35 0\25 > * { - padding: 0 0 0 0.75em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.75em; - } - + padding: 0 0 0 0.75em; } + .row.\35 0\25 +{ + margin: 0 0 -1px -0.75em; } .row.uniform.\35 0\25 > * { - padding: 0.75em 0 0 0.75em; - } - - .row.uniform.\35 0\25 { - margin: -0.75em 0 -1px -0.75em; - } - + padding: 0.75em 0 0 0.75em; } + .row.uniform.\35 0\25 +{ + margin: -0.75em 0 -1px -0.75em; } .row.\32 5\25 > * { - padding: 0 0 0 0.375em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.375em; - } - + padding: 0 0 0 0.375em; } + .row.\32 5\25 +{ + margin: 0 0 -1px -0.375em; } .row.uniform.\32 5\25 > * { - padding: 0.375em 0 0 0.375em; - } - - .row.uniform.\32 5\25 { - margin: -0.375em 0 -1px -0.375em; - } - - .\31 2u\28large\29, .\31 2u\24\28large\29 { + padding: 0.375em 0 0 0.375em; } + .row.uniform.\32 5\25 +{ + margin: -0.375em 0 -1px -0.375em; } + .\31 2u\28large\29, .\31 2u\24\28large\29 +{ width: 100%; clear: none; - margin-left: 0; - } - - .\31 1u\28large\29, .\31 1u\24\28large\29 { + margin-left: 0; } + .\31 1u\28large\29, .\31 1u\24\28large\29 +{ width: 91.6666666667%; clear: none; - margin-left: 0; - } - - .\31 0u\28large\29, .\31 0u\24\28large\29 { + margin-left: 0; } + .\31 0u\28large\29, .\31 0u\24\28large\29 +{ width: 83.3333333333%; clear: none; - margin-left: 0; - } - - .\39 u\28large\29, .\39 u\24\28large\29 { + margin-left: 0; } + .\39 u\28large\29, .\39 u\24\28large\29 +{ width: 75%; clear: none; - margin-left: 0; - } - - .\38 u\28large\29, .\38 u\24\28large\29 { + margin-left: 0; } + .\38 u\28large\29, .\38 u\24\28large\29 +{ width: 66.6666666667%; clear: none; - margin-left: 0; - } - - .\37 u\28large\29, .\37 u\24\28large\29 { + margin-left: 0; } + .\37 u\28large\29, .\37 u\24\28large\29 +{ width: 58.3333333333%; clear: none; - margin-left: 0; - } - - .\36 u\28large\29, .\36 u\24\28large\29 { + margin-left: 0; } + .\36 u\28large\29, .\36 u\24\28large\29 +{ width: 50%; clear: none; - margin-left: 0; - } - - .\35 u\28large\29, .\35 u\24\28large\29 { + margin-left: 0; } + .\35 u\28large\29, .\35 u\24\28large\29 +{ width: 41.6666666667%; clear: none; - margin-left: 0; - } - - .\34 u\28large\29, .\34 u\24\28large\29 { + margin-left: 0; } + .\34 u\28large\29, .\34 u\24\28large\29 +{ width: 33.3333333333%; clear: none; - margin-left: 0; - } - - .\33 u\28large\29, .\33 u\24\28large\29 { + margin-left: 0; } + .\33 u\28large\29, .\33 u\24\28large\29 +{ width: 25%; clear: none; - margin-left: 0; - } - - .\32 u\28large\29, .\32 u\24\28large\29 { + margin-left: 0; } + .\32 u\28large\29, .\32 u\24\28large\29 +{ width: 16.6666666667%; clear: none; - margin-left: 0; - } - - .\31 u\28large\29, .\31 u\24\28large\29 { + margin-left: 0; } + .\31 u\28large\29, .\31 u\24\28large\29 +{ width: 8.3333333333%; clear: none; - margin-left: 0; - } - + margin-left: 0; } .\31 2u\24\28large\29 + *, .\31 1u\24\28large\29 + *, .\31 0u\24\28large\29 + *, @@ -687,207 +543,150 @@ body { .\33 u\24\28large\29 + *, .\32 u\24\28large\29 + *, .\31 u\24\28large\29 + * { - clear: left; - } - - .\-11u\28large\29 { - margin-left: 91.6666666667%; - } - - .\-10u\28large\29 { - margin-left: 83.3333333333%; - } - - .\-9u\28large\29 { - margin-left: 75%; - } - - .\-8u\28large\29 { - margin-left: 66.6666666667%; - } - - .\-7u\28large\29 { - margin-left: 58.3333333333%; - } - - .\-6u\28large\29 { - margin-left: 50%; - } - - .\-5u\28large\29 { - margin-left: 41.6666666667%; - } - - .\-4u\28large\29 { - margin-left: 33.3333333333%; - } - - .\-3u\28large\29 { - margin-left: 25%; - } - - .\-2u\28large\29 { - margin-left: 16.6666666667%; - } - - .\-1u\28large\29 { - margin-left: 8.3333333333%; - }; -} + clear: left; } + .\-11u\28large\29 +{ + margin-left: 91.6666666667%; } + .\-10u\28large\29 +{ + margin-left: 83.3333333333%; } + .\-9u\28large\29 +{ + margin-left: 75%; } + .\-8u\28large\29 +{ + margin-left: 66.6666666667%; } + .\-7u\28large\29 +{ + margin-left: 58.3333333333%; } + .\-6u\28large\29 +{ + margin-left: 50%; } + .\-5u\28large\29 +{ + margin-left: 41.6666666667%; } + .\-4u\28large\29 +{ + margin-left: 33.3333333333%; } + .\-3u\28large\29 +{ + margin-left: 25%; } + .\-2u\28large\29 +{ + margin-left: 16.6666666667%; } + .\-1u\28large\29 +{ + margin-left: 8.3333333333%; } } @media screen and (max-width: 980px) { .row > * { - padding: 0 0 0 1.5em; - } - + padding: 0 0 0 1.5em; } .row { - margin: 0 0 -1px -1.5em; - } - + margin: 0 0 -1px -1.5em; } .row.uniform > * { - padding: 1.5em 0 0 1.5em; - } - + padding: 1.5em 0 0 1.5em; } .row.uniform { - margin: -1.5em 0 -1px -1.5em; - } - + margin: -1.5em 0 -1px -1.5em; } .row.\32 00\25 > * { - padding: 0 0 0 3em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -3em; - } - + padding: 0 0 0 3em; } + .row.\32 00\25 +{ + margin: 0 0 -1px -3em; } .row.uniform.\32 00\25 > * { - padding: 3em 0 0 3em; - } - - .row.uniform.\32 00\25 { - margin: -3em 0 -1px -3em; - } - + padding: 3em 0 0 3em; } + .row.uniform.\32 00\25 +{ + margin: -3em 0 -1px -3em; } .row.\31 50\25 > * { - padding: 0 0 0 2.25em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -2.25em; - } - + padding: 0 0 0 2.25em; } + .row.\31 50\25 +{ + margin: 0 0 -1px -2.25em; } .row.uniform.\31 50\25 > * { - padding: 2.25em 0 0 2.25em; - } - - .row.uniform.\31 50\25 { - margin: -2.25em 0 -1px -2.25em; - } - + padding: 2.25em 0 0 2.25em; } + .row.uniform.\31 50\25 +{ + margin: -2.25em 0 -1px -2.25em; } .row.\35 0\25 > * { - padding: 0 0 0 0.75em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.75em; - } - + padding: 0 0 0 0.75em; } + .row.\35 0\25 +{ + margin: 0 0 -1px -0.75em; } .row.uniform.\35 0\25 > * { - padding: 0.75em 0 0 0.75em; - } - - .row.uniform.\35 0\25 { - margin: -0.75em 0 -1px -0.75em; - } - + padding: 0.75em 0 0 0.75em; } + .row.uniform.\35 0\25 +{ + margin: -0.75em 0 -1px -0.75em; } .row.\32 5\25 > * { - padding: 0 0 0 0.375em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.375em; - } - + padding: 0 0 0 0.375em; } + .row.\32 5\25 +{ + margin: 0 0 -1px -0.375em; } .row.uniform.\32 5\25 > * { - padding: 0.375em 0 0 0.375em; - } - - .row.uniform.\32 5\25 { - margin: -0.375em 0 -1px -0.375em; - } - - .\31 2u\28medium\29, .\31 2u\24\28medium\29 { + padding: 0.375em 0 0 0.375em; } + .row.uniform.\32 5\25 +{ + margin: -0.375em 0 -1px -0.375em; } + .\31 2u\28medium\29, .\31 2u\24\28medium\29 +{ width: 100%; clear: none; - margin-left: 0; - } - - .\31 1u\28medium\29, .\31 1u\24\28medium\29 { + margin-left: 0; } + .\31 1u\28medium\29, .\31 1u\24\28medium\29 +{ width: 91.6666666667%; clear: none; - margin-left: 0; - } - - .\31 0u\28medium\29, .\31 0u\24\28medium\29 { + margin-left: 0; } + .\31 0u\28medium\29, .\31 0u\24\28medium\29 +{ width: 83.3333333333%; clear: none; - margin-left: 0; - } - - .\39 u\28medium\29, .\39 u\24\28medium\29 { + margin-left: 0; } + .\39 u\28medium\29, .\39 u\24\28medium\29 +{ width: 75%; clear: none; - margin-left: 0; - } - - .\38 u\28medium\29, .\38 u\24\28medium\29 { + margin-left: 0; } + .\38 u\28medium\29, .\38 u\24\28medium\29 +{ width: 66.6666666667%; clear: none; - margin-left: 0; - } - - .\37 u\28medium\29, .\37 u\24\28medium\29 { + margin-left: 0; } + .\37 u\28medium\29, .\37 u\24\28medium\29 +{ width: 58.3333333333%; clear: none; - margin-left: 0; - } - - .\36 u\28medium\29, .\36 u\24\28medium\29 { + margin-left: 0; } + .\36 u\28medium\29, .\36 u\24\28medium\29 +{ width: 50%; clear: none; - margin-left: 0; - } - - .\35 u\28medium\29, .\35 u\24\28medium\29 { + margin-left: 0; } + .\35 u\28medium\29, .\35 u\24\28medium\29 +{ width: 41.6666666667%; clear: none; - margin-left: 0; - } - - .\34 u\28medium\29, .\34 u\24\28medium\29 { + margin-left: 0; } + .\34 u\28medium\29, .\34 u\24\28medium\29 +{ width: 33.3333333333%; clear: none; - margin-left: 0; - } - - .\33 u\28medium\29, .\33 u\24\28medium\29 { + margin-left: 0; } + .\33 u\28medium\29, .\33 u\24\28medium\29 +{ width: 25%; clear: none; - margin-left: 0; - } - - .\32 u\28medium\29, .\32 u\24\28medium\29 { + margin-left: 0; } + .\32 u\28medium\29, .\32 u\24\28medium\29 +{ width: 16.6666666667%; clear: none; - margin-left: 0; - } - - .\31 u\28medium\29, .\31 u\24\28medium\29 { + margin-left: 0; } + .\31 u\28medium\29, .\31 u\24\28medium\29 +{ width: 8.3333333333%; clear: none; - margin-left: 0; - } - + margin-left: 0; } .\31 2u\24\28medium\29 + *, .\31 1u\24\28medium\29 + *, .\31 0u\24\28medium\29 + *, @@ -900,207 +699,150 @@ body { .\33 u\24\28medium\29 + *, .\32 u\24\28medium\29 + *, .\31 u\24\28medium\29 + * { - clear: left; - } - - .\-11u\28medium\29 { - margin-left: 91.6666666667%; - } - - .\-10u\28medium\29 { - margin-left: 83.3333333333%; - } - - .\-9u\28medium\29 { - margin-left: 75%; - } - - .\-8u\28medium\29 { - margin-left: 66.6666666667%; - } - - .\-7u\28medium\29 { - margin-left: 58.3333333333%; - } - - .\-6u\28medium\29 { - margin-left: 50%; - } - - .\-5u\28medium\29 { - margin-left: 41.6666666667%; - } - - .\-4u\28medium\29 { - margin-left: 33.3333333333%; - } - - .\-3u\28medium\29 { - margin-left: 25%; - } - - .\-2u\28medium\29 { - margin-left: 16.6666666667%; - } - - .\-1u\28medium\29 { - margin-left: 8.3333333333%; - }; -} + clear: left; } + .\-11u\28medium\29 +{ + margin-left: 91.6666666667%; } + .\-10u\28medium\29 +{ + margin-left: 83.3333333333%; } + .\-9u\28medium\29 +{ + margin-left: 75%; } + .\-8u\28medium\29 +{ + margin-left: 66.6666666667%; } + .\-7u\28medium\29 +{ + margin-left: 58.3333333333%; } + .\-6u\28medium\29 +{ + margin-left: 50%; } + .\-5u\28medium\29 +{ + margin-left: 41.6666666667%; } + .\-4u\28medium\29 +{ + margin-left: 33.3333333333%; } + .\-3u\28medium\29 +{ + margin-left: 25%; } + .\-2u\28medium\29 +{ + margin-left: 16.6666666667%; } + .\-1u\28medium\29 +{ + margin-left: 8.3333333333%; } } @media screen and (max-width: 736px) { .row > * { - padding: 0 0 0 1.25em; - } - + padding: 0 0 0 1.25em; } .row { - margin: 0 0 -1px -1.25em; - } - + margin: 0 0 -1px -1.25em; } .row.uniform > * { - padding: 1.25em 0 0 1.25em; - } - + padding: 1.25em 0 0 1.25em; } .row.uniform { - margin: -1.25em 0 -1px -1.25em; - } - + margin: -1.25em 0 -1px -1.25em; } .row.\32 00\25 > * { - padding: 0 0 0 2.5em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -2.5em; - } - + padding: 0 0 0 2.5em; } + .row.\32 00\25 +{ + margin: 0 0 -1px -2.5em; } .row.uniform.\32 00\25 > * { - padding: 2.5em 0 0 2.5em; - } - - .row.uniform.\32 00\25 { - margin: -2.5em 0 -1px -2.5em; - } - + padding: 2.5em 0 0 2.5em; } + .row.uniform.\32 00\25 +{ + margin: -2.5em 0 -1px -2.5em; } .row.\31 50\25 > * { - padding: 0 0 0 1.875em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -1.875em; - } - + padding: 0 0 0 1.875em; } + .row.\31 50\25 +{ + margin: 0 0 -1px -1.875em; } .row.uniform.\31 50\25 > * { - padding: 1.875em 0 0 1.875em; - } - - .row.uniform.\31 50\25 { - margin: -1.875em 0 -1px -1.875em; - } - + padding: 1.875em 0 0 1.875em; } + .row.uniform.\31 50\25 +{ + margin: -1.875em 0 -1px -1.875em; } .row.\35 0\25 > * { - padding: 0 0 0 0.625em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.625em; - } - + padding: 0 0 0 0.625em; } + .row.\35 0\25 +{ + margin: 0 0 -1px -0.625em; } .row.uniform.\35 0\25 > * { - padding: 0.625em 0 0 0.625em; - } - - .row.uniform.\35 0\25 { - margin: -0.625em 0 -1px -0.625em; - } - + padding: 0.625em 0 0 0.625em; } + .row.uniform.\35 0\25 +{ + margin: -0.625em 0 -1px -0.625em; } .row.\32 5\25 > * { - padding: 0 0 0 0.3125em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.3125em; - } - + padding: 0 0 0 0.3125em; } + .row.\32 5\25 +{ + margin: 0 0 -1px -0.3125em; } .row.uniform.\32 5\25 > * { - padding: 0.3125em 0 0 0.3125em; - } - - .row.uniform.\32 5\25 { - margin: -0.3125em 0 -1px -0.3125em; - } - - .\31 2u\28small\29, .\31 2u\24\28small\29 { + padding: 0.3125em 0 0 0.3125em; } + .row.uniform.\32 5\25 +{ + margin: -0.3125em 0 -1px -0.3125em; } + .\31 2u\28small\29, .\31 2u\24\28small\29 +{ width: 100%; clear: none; - margin-left: 0; - } - - .\31 1u\28small\29, .\31 1u\24\28small\29 { + margin-left: 0; } + .\31 1u\28small\29, .\31 1u\24\28small\29 +{ width: 91.6666666667%; clear: none; - margin-left: 0; - } - - .\31 0u\28small\29, .\31 0u\24\28small\29 { + margin-left: 0; } + .\31 0u\28small\29, .\31 0u\24\28small\29 +{ width: 83.3333333333%; clear: none; - margin-left: 0; - } - - .\39 u\28small\29, .\39 u\24\28small\29 { + margin-left: 0; } + .\39 u\28small\29, .\39 u\24\28small\29 +{ width: 75%; clear: none; - margin-left: 0; - } - - .\38 u\28small\29, .\38 u\24\28small\29 { + margin-left: 0; } + .\38 u\28small\29, .\38 u\24\28small\29 +{ width: 66.6666666667%; clear: none; - margin-left: 0; - } - - .\37 u\28small\29, .\37 u\24\28small\29 { + margin-left: 0; } + .\37 u\28small\29, .\37 u\24\28small\29 +{ width: 58.3333333333%; clear: none; - margin-left: 0; - } - - .\36 u\28small\29, .\36 u\24\28small\29 { + margin-left: 0; } + .\36 u\28small\29, .\36 u\24\28small\29 +{ width: 50%; clear: none; - margin-left: 0; - } - - .\35 u\28small\29, .\35 u\24\28small\29 { + margin-left: 0; } + .\35 u\28small\29, .\35 u\24\28small\29 +{ width: 41.6666666667%; clear: none; - margin-left: 0; - } - - .\34 u\28small\29, .\34 u\24\28small\29 { + margin-left: 0; } + .\34 u\28small\29, .\34 u\24\28small\29 +{ width: 33.3333333333%; clear: none; - margin-left: 0; - } - - .\33 u\28small\29, .\33 u\24\28small\29 { + margin-left: 0; } + .\33 u\28small\29, .\33 u\24\28small\29 +{ width: 25%; clear: none; - margin-left: 0; - } - - .\32 u\28small\29, .\32 u\24\28small\29 { + margin-left: 0; } + .\32 u\28small\29, .\32 u\24\28small\29 +{ width: 16.6666666667%; clear: none; - margin-left: 0; - } - - .\31 u\28small\29, .\31 u\24\28small\29 { + margin-left: 0; } + .\31 u\28small\29, .\31 u\24\28small\29 +{ width: 8.3333333333%; clear: none; - margin-left: 0; - } - + margin-left: 0; } .\31 2u\24\28small\29 + *, .\31 1u\24\28small\29 + *, .\31 0u\24\28small\29 + *, @@ -1113,207 +855,150 @@ body { .\33 u\24\28small\29 + *, .\32 u\24\28small\29 + *, .\31 u\24\28small\29 + * { - clear: left; - } - - .\-11u\28small\29 { - margin-left: 91.6666666667%; - } - - .\-10u\28small\29 { - margin-left: 83.3333333333%; - } - - .\-9u\28small\29 { - margin-left: 75%; - } - - .\-8u\28small\29 { - margin-left: 66.6666666667%; - } - - .\-7u\28small\29 { - margin-left: 58.3333333333%; - } - - .\-6u\28small\29 { - margin-left: 50%; - } - - .\-5u\28small\29 { - margin-left: 41.6666666667%; - } - - .\-4u\28small\29 { - margin-left: 33.3333333333%; - } - - .\-3u\28small\29 { - margin-left: 25%; - } - - .\-2u\28small\29 { - margin-left: 16.6666666667%; - } - - .\-1u\28small\29 { - margin-left: 8.3333333333%; - }; -} + clear: left; } + .\-11u\28small\29 +{ + margin-left: 91.6666666667%; } + .\-10u\28small\29 +{ + margin-left: 83.3333333333%; } + .\-9u\28small\29 +{ + margin-left: 75%; } + .\-8u\28small\29 +{ + margin-left: 66.6666666667%; } + .\-7u\28small\29 +{ + margin-left: 58.3333333333%; } + .\-6u\28small\29 +{ + margin-left: 50%; } + .\-5u\28small\29 +{ + margin-left: 41.6666666667%; } + .\-4u\28small\29 +{ + margin-left: 33.3333333333%; } + .\-3u\28small\29 +{ + margin-left: 25%; } + .\-2u\28small\29 +{ + margin-left: 16.6666666667%; } + .\-1u\28small\29 +{ + margin-left: 8.3333333333%; } } @media screen and (max-width: 480px) { .row > * { - padding: 0 0 0 1.25em; - } - + padding: 0 0 0 1.25em; } .row { - margin: 0 0 -1px -1.25em; - } - + margin: 0 0 -1px -1.25em; } .row.uniform > * { - padding: 1.25em 0 0 1.25em; - } - + padding: 1.25em 0 0 1.25em; } .row.uniform { - margin: -1.25em 0 -1px -1.25em; - } - + margin: -1.25em 0 -1px -1.25em; } .row.\32 00\25 > * { - padding: 0 0 0 2.5em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -2.5em; - } - + padding: 0 0 0 2.5em; } + .row.\32 00\25 +{ + margin: 0 0 -1px -2.5em; } .row.uniform.\32 00\25 > * { - padding: 2.5em 0 0 2.5em; - } - - .row.uniform.\32 00\25 { - margin: -2.5em 0 -1px -2.5em; - } - + padding: 2.5em 0 0 2.5em; } + .row.uniform.\32 00\25 +{ + margin: -2.5em 0 -1px -2.5em; } .row.\31 50\25 > * { - padding: 0 0 0 1.875em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -1.875em; - } - + padding: 0 0 0 1.875em; } + .row.\31 50\25 +{ + margin: 0 0 -1px -1.875em; } .row.uniform.\31 50\25 > * { - padding: 1.875em 0 0 1.875em; - } - - .row.uniform.\31 50\25 { - margin: -1.875em 0 -1px -1.875em; - } - + padding: 1.875em 0 0 1.875em; } + .row.uniform.\31 50\25 +{ + margin: -1.875em 0 -1px -1.875em; } .row.\35 0\25 > * { - padding: 0 0 0 0.625em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.625em; - } - + padding: 0 0 0 0.625em; } + .row.\35 0\25 +{ + margin: 0 0 -1px -0.625em; } .row.uniform.\35 0\25 > * { - padding: 0.625em 0 0 0.625em; - } - - .row.uniform.\35 0\25 { - margin: -0.625em 0 -1px -0.625em; - } - + padding: 0.625em 0 0 0.625em; } + .row.uniform.\35 0\25 +{ + margin: -0.625em 0 -1px -0.625em; } .row.\32 5\25 > * { - padding: 0 0 0 0.3125em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.3125em; - } - + padding: 0 0 0 0.3125em; } + .row.\32 5\25 +{ + margin: 0 0 -1px -0.3125em; } .row.uniform.\32 5\25 > * { - padding: 0.3125em 0 0 0.3125em; - } - - .row.uniform.\32 5\25 { - margin: -0.3125em 0 -1px -0.3125em; - } - - .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 { + padding: 0.3125em 0 0 0.3125em; } + .row.uniform.\32 5\25 +{ + margin: -0.3125em 0 -1px -0.3125em; } + .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 +{ width: 100%; clear: none; - margin-left: 0; - } - - .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 { + margin-left: 0; } + .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 +{ width: 91.6666666667%; clear: none; - margin-left: 0; - } - - .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 { + margin-left: 0; } + .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 +{ width: 83.3333333333%; clear: none; - margin-left: 0; - } - - .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 { + margin-left: 0; } + .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 +{ width: 75%; clear: none; - margin-left: 0; - } - - .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 { + margin-left: 0; } + .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 +{ width: 66.6666666667%; clear: none; - margin-left: 0; - } - - .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 { + margin-left: 0; } + .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 +{ width: 58.3333333333%; clear: none; - margin-left: 0; - } - - .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 { + margin-left: 0; } + .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 +{ width: 50%; clear: none; - margin-left: 0; - } - - .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 { + margin-left: 0; } + .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 +{ width: 41.6666666667%; clear: none; - margin-left: 0; - } - - .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 { + margin-left: 0; } + .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 +{ width: 33.3333333333%; clear: none; - margin-left: 0; - } - - .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 { + margin-left: 0; } + .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 +{ width: 25%; clear: none; - margin-left: 0; - } - - .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 { + margin-left: 0; } + .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 +{ width: 16.6666666667%; clear: none; - margin-left: 0; - } - - .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 { + margin-left: 0; } + .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 +{ width: 8.3333333333%; clear: none; - margin-left: 0; - } - + margin-left: 0; } .\31 2u\24\28xsmall\29 + *, .\31 1u\24\28xsmall\29 + *, .\31 0u\24\28xsmall\29 + *, @@ -1326,83 +1011,63 @@ body { .\33 u\24\28xsmall\29 + *, .\32 u\24\28xsmall\29 + *, .\31 u\24\28xsmall\29 + * { - clear: left; - } - - .\-11u\28xsmall\29 { - margin-left: 91.6666666667%; - } - - .\-10u\28xsmall\29 { - margin-left: 83.3333333333%; - } - - .\-9u\28xsmall\29 { - margin-left: 75%; - } - - .\-8u\28xsmall\29 { - margin-left: 66.6666666667%; - } - - .\-7u\28xsmall\29 { - margin-left: 58.3333333333%; - } - - .\-6u\28xsmall\29 { - margin-left: 50%; - } - - .\-5u\28xsmall\29 { - margin-left: 41.6666666667%; - } - - .\-4u\28xsmall\29 { - margin-left: 33.3333333333%; - } - - .\-3u\28xsmall\29 { - margin-left: 25%; - } - - .\-2u\28xsmall\29 { - margin-left: 16.6666666667%; - } - - .\-1u\28xsmall\29 { - margin-left: 8.3333333333%; - }; -} + clear: left; } + .\-11u\28xsmall\29 +{ + margin-left: 91.6666666667%; } + .\-10u\28xsmall\29 +{ + margin-left: 83.3333333333%; } + .\-9u\28xsmall\29 +{ + margin-left: 75%; } + .\-8u\28xsmall\29 +{ + margin-left: 66.6666666667%; } + .\-7u\28xsmall\29 +{ + margin-left: 58.3333333333%; } + .\-6u\28xsmall\29 +{ + margin-left: 50%; } + .\-5u\28xsmall\29 +{ + margin-left: 41.6666666667%; } + .\-4u\28xsmall\29 +{ + margin-left: 33.3333333333%; } + .\-3u\28xsmall\29 +{ + margin-left: 25%; } + .\-2u\28xsmall\29 +{ + margin-left: 16.6666666667%; } + .\-1u\28xsmall\29 +{ + margin-left: 8.3333333333%; } } /* Basic */ @-ms-viewport { - width: device-width; -} + width: device-width; } body { - -ms-overflow-style: scrollbar; -} + -ms-overflow-style: scrollbar; } @media screen and (max-width: 480px) { html, body { - min-width: 320px; - }; -} + min-width: 320px; } } body { - background: #fff; -} - -body.is-loading *, body.is-loading *:before, body.is-loading *:after { - -moz-animation: none !important; - -webkit-animation: none !important; - -ms-animation: none !important; - animation: none !important; - -moz-transition: none !important; - -webkit-transition: none !important; - -ms-transition: none !important; - transition: none !important; -} + background: #fff; } + body.is-loading *, body.is-loading *:before, body.is-loading *:after { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; } /* Type */ body, input, select, textarea { @@ -1410,111 +1075,78 @@ body, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: normal; - line-height: 1.65; -} - -@media screen and (max-width: 1680px) { - body, input, select, textarea { - font-size: 11pt; - }; -} - -@media screen and (max-width: 1280px) { - body, input, select, textarea { - font-size: 11pt; - }; -} - -@media screen and (max-width: 980px) { - body, input, select, textarea { - font-size: 12pt; - }; -} - -@media screen and (max-width: 736px) { - body, input, select, textarea { - font-size: 12pt; - }; -} - -@media screen and (max-width: 480px) { - body, input, select, textarea { - font-size: 12pt; - }; -} + line-height: 1.65; } + @media screen and (max-width: 1680px) { + body, input, select, textarea { + font-size: 11pt; } } + @media screen and (max-width: 1280px) { + body, input, select, textarea { + font-size: 11pt; } } + @media screen and (max-width: 980px) { + body, input, select, textarea { + font-size: 12pt; } } + @media screen and (max-width: 736px) { + body, input, select, textarea { + font-size: 12pt; } } + @media screen and (max-width: 480px) { + body, input, select, textarea { + font-size: 12pt; } } a { color: #5AA6ED; - text-decoration: underline; -} - -a:hover { - text-decoration: none; -} + text-decoration: underline; } + a:hover { + text-decoration: none; } strong, b { color: #555; - font-weight: bold; -} + font-weight: bold; } em, i { - font-style: italic; -} + font-style: italic; } p { - margin: 0 0 2em 0; -} + margin: 0 0 2em 0; } h1, h2, h3, h4, h5, h6 { color: #555; font-weight: bold; line-height: 1.5; - margin: 0 0 1em 0; -} - -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: inherit; - text-decoration: none; -} + margin: 0 0 1em 0; } + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: inherit; + text-decoration: none; } h2 { - font-size: 1.75em; -} + font-size: 1.75em; } h3 { - font-size: 1.35em; -} + font-size: 1.35em; } h4 { - font-size: 1.1em; -} + font-size: 1.1em; } h5 { - font-size: 0.9em; -} + font-size: 0.9em; } h6 { - font-size: 0.7em; -} + font-size: 0.7em; } sub { font-size: 0.8em; position: relative; - top: 0.5em; -} + top: 0.5em; } sup { font-size: 0.8em; position: relative; - top: -0.5em; -} + top: -0.5em; } blockquote { border-left: solid 4px rgba(144, 144, 144, 0.25); font-style: italic; margin: 0 0 2em 0; - padding: 0.5em 0 0.5em 2em; -} + padding: 0.5em 0 0.5em 2em; } code { background: rgba(144, 144, 144, 0.075); @@ -1523,77 +1155,61 @@ code { font-family: "Courier New", monospace; font-size: 0.9em; margin: 0 0.25em; - padding: 0.25em 0.65em; -} + padding: 0.25em 0.65em; } pre { -webkit-overflow-scrolling: touch; font-family: "Courier New", monospace; font-size: 0.9em; - margin: 0 0 2em 0; -} - -pre code { - display: block; - line-height: 1.75; - padding: 1em 1.5em; - overflow-x: auto; -} + margin: 0 0 2em 0; } + pre code { + display: block; + line-height: 1.75; + padding: 1em 1.5em; + overflow-x: auto; } hr { border: 0; border-bottom: solid 1px rgba(144, 144, 144, 0.25); - margin: 2em 0; -} - -hr.major { - margin: 3em 0; -} + margin: 2em 0; } + hr.major { + margin: 3em 0; } .align-left { - text-align: left; -} + text-align: left; } .align-center { - text-align: center; -} + text-align: center; } .align-right { - text-align: right; -} + text-align: right; } /* Section/Article */ section.special, article.special { - text-align: center; -} + text-align: center; } header p { color: #bbb; position: relative; - margin: 0 0 1.5em 0; -} + margin: 0 0 1.5em 0; } header h2 + p { font-size: 1.25em; - margin-top: -1em; -} + margin-top: -1em; } header h3 + p { font-size: 1.1em; - margin-top: -0.8em; -} + margin-top: -0.8em; } header h4 + p, header h5 + p, header h6 + p { font-size: 0.9em; - margin-top: -0.6em; -} + margin-top: -0.6em; } /* Form */ form { - margin: 0 0 2em 0; -} + margin: 0 0 2em 0; } input[type="text"], input[type="password"], @@ -1613,94 +1229,72 @@ textarea { outline: 0; padding: 0 1em; text-decoration: none; - width: 100%; -} - -input[type="text"]:invalid, + width: 100%; } + input[type="text"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid, input[type="tel"]:invalid, textarea:invalid { - box-shadow: none; -} - -input[type="text"]:focus, + box-shadow: none; } + input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { - border-color: #5AA6ED; - box-shadow: 0 0 0 1px #5AA6ED; -} + border-color: #5AA6ED; + box-shadow: 0 0 0 1px #5AA6ED; } input[type="text"], input[type="password"], input[type="email"] { - height: 2.75em; -} + height: 2.75em; } textarea { - padding: 0.75em 1em; -} + padding: 0.75em 1em; } ::-webkit-input-placeholder { color: #bbb !important; - opacity: 1.0; -} + opacity: 1.0; } :-moz-placeholder { color: #bbb !important; - opacity: 1.0; -} + opacity: 1.0; } ::-moz-placeholder { color: #bbb !important; - opacity: 1.0; -} + opacity: 1.0; } :-ms-input-placeholder { color: #bbb !important; - opacity: 1.0; -} + opacity: 1.0; } .formerize-placeholder { color: #bbb !important; - opacity: 1.0; -} + opacity: 1.0; } .switch-container { float: left; - width: 100%; -} - -.switch-container h3 { - margin-bottom: 0 !important; - float: left; -} + width: 100%; } + .switch-container h3 { + margin-bottom: 0 !important; + float: left; } .form-control { display: block; - margin-bottom: 15px; -} - -.form-control h3 { - margin-bottom: 15px; -} - -.form-control input[type="text"] { - background-color: white; - border: 1px solid #aaa; - border-radius: 4px; - display: block; - padding: 0 10px; -} - -.form-control input[type="text"]:focus, .form-control input[type="text"]:active { - color: #3b3b3b; - border: 1px solid #3b3b3b; - outline: 0; - box-shadow: none; -} + margin-bottom: 15px; } + .form-control h3 { + margin-bottom: 15px; } + .form-control input[type="text"] { + background-color: white; + border: 1px solid #aaa; + border-radius: 4px; + display: block; + padding: 0 10px; } + .form-control input[type="text"]:focus, .form-control input[type="text"]:active { + color: #3b3b3b; + border: 1px solid #3b3b3b; + outline: 0; + box-shadow: none; } .onoffswitch { position: relative; @@ -1708,398 +1302,261 @@ textarea { float: right; -webkit-user-select: none; -moz-user-select: none; - -ms-user-select: none; -} - -.onoffswitch .onoffswitch-checkbox { - display: none; -} - -.onoffswitch .onoffswitch-label { - display: block; - overflow: hidden; - cursor: pointer; - height: 20px; - padding: 0; - line-height: 20px; - border: 2px solid #CCCCCC; - border-radius: 20px; - background-color: #FFFFFF; - transition: background-color 0.3s ease-in; -} - -.onoffswitch .onoffswitch-label:before { - content: ""; - display: block; - width: 20px; - margin: 0px; - background: #FFFFFF; - position: absolute; - top: 0; - bottom: 0; - right: 30px; - border: 2px solid #CCCCCC; - border-radius: 20px; - transition: all 0.3s ease-in 0s; -} + -ms-user-select: none; } + .onoffswitch .onoffswitch-checkbox { + display: none; } + .onoffswitch .onoffswitch-label { + display: block; + overflow: hidden; + cursor: pointer; + height: 20px; + padding: 0; + line-height: 20px; + border: 2px solid #CCCCCC; + border-radius: 20px; + background-color: #FFFFFF; + transition: background-color 0.3s ease-in; } + .onoffswitch .onoffswitch-label:before { + content: ""; + display: block; + width: 20px; + margin: 0px; + background: #FFFFFF; + position: absolute; + top: 0; + bottom: 0; + right: 30px; + border: 2px solid #CCCCCC; + border-radius: 20px; + transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label { - background-color: #4A80F5; -} + background-color: #4A80F5; } .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before { - border-color: #4A80F5; -} + border-color: #4A80F5; } .onoffswitch-checkbox:checked + .onoffswitch-label:before { - right: 0px; -} + right: 0px; } .select2-container { - width: 100% !important; -} + width: 100% !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #4A80F5 !important; -} + background-color: #4A80F5 !important; } .select2-container--default.select2-container--focus .select2-selection--multiple { - border: 1px solid #3b3b3b; -} + border: 1px solid #3b3b3b; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: #FFFFFF !important; -} + color: #FFFFFF !important; } /* Box */ .box { border-radius: 4px; border: solid 1px rgba(144, 144, 144, 0.25); margin-bottom: 2em; - padding: 1.5em; -} - -.box > :last-child, + padding: 1.5em; } + .box > :last-child, .box > :last-child > :last-child, .box > :last-child > :last-child > :last-child { - margin-bottom: 0; -} - -.box.alt { - border: 0; - border-radius: 0; - padding: 0; -} + margin-bottom: 0; } + .box.alt { + border: 0; + border-radius: 0; + padding: 0; } /* Icon */ .icon { text-decoration: none; border-bottom: none; - position: relative; -} - -.icon:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; -} - -.icon > .label { - display: none; -} + position: relative; } + .icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; } + .icon > .label { + display: none; } /* Image */ .image { border-radius: 4px; border: 0; display: inline-block; - position: relative; -} - -.image img { - border-radius: 4px; - display: block; -} - -.image.left, .image.right { - max-width: 40%; -} - -.image.left img, .image.right img { - width: 100%; -} - -.image.left { - float: left; - padding: 0 1.5em 1em 0; - top: 0.25em; -} - -.image.right { - float: right; - padding: 0 0 1em 1.5em; - top: 0.25em; -} - -.image.fit { - display: block; - margin: 0 0 2em 0; - width: 100%; -} - -.image.fit img { - width: 100%; -} - -.image.main { - display: block; - margin: 0 0 3em 0; - width: 100%; -} - -.image.main img { - width: 100%; -} + position: relative; } + .image img { + border-radius: 4px; + display: block; } + .image.left, .image.right { + max-width: 40%; } + .image.left img, .image.right img { + width: 100%; } + .image.left { + float: left; + padding: 0 1.5em 1em 0; + top: 0.25em; } + .image.right { + float: right; + padding: 0 0 1em 1.5em; + top: 0.25em; } + .image.fit { + display: block; + margin: 0 0 2em 0; + width: 100%; } + .image.fit img { + width: 100%; } + .image.main { + display: block; + margin: 0 0 3em 0; + width: 100%; } + .image.main img { + width: 100%; } /* List */ ol { list-style: decimal; margin: 0 0 2em 0; - padding-left: 1.25em; -} - -ol li { - padding-left: 0.25em; -} + padding-left: 1.25em; } + ol li { + padding-left: 0.25em; } ul { list-style: disc; margin: 0 0 2em 0; - padding-left: 1em; -} - -ul li { - padding-left: 0.5em; -} - -ul.alt { - list-style: none; - padding-left: 0; -} - -ul.alt li { - border-top: solid 1px rgba(144, 144, 144, 0.25); - padding: 0.5em 0; -} - -ul.alt li:first-child { - border-top: 0; - padding-top: 0; -} - -ul.icons { - cursor: default; - list-style: none; - padding-left: 0; -} - -ul.icons li { - display: inline-block; - padding: 0 1em 0 0; -} - -ul.icons li:last-child { - padding-right: 0; -} - -ul.icons li .icon:before { - font-size: 2em; -} - -ul.actions { - cursor: default; - list-style: none; - padding-left: 0; -} - -ul.actions li { - display: inline-block; - padding: 0 1em 0 0; - vertical-align: middle; -} - -ul.actions li:last-child { - padding-right: 0; -} - -ul.actions.small li { - padding: 0 0.5em 0 0; -} - -ul.actions.vertical li { - display: block; - padding: 1em 0 0 0; -} - -ul.actions.vertical li:first-child { - padding-top: 0; -} - -ul.actions.vertical li > * { - margin-bottom: 0; -} - -ul.actions.vertical.small li { - padding: 0.5em 0 0 0; -} - -ul.actions.vertical.small li:first-child { - padding-top: 0; -} - -ul.actions.fit { - display: table; - margin-left: -1em; - padding: 0; - table-layout: fixed; - width: calc(100% + 1em); -} - -ul.actions.fit li { - display: table-cell; - padding: 0 0 0 1em; -} - -ul.actions.fit li > * { - margin-bottom: 0; -} - -ul.actions.fit.small { - margin-left: -0.5em; - width: calc(100% + 0.5em); -} - -ul.actions.fit.small li { - padding: 0 0 0 0.5em; -} - -@media screen and (max-width: 480px) { + padding-left: 1em; } + ul li { + padding-left: 0.5em; } + ul.alt { + list-style: none; + padding-left: 0; } + ul.alt li { + border-top: solid 1px rgba(144, 144, 144, 0.25); + padding: 0.5em 0; } + ul.alt li:first-child { + border-top: 0; + padding-top: 0; } + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; } + ul.icons li { + display: inline-block; + padding: 0 1em 0 0; } + ul.icons li:last-child { + padding-right: 0; } + ul.icons li .icon:before { + font-size: 2em; } ul.actions { - margin: 0 0 2em 0; - } - - ul.actions li { - padding: 1em 0 0 0; - display: block; - text-align: center; - width: 100%; - } - - ul.actions li:first-child { - padding-top: 0; - } - - ul.actions li > * { - width: 100%; - margin: 0 !important; - } - - ul.actions li > *.icon:before { - margin-left: -2em; - } - - ul.actions.small li { - padding: 0.5em 0 0 0; - } - - ul.actions.small li:first-child { - padding-top: 0; - }; -} + cursor: default; + list-style: none; + padding-left: 0; } + ul.actions li { + display: inline-block; + padding: 0 1em 0 0; + vertical-align: middle; } + ul.actions li:last-child { + padding-right: 0; } + ul.actions.small li { + padding: 0 0.5em 0 0; } + ul.actions.vertical li { + display: block; + padding: 1em 0 0 0; } + ul.actions.vertical li:first-child { + padding-top: 0; } + ul.actions.vertical li > * { + margin-bottom: 0; } + ul.actions.vertical.small li { + padding: 0.5em 0 0 0; } + ul.actions.vertical.small li:first-child { + padding-top: 0; } + ul.actions.fit { + display: table; + margin-left: -1em; + padding: 0; + table-layout: fixed; + width: calc(100% + 1em); } + ul.actions.fit li { + display: table-cell; + padding: 0 0 0 1em; } + ul.actions.fit li > * { + margin-bottom: 0; } + ul.actions.fit.small { + margin-left: -0.5em; + width: calc(100% + 0.5em); } + ul.actions.fit.small li { + padding: 0 0 0 0.5em; } + @media screen and (max-width: 480px) { + ul.actions { + margin: 0 0 2em 0; } + ul.actions li { + padding: 1em 0 0 0; + display: block; + text-align: center; + width: 100%; } + ul.actions li:first-child { + padding-top: 0; } + ul.actions li > * { + width: 100%; + margin: 0 !important; } + ul.actions li > *.icon:before { + margin-left: -2em; } + ul.actions.small li { + padding: 0.5em 0 0 0; } + ul.actions.small li:first-child { + padding-top: 0; } } dl { - margin: 0 0 2em 0; -} - -dl dt { - display: block; - font-weight: bold; - margin: 0 0 1em 0; -} - -dl dd { - margin-left: 2em; -} + margin: 0 0 2em 0; } + dl dt { + display: block; + font-weight: bold; + margin: 0 0 1em 0; } + dl dd { + margin-left: 2em; } /* Table */ .table-wrapper { -webkit-overflow-scrolling: touch; - overflow-x: auto; -} + overflow-x: auto; } table { margin: 0 0 2em 0; - width: 100%; -} - -table tbody tr { - border: solid 1px rgba(144, 144, 144, 0.25); - border-left: 0; - border-right: 0; -} - -table tbody tr:nth-child(2n + 1) { - background-color: rgba(144, 144, 144, 0.075); -} - -table td { - padding: 0.75em 0.75em; -} - -table th { - color: #555; - font-size: 0.9em; - font-weight: bold; - padding: 0 0.75em 0.75em 0.75em; - text-align: left; -} - -table thead { - border-bottom: solid 2px rgba(144, 144, 144, 0.25); -} - -table tfoot { - border-top: solid 2px rgba(144, 144, 144, 0.25); -} - -table.alt { - border-collapse: separate; -} - -table.alt tbody tr td { - border: solid 1px rgba(144, 144, 144, 0.25); - border-left-width: 0; - border-top-width: 0; -} - -table.alt tbody tr td:first-child { - border-left-width: 1px; -} - -table.alt tbody tr:first-child td { - border-top-width: 1px; -} - -table.alt thead { - border-bottom: 0; -} - -table.alt tfoot { - border-top: 0; -} + width: 100%; } + table tbody tr { + border: solid 1px rgba(144, 144, 144, 0.25); + border-left: 0; + border-right: 0; } + table tbody tr:nth-child(2n + 1) { + background-color: rgba(144, 144, 144, 0.075); } + table td { + padding: 0.75em 0.75em; } + table th { + color: #555; + font-size: 0.9em; + font-weight: bold; + padding: 0 0.75em 0.75em 0.75em; + text-align: left; } + table thead { + border-bottom: solid 2px rgba(144, 144, 144, 0.25); } + table tfoot { + border-top: solid 2px rgba(144, 144, 144, 0.25); } + table.alt { + border-collapse: separate; } + table.alt tbody tr td { + border: solid 1px rgba(144, 144, 144, 0.25); + border-left-width: 0; + border-top-width: 0; } + table.alt tbody tr td:first-child { + border-left-width: 1px; } + table.alt tbody tr:first-child td { + border-top-width: 1px; } + table.alt thead { + border-bottom: 0; } + table.alt tfoot { + border-top: 0; } /* Button */ input[type="submit"], @@ -2127,127 +1584,97 @@ button, padding: 0 1.5em; text-align: center; text-decoration: none; - white-space: nowrap; -} - -input[type="submit"]:hover, + white-space: nowrap; } + input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover { - background-color: #676767; -} - -input[type="submit"]:active, + background-color: #676767; } + input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .button:active { - background-color: #4d4d4d; -} - -input[type="submit"].icon, + background-color: #4d4d4d; } + input[type="submit"].icon, input[type="reset"].icon, input[type="button"].icon, button.icon, .button.icon { - padding-left: 1.35em; -} - -input[type="submit"].icon:before, + padding-left: 1.35em; } + input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, button.icon:before, .button.icon:before { - margin-right: 0.5em; -} - -input[type="submit"].fit, + margin-right: 0.5em; } + input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, button.fit, .button.fit { - display: block; - margin: 0 0 1em 0; - width: 100%; -} - -input[type="submit"].small, + display: block; + margin: 0 0 1em 0; + width: 100%; } + input[type="submit"].small, input[type="reset"].small, input[type="button"].small, button.small, .button.small { - font-size: 0.8em; -} - -input[type="submit"].big, + font-size: 0.8em; } + input[type="submit"].big, input[type="reset"].big, input[type="button"].big, button.big, .button.big { - font-size: 1.35em; -} - -input[type="submit"].alt, + font-size: 1.35em; } + input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, button.alt, .button.alt { - background-color: transparent; - box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25); - color: #555 !important; -} - -input[type="submit"].alt:hover, + background-color: transparent; + box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25); + color: #555 !important; } + input[type="submit"].alt:hover, input[type="reset"].alt:hover, input[type="button"].alt:hover, button.alt:hover, .button.alt:hover { - background-color: rgba(144, 144, 144, 0.075); -} - -input[type="submit"].alt:active, + background-color: rgba(144, 144, 144, 0.075); } + input[type="submit"].alt:active, input[type="reset"].alt:active, input[type="button"].alt:active, button.alt:active, .button.alt:active { - background-color: rgba(144, 144, 144, 0.2); -} - -input[type="submit"].alt.icon:before, + background-color: rgba(144, 144, 144, 0.2); } + input[type="submit"].alt.icon:before, input[type="reset"].alt.icon:before, input[type="button"].alt.icon:before, button.alt.icon:before, .button.alt.icon:before { - color: #bbb; -} - -input[type="submit"].special, + color: #bbb; } + input[type="submit"].special, input[type="reset"].special, input[type="button"].special, button.special, .button.special { - background-color: #5AA6ED; - color: #ffffff !important; -} - -input[type="submit"].special:hover, + background-color: #5AA6ED; + color: #ffffff !important; } + input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, button.special:hover, .button.special:hover { - background-color: #71b2f0; -} - -input[type="submit"].special:active, + background-color: #71b2f0; } + input[type="submit"].special:active, input[type="reset"].special:active, input[type="button"].special:active, button.special:active, .button.special:active { - background-color: #439aea; -} - -input[type="submit"].disabled, input[type="submit"]:disabled, + background-color: #439aea; } + input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, @@ -2256,44 +1683,36 @@ input[type="submit"].disabled, input[type="submit"]:disabled, button:disabled, .button.disabled, .button:disabled { - background-color: #444 !important; - box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15); - color: #fff !important; - cursor: default; - opacity: 0.25; -} - -@media screen and (max-width: 480px) { - input[type="submit"], + background-color: #444 !important; + box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15); + color: #fff !important; + cursor: default; + opacity: 0.25; } + @media screen and (max-width: 480px) { + input[type="submit"], input[type="reset"], input[type="button"], button, .button { - padding: 0; - }; -} + padding: 0; } } /* Grid Demo */ .grid-demo { display: block; - margin: 0 0 2em 0; -} - -.grid-demo span { - background: #e4f0fc; - border-radius: 4px; - color: rgba(0, 0, 0, 0.25); - display: block; - font-weight: bold; - height: 2.75em; - line-height: 2.75em; - text-align: center; -} + margin: 0 0 2em 0; } + .grid-demo span { + background: #e4f0fc; + border-radius: 4px; + color: rgba(0, 0, 0, 0.25); + display: block; + font-weight: bold; + height: 2.75em; + line-height: 2.75em; + text-align: center; } /* Header */ body { - padding-top: 3.125em; -} + padding-top: 3.125em; } #header { background: #3b3b3b; @@ -2306,104 +1725,79 @@ body { text-align: left; top: 0; width: 100%; - z-index: 10001; -} - -#header > h1 { - color: #ffffff; - display: inline-block; - height: inherit; - line-height: inherit; - margin: 0; - padding: 0; -} - -#header > h1 a { - font-size: 1.25em; -} - -#header > a { - -moz-transition: color 0.2s ease-in-out; - -webkit-transition: color 0.2s ease-in-out; - -ms-transition: color 0.2s ease-in-out; - transition: color 0.2s ease-in-out; - display: inline-block; - padding: 0 0.75em; - color: inherit; - text-decoration: none; -} - -#header > a:hover { - color: #ffffff; -} - -#header > a[href="#nav"] { - text-decoration: none; - -webkit-tap-highlight-color: transparent; -} - -#header > a[href="#nav"]:before { - content: ""; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; -} - -#header > a[href="#nav"]:before { - margin: 0 0.5em 0 0; -} - -#header > a + a[href="#nav"]:last-child { - border-left: solid 1px rgba(255, 255, 255, 0.15); - padding-left: 1.25em; - margin-left: 0.5em; -} - -#header > a:last-child { - padding-right: 1.25em; -} - -@media screen and (max-width: 736px) { + z-index: 10001; } + #header > h1 { + color: #ffffff; + display: inline-block; + height: inherit; + line-height: inherit; + margin: 0; + padding: 0; } + #header > h1 a { + font-size: 1.25em; } #header > a { - padding: 0 0.5em; - } - - #header > a + a[href="#nav"]:last-child { - padding-left: 1em; - margin-left: 0.25em; - } - - #header > a:last-child { - padding-right: 1em; - }; -} + -moz-transition: color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + display: inline-block; + padding: 0 0.75em; + color: inherit; + text-decoration: none; } + #header > a:hover { + color: #ffffff; } + #header > a[href="#nav"] { + text-decoration: none; + -webkit-tap-highlight-color: transparent; } + #header > a[href="#nav"]:before { + content: ""; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; } + #header > a[href="#nav"]:before { + margin: 0 0.5em 0 0; } + #header > a + a[href="#nav"]:last-child { + border-left: solid 1px rgba(255, 255, 255, 0.15); + padding-left: 1.25em; + margin-left: 0.5em; } + #header > a[href="#stats"] { + -webkit-tap-highlight-color: transparent; } + #header > a[href="#stats"]:before { + margin: 0 0.5em 0 0; } + #header > a + a[href="#stats"]:last-child { + border-left: solid 1px rgba(255, 255, 255, 0.15); + padding-left: 1.25em; + margin-left: 0.5em; } + #header > a:last-child { + padding-right: 1.25em; } + @media screen and (max-width: 736px) { + #header > a { + padding: 0 0.5em; } + #header > a + a[href="#nav"]:last-child { + padding-left: 1em; + margin-left: 0.25em; } + #header > a + a[href="#stats"]:last-child { + padding-left: 1em; + margin-left: 0.25em; } + #header > a:last-child { + padding-right: 1em; } } @media screen and (max-width: 980px) { body { - padding-top: 44px; - } - + padding-top: 44px; } #header { - height: 44px; - } - - #header > h1 { - left: 1em; - } - - #header > h1 a { - font-size: 1em; - }; -} + height: 44px; } + #header > h1 { + left: 1em; } + #header > h1 a { + font-size: 1em; } } @media screen and (max-width: 480px) { #header { - min-width: 320px; - }; -} + min-width: 320px; } } /* Nav */ #nav { @@ -2428,250 +1822,271 @@ body { left: 0; visibility: hidden; width: 18em; - z-index: 500; -} - -#nav h3 { - font-size: 18px; - font-family: 'Muli', sans-serif; - color: #3b3b3b; -} - -#nav p { - margin-bottom: 20px; - color: #3b3b3b; -} - -#nav > ul { - margin: 0 0 1em 0; -} - -#nav > ul.links { - list-style: none; - padding: 0; -} - -#nav > ul.links > li { - padding: 0; -} - -#nav > ul.links > li > a:not(.button) { - border: 0; - border-top: solid 1px rgba(255, 255, 255, 0.15); - color: inherit; - display: block; - line-height: 3.5em; - text-decoration: none; -} - -#nav > ul.links > li > .button { - display: block; - margin: 0.5em 0 0 0; -} - -#nav > ul.links > li:first-child > a:not(.button) { - border-top: 0 !important; -} - -#nav .form-control > select { - float: right; - font-size: 18px; -} - -#nav .close { - text-decoration: none; - -moz-transition: color 0.2s ease-in-out; - -webkit-transition: color 0.2s ease-in-out; - -ms-transition: color 0.2s ease-in-out; - transition: color 0.2s ease-in-out; - -webkit-tap-highlight-color: transparent; - border: 0; - color: #bdbdbd; - cursor: pointer; - display: none; - height: 3.25em; - line-height: 3.25em; - padding-right: 1.25em; - position: absolute; - right: 0; - text-align: right; - top: 0; - vertical-align: middle; - width: 7em; -} - -#nav .close:before { - content: ""; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; -} - -#nav .close:before { - font-size: 1.25em; -} - -#nav .close:hover { - color: #ffffff; -} - -@media screen and (max-width: 736px) { + z-index: 500; } + #nav h3 { + font-size: 18px; + font-family: 'Muli', sans-serif; + color: #3b3b3b; } + #nav p { + margin-bottom: 20px; + color: #3b3b3b; } + #nav > ul { + margin: 0 0 1em 0; } + #nav > ul.links { + list-style: none; + padding: 0; } + #nav > ul.links > li { + padding: 0; } + #nav > ul.links > li > a:not(.button) { + border: 0; + border-top: solid 1px rgba(255, 255, 255, 0.15); + color: inherit; + display: block; + line-height: 3.5em; + text-decoration: none; } + #nav > ul.links > li > .button { + display: block; + margin: 0.5em 0 0 0; } + #nav > ul.links > li:first-child > a:not(.button) { + border-top: 0 !important; } + #nav .form-control > select { + float: right; + font-size: 18px; } #nav .close { - height: 4em; - line-height: 4em; - }; -} - -#nav.visible { - -moz-transform: translateX(0); - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2); - visibility: visible; -} - -@media screen and (max-width: 736px) { - #nav { - padding: 2.5em 1.75em; - }; -} + text-decoration: none; + -moz-transition: color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + -webkit-tap-highlight-color: transparent; + border: 0; + color: #bdbdbd; + cursor: pointer; + display: none; + height: 3.25em; + line-height: 3.25em; + padding-right: 1.25em; + position: absolute; + right: 0; + text-align: right; + top: 0; + vertical-align: middle; + width: 7em; } + #nav .close:before { + content: ""; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; } + #nav .close:before { + font-size: 1.25em; } + #nav .close:hover { + color: #ffffff; } + @media screen and (max-width: 736px) { + #nav .close { + height: 4em; + line-height: 4em; } } + #nav.visible { + -moz-transform: translateX(0); + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2); + visibility: visible; } + @media screen and (max-width: 736px) { + #nav { + padding: 2.5em 1.75em; } } + +/* Stats */ +#stats { + -moz-transform: translateX(25em); + -webkit-transform: translateX(25em); + -ms-transform: translateX(25em); + transform: translateX(25em); + -moz-transition: -moz-transform ease, box-shadow ease, visibility ; + -webkit-transition: -webkit-transform ease, box-shadow ease, visibility ; + -ms-transition: -ms-transform ease, box-shadow ease, visibility ; + transition: transform ease, box-shadow ease, visibility ; + -webkit-overflow-scrolling: touch; + background: #F8F8F8; + box-shadow: none; + color: #ffffff; + height: 100%; + max-width: 80%; + overflow-y: auto; + padding: 1.5em 1.5em 4em 1.5em; + position: fixed; + top: 3.50em; + right: 0; + visibility: hidden; + width: 25em; + z-index: 500; } + #stats h3 { + font-size: 18px; + font-family: 'Muli', sans-serif; + color: #3b3b3b; } + #stats p { + margin-bottom: 20px; + color: #3b3b3b; } + #stats > ul { + margin: 0 0 1em 0; } + #stats > ul.links { + list-style: none; + padding: 0; } + #stats > ul.links > li { + padding: 0; } + #stats > ul.links > li > a:not(.button) { + border: 0; + border-top: solid 1px rgba(255, 255, 255, 0.15); + color: inherit; + display: block; + line-height: 3.5em; + text-decoration: none; } + #stats > ul.links > li > .button { + display: block; + margin: 0.5em 0 0 0; } + #stats > ul.links > li:first-child > a:not(.button) { + border-top: 0 !important; } + #stats .form-control > select { + float: right; + font-size: 18px; } + #stats .close { + text-decoration: none; + -moz-transition: color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + -webkit-tap-highlight-color: transparent; + border: 0; + color: #bdbdbd; + cursor: pointer; + display: none; + height: 3.25em; + line-height: 3.25em; + padding-right: 1.25em; + position: absolute; + right: 0; + text-align: right; + top: 0; + vertical-align: middle; + width: 7em; } + #stats .close:before { + content: ""; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; } + #stats .close:before { + font-size: 1.25em; } + #stats .close:hover { + color: #ffffff; } + @media screen and (max-width: 736px) { + #stats .close { + height: 4em; + line-height: 4em; } } + #stats.visible { + -moz-transform: translateX(0); + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2); + visibility: visible; } + @media screen and (max-width: 736px) { + #stats { + padding: 2.5em 1.75em; } } /* Banner */ #banner { padding: 8em 0 6em 0; background: #f6f6f6; - text-align: center; -} - -#banner h2 { - font-size: 4em; - line-height: 1em; - margin: 0 0 0.5em 0; - padding: 0; -} - -#banner p { - font-size: 1.5em; - margin-bottom: 1.75em; -} - -@media screen and (max-width: 1680px) { - #banner { - padding: 7em 0 5em 0; - }; -} - -@media screen and (max-width: 1280px) { - #banner { - padding: 5em 0 3em 0; - } - - #banner h2 { - font-size: 3.5em; - }; -} - -@media screen and (max-width: 980px) { - #banner { - padding: 6em 2em 4em 2em; - }; -} - -@media screen and (max-width: 736px) { - #banner { - padding: 4em 2em 2em 2em; - } - + text-align: center; } #banner h2 { - font-size: 2.25em; - } - + font-size: 4em; + line-height: 1em; + margin: 0 0 0.5em 0; + padding: 0; } #banner p { - font-size: 1.25em; - }; -} - -@media screen and (max-width: 480px) { - #banner { - padding: 4em 2em 2em 2em; - }; -} + font-size: 1.5em; + margin-bottom: 1.75em; } + @media screen and (max-width: 1680px) { + #banner { + padding: 7em 0 5em 0; } } + @media screen and (max-width: 1280px) { + #banner { + padding: 5em 0 3em 0; } + #banner h2 { + font-size: 3.5em; } } + @media screen and (max-width: 980px) { + #banner { + padding: 6em 2em 4em 2em; } } + @media screen and (max-width: 736px) { + #banner { + padding: 4em 2em 2em 2em; } + #banner h2 { + font-size: 2.25em; } + #banner p { + font-size: 1.25em; } } + @media screen and (max-width: 480px) { + #banner { + padding: 4em 2em 2em 2em; } } /* Main */ html, body { height: 100%; margin: 0; padding: 0; - overflow: hidden; -} + overflow: hidden; } #main { height: 100%; - margin-top: 3.5em; -} + margin-top: 3.5em; } .wrapper { position: relative; width: 100%; - height: 100%; -} + height: 100%; } #header, #map, #footer { - position: absolute; -} + position: absolute; } #header { height: 3.5em; - width: 100%; -} + width: 100%; } #map { top: 3.5em; bottom: 0px; - width: 100%; -} + width: 100%; } /* Footer */ #footer { padding: 4em 0 2em 0; - background: #f2f2f2; -} - -#footer .copyright { - color: #bbb; - font-size: 0.9em; - margin: 0 0 2em 0; - padding: 0; - text-align: center; -} - -#footer .copyright li { - border-left: solid 1px rgba(144, 144, 144, 0.25); - display: inline-block; - list-style: none; - margin-left: 1.5em; - padding-left: 1.5em; -} - -#footer .copyright li:first-child { - border-left: 0; - margin-left: 0; - padding-left: 0; -} - -@media screen and (max-width: 736px) { - #footer { - padding: 3em 0 1em 0; - } - - #footer .copyright li { - display: block; - border-left: 0; - margin-left: 0; - padding-left: 0; - }; -} + background: #f2f2f2; } + #footer .copyright { + color: #bbb; + font-size: 0.9em; + margin: 0 0 2em 0; + padding: 0; + text-align: center; } + #footer .copyright li { + border-left: solid 1px rgba(144, 144, 144, 0.25); + display: inline-block; + list-style: none; + margin-left: 1.5em; + padding-left: 1.5em; } + #footer .copyright li:first-child { + border-left: 0; + margin-left: 0; + padding-left: 0; } + @media screen and (max-width: 736px) { + #footer { + padding: 3em 0 1em 0; } + #footer .copyright li { + display: block; + border-left: 0; + margin-left: 0; + padding-left: 0; } } diff --git a/static/dist/css/app.min.css b/static/dist/css/app.min.css index b18298d10e..538163af22 100644 --- a/static/dist/css/app.min.css +++ b/static/dist/css/app.min.css @@ -1 +1 @@ -@charset "UTF-8";@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css);@import url(https://fonts.googleapis.com/css?family=Muli:400,300);*,.row,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.row.\30 \25>*,.row.uniform.\30 \25>*{padding:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}blockquote,em,i{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}body{-webkit-text-size-adjust:none;-ms-overflow-style:scrollbar;background:#fff}*,:after,:before{box-sizing:border-box}.row{border-bottom:solid 1px transparent;box-sizing:border-box}.row:after,.row:before{content:'';display:block;clear:both;height:0}.row.uniform>*>:first-child{margin-top:0}.row.uniform>*>:last-child{margin-bottom:0}.row.\30 \25,.row.uniform.\30 \25{margin:0 0 -1px}.row>*{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 2em}.row{margin:0 0 -1px -2em}.row.uniform>*{padding:2em 0 0 2em}.row.uniform{margin:-2em 0 -1px -2em}.row.\32 00\25>*{padding:0 0 0 4em}.row.\32 00\25{margin:0 0 -1px -4em}.row.uniform.\32 00\25>*{padding:4em 0 0 4em}.row.uniform.\32 00\25{margin:-4em 0 -1px -4em}.row.\31 50\25>*{padding:0 0 0 3em}.row.\31 50\25{margin:0 0 -1px -3em}.row.uniform.\31 50\25>*{padding:3em 0 0 3em}.row.uniform.\31 50\25{margin:-3em 0 -1px -3em}.row.\35 0\25>*{padding:0 0 0 1em}.row.\35 0\25{margin:0 0 -1px -1em}.row.uniform.\35 0\25>*{padding:1em 0 0 1em}.row.uniform.\35 0\25{margin:-1em 0 -1px -1em}.row.\32 5\25>*{padding:0 0 0 .5em}.row.\32 5\25{margin:0 0 -1px -.5em}.row.uniform.\32 5\25>*{padding:.5em 0 0 .5em}.row.uniform.\32 5\25{margin:-.5em 0 -1px -.5em}.\31 0u,.\31 0u\24,.\31 1u,.\31 1u\24,.\31 2u,.\31 2u\24,.\31 u,.\31 u\24,.\32 u,.\32 u\24,.\33 u,.\33 u\24,.\34 u,.\34 u\24,.\35 u,.\35 u\24,.\36 u,.\36 u\24,.\38 u,.\38 u\24,.\39 u,.\39 u\24{clear:none;margin-left:0}.\31 2u,.\31 2u\24{width:100%}.\31 1u,.\31 1u\24{width:91.6666666667%}.\31 0u,.\31 0u\24{width:83.3333333333%}.\39 u,.\39 u\24{width:75%}.\38 u,.\38 u\24{width:66.6666666667%}.\37 u,.\37 u\24{width:58.3333333333%;clear:none;margin-left:0}.\36 u,.\36 u\24{width:50%}.\35 u,.\35 u\24{width:41.6666666667%}.\34 u,.\34 u\24{width:33.3333333333%}.\33 u,.\33 u\24{width:25%}.\32 u,.\32 u\24{width:16.6666666667%}.\31 u,.\31 u\24{width:8.3333333333%}.\31 0u\24+*,.\31 1u\24+*,.\31 2u\24+*,.\31 u\24+*,.\32 u\24+*,.\33 u\24+*,.\34 u\24+*,.\35 u\24+*,.\36 u\24+*,.\37 u\24+*,.\38 u\24+*,.\39 u\24+*{clear:left}.\-11u{margin-left:91.6666666667%}.\-10u{margin-left:83.3333333333%}.\-9u{margin-left:75%}.\-8u{margin-left:66.6666666667%}.\-7u{margin-left:58.3333333333%}.\-6u{margin-left:50%}.\-5u{margin-left:41.6666666667%}.\-4u{margin-left:33.3333333333%}.\-3u{margin-left:25%}.\-2u{margin-left:16.6666666667%}.\-1u{margin-left:8.3333333333%}@media screen and (max-width:1680px){.row>*{padding:0 0 0 2em}.row{margin:0 0 -1px -2em}.row.uniform>*{padding:2em 0 0 2em}.row.uniform{margin:-2em 0 -1px -2em}.row.\32 00\25>*{padding:0 0 0 4em}.row.\32 00\25{margin:0 0 -1px -4em}.row.uniform.\32 00\25>*{padding:4em 0 0 4em}.row.uniform.\32 00\25{margin:-4em 0 -1px -4em}.row.\31 50\25>*{padding:0 0 0 3em}.row.\31 50\25{margin:0 0 -1px -3em}.row.uniform.\31 50\25>*{padding:3em 0 0 3em}.row.uniform.\31 50\25{margin:-3em 0 -1px -3em}.row.\35 0\25>*{padding:0 0 0 1em}.row.\35 0\25{margin:0 0 -1px -1em}.row.uniform.\35 0\25>*{padding:1em 0 0 1em}.row.uniform.\35 0\25{margin:-1em 0 -1px -1em}.row.\32 5\25>*{padding:0 0 0 .5em}.row.\32 5\25{margin:0 0 -1px -.5em}.row.uniform.\32 5\25>*{padding:.5em 0 0 .5em}.row.uniform.\32 5\25{margin:-.5em 0 -1px -.5em}.\31 2u\24\28xlarge\29,.\31 2u\28xlarge\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28xlarge\29,.\31 1u\28xlarge\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28xlarge\29,.\31 0u\28xlarge\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28xlarge\29,.\39 u\28xlarge\29{width:75%;clear:none;margin-left:0}.\38 u\24\28xlarge\29,.\38 u\28xlarge\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28xlarge\29,.\37 u\28xlarge\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28xlarge\29,.\36 u\28xlarge\29{width:50%;clear:none;margin-left:0}.\35 u\24\28xlarge\29,.\35 u\28xlarge\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28xlarge\29,.\34 u\28xlarge\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28xlarge\29,.\33 u\28xlarge\29{width:25%;clear:none;margin-left:0}.\32 u\24\28xlarge\29,.\32 u\28xlarge\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28xlarge\29,.\31 u\28xlarge\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28xlarge\29+*,.\31 1u\24\28xlarge\29+*,.\31 2u\24\28xlarge\29+*,.\31 u\24\28xlarge\29+*,.\32 u\24\28xlarge\29+*,.\33 u\24\28xlarge\29+*,.\34 u\24\28xlarge\29+*,.\35 u\24\28xlarge\29+*,.\36 u\24\28xlarge\29+*,.\37 u\24\28xlarge\29+*,.\38 u\24\28xlarge\29+*,.\39 u\24\28xlarge\29+*{clear:left}.\-11u\28xlarge\29{margin-left:91.6666666667%}.\-10u\28xlarge\29{margin-left:83.3333333333%}.\-9u\28xlarge\29{margin-left:75%}.\-8u\28xlarge\29{margin-left:66.6666666667%}.\-7u\28xlarge\29{margin-left:58.3333333333%}.\-6u\28xlarge\29{margin-left:50%}.\-5u\28xlarge\29{margin-left:41.6666666667%}.\-4u\28xlarge\29{margin-left:33.3333333333%}.\-3u\28xlarge\29{margin-left:25%}.\-2u\28xlarge\29{margin-left:16.6666666667%}.\-1u\28xlarge\29{margin-left:8.3333333333%}}@media screen and (max-width:1280px){.row>*{padding:0 0 0 1.5em}.row{margin:0 0 -1px -1.5em}.row.uniform>*{padding:1.5em 0 0 1.5em}.row.uniform{margin:-1.5em 0 -1px -1.5em}.row.\32 00\25>*{padding:0 0 0 3em}.row.\32 00\25{margin:0 0 -1px -3em}.row.uniform.\32 00\25>*{padding:3em 0 0 3em}.row.uniform.\32 00\25{margin:-3em 0 -1px -3em}.row.\31 50\25>*{padding:0 0 0 2.25em}.row.\31 50\25{margin:0 0 -1px -2.25em}.row.uniform.\31 50\25>*{padding:2.25em 0 0 2.25em}.row.uniform.\31 50\25{margin:-2.25em 0 -1px -2.25em}.row.\35 0\25>*{padding:0 0 0 .75em}.row.\35 0\25{margin:0 0 -1px -.75em}.row.uniform.\35 0\25>*{padding:.75em 0 0 .75em}.row.uniform.\35 0\25{margin:-.75em 0 -1px -.75em}.row.\32 5\25>*{padding:0 0 0 .375em}.row.\32 5\25{margin:0 0 -1px -.375em}.row.uniform.\32 5\25>*{padding:.375em 0 0 .375em}.row.uniform.\32 5\25{margin:-.375em 0 -1px -.375em}.\31 2u\24\28large\29,.\31 2u\28large\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28large\29,.\31 1u\28large\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28large\29,.\31 0u\28large\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28large\29,.\39 u\28large\29{width:75%;clear:none;margin-left:0}.\38 u\24\28large\29,.\38 u\28large\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28large\29,.\37 u\28large\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28large\29,.\36 u\28large\29{width:50%;clear:none;margin-left:0}.\35 u\24\28large\29,.\35 u\28large\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28large\29,.\34 u\28large\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28large\29,.\33 u\28large\29{width:25%;clear:none;margin-left:0}.\32 u\24\28large\29,.\32 u\28large\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28large\29,.\31 u\28large\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28large\29+*,.\31 1u\24\28large\29+*,.\31 2u\24\28large\29+*,.\31 u\24\28large\29+*,.\32 u\24\28large\29+*,.\33 u\24\28large\29+*,.\34 u\24\28large\29+*,.\35 u\24\28large\29+*,.\36 u\24\28large\29+*,.\37 u\24\28large\29+*,.\38 u\24\28large\29+*,.\39 u\24\28large\29+*{clear:left}.\-11u\28large\29{margin-left:91.6666666667%}.\-10u\28large\29{margin-left:83.3333333333%}.\-9u\28large\29{margin-left:75%}.\-8u\28large\29{margin-left:66.6666666667%}.\-7u\28large\29{margin-left:58.3333333333%}.\-6u\28large\29{margin-left:50%}.\-5u\28large\29{margin-left:41.6666666667%}.\-4u\28large\29{margin-left:33.3333333333%}.\-3u\28large\29{margin-left:25%}.\-2u\28large\29{margin-left:16.6666666667%}.\-1u\28large\29{margin-left:8.3333333333%}}@media screen and (max-width:980px){.row>*{padding:0 0 0 1.5em}.row{margin:0 0 -1px -1.5em}.row.uniform>*{padding:1.5em 0 0 1.5em}.row.uniform{margin:-1.5em 0 -1px -1.5em}.row.\32 00\25>*{padding:0 0 0 3em}.row.\32 00\25{margin:0 0 -1px -3em}.row.uniform.\32 00\25>*{padding:3em 0 0 3em}.row.uniform.\32 00\25{margin:-3em 0 -1px -3em}.row.\31 50\25>*{padding:0 0 0 2.25em}.row.\31 50\25{margin:0 0 -1px -2.25em}.row.uniform.\31 50\25>*{padding:2.25em 0 0 2.25em}.row.uniform.\31 50\25{margin:-2.25em 0 -1px -2.25em}.row.\35 0\25>*{padding:0 0 0 .75em}.row.\35 0\25{margin:0 0 -1px -.75em}.row.uniform.\35 0\25>*{padding:.75em 0 0 .75em}.row.uniform.\35 0\25{margin:-.75em 0 -1px -.75em}.row.\32 5\25>*{padding:0 0 0 .375em}.row.\32 5\25{margin:0 0 -1px -.375em}.row.uniform.\32 5\25>*{padding:.375em 0 0 .375em}.row.uniform.\32 5\25{margin:-.375em 0 -1px -.375em}.\31 2u\24\28medium\29,.\31 2u\28medium\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28medium\29,.\31 1u\28medium\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28medium\29,.\31 0u\28medium\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28medium\29,.\39 u\28medium\29{width:75%;clear:none;margin-left:0}.\38 u\24\28medium\29,.\38 u\28medium\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28medium\29,.\37 u\28medium\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28medium\29,.\36 u\28medium\29{width:50%;clear:none;margin-left:0}.\35 u\24\28medium\29,.\35 u\28medium\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28medium\29,.\34 u\28medium\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28medium\29,.\33 u\28medium\29{width:25%;clear:none;margin-left:0}.\32 u\24\28medium\29,.\32 u\28medium\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28medium\29,.\31 u\28medium\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28medium\29+*,.\31 1u\24\28medium\29+*,.\31 2u\24\28medium\29+*,.\31 u\24\28medium\29+*,.\32 u\24\28medium\29+*,.\33 u\24\28medium\29+*,.\34 u\24\28medium\29+*,.\35 u\24\28medium\29+*,.\36 u\24\28medium\29+*,.\37 u\24\28medium\29+*,.\38 u\24\28medium\29+*,.\39 u\24\28medium\29+*{clear:left}.\-11u\28medium\29{margin-left:91.6666666667%}.\-10u\28medium\29{margin-left:83.3333333333%}.\-9u\28medium\29{margin-left:75%}.\-8u\28medium\29{margin-left:66.6666666667%}.\-7u\28medium\29{margin-left:58.3333333333%}.\-6u\28medium\29{margin-left:50%}.\-5u\28medium\29{margin-left:41.6666666667%}.\-4u\28medium\29{margin-left:33.3333333333%}.\-3u\28medium\29{margin-left:25%}.\-2u\28medium\29{margin-left:16.6666666667%}.\-1u\28medium\29{margin-left:8.3333333333%}}@media screen and (max-width:736px){.row>*{padding:0 0 0 1.25em}.row{margin:0 0 -1px -1.25em}.row.uniform>*{padding:1.25em 0 0 1.25em}.row.uniform{margin:-1.25em 0 -1px -1.25em}.row.\32 00\25>*{padding:0 0 0 2.5em}.row.\32 00\25{margin:0 0 -1px -2.5em}.row.uniform.\32 00\25>*{padding:2.5em 0 0 2.5em}.row.uniform.\32 00\25{margin:-2.5em 0 -1px -2.5em}.row.\31 50\25>*{padding:0 0 0 1.875em}.row.\31 50\25{margin:0 0 -1px -1.875em}.row.uniform.\31 50\25>*{padding:1.875em 0 0 1.875em}.row.uniform.\31 50\25{margin:-1.875em 0 -1px -1.875em}.row.\35 0\25>*{padding:0 0 0 .625em}.row.\35 0\25{margin:0 0 -1px -.625em}.row.uniform.\35 0\25>*{padding:.625em 0 0 .625em}.row.uniform.\35 0\25{margin:-.625em 0 -1px -.625em}.row.\32 5\25>*{padding:0 0 0 .3125em}.row.\32 5\25{margin:0 0 -1px -.3125em}.row.uniform.\32 5\25>*{padding:.3125em 0 0 .3125em}.row.uniform.\32 5\25{margin:-.3125em 0 -1px -.3125em}.\31 2u\24\28small\29,.\31 2u\28small\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28small\29,.\31 1u\28small\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28small\29,.\31 0u\28small\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28small\29,.\39 u\28small\29{width:75%;clear:none;margin-left:0}.\38 u\24\28small\29,.\38 u\28small\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28small\29,.\37 u\28small\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28small\29,.\36 u\28small\29{width:50%;clear:none;margin-left:0}.\35 u\24\28small\29,.\35 u\28small\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28small\29,.\34 u\28small\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28small\29,.\33 u\28small\29{width:25%;clear:none;margin-left:0}.\32 u\24\28small\29,.\32 u\28small\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28small\29,.\31 u\28small\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28small\29+*,.\31 1u\24\28small\29+*,.\31 2u\24\28small\29+*,.\31 u\24\28small\29+*,.\32 u\24\28small\29+*,.\33 u\24\28small\29+*,.\34 u\24\28small\29+*,.\35 u\24\28small\29+*,.\36 u\24\28small\29+*,.\37 u\24\28small\29+*,.\38 u\24\28small\29+*,.\39 u\24\28small\29+*{clear:left}.\-11u\28small\29{margin-left:91.6666666667%}.\-10u\28small\29{margin-left:83.3333333333%}.\-9u\28small\29{margin-left:75%}.\-8u\28small\29{margin-left:66.6666666667%}.\-7u\28small\29{margin-left:58.3333333333%}.\-6u\28small\29{margin-left:50%}.\-5u\28small\29{margin-left:41.6666666667%}.\-4u\28small\29{margin-left:33.3333333333%}.\-3u\28small\29{margin-left:25%}.\-2u\28small\29{margin-left:16.6666666667%}.\-1u\28small\29{margin-left:8.3333333333%}}@media screen and (max-width:480px){.row>*{padding:0 0 0 1.25em}.row{margin:0 0 -1px -1.25em}.row.uniform>*{padding:1.25em 0 0 1.25em}.row.uniform{margin:-1.25em 0 -1px -1.25em}.row.\32 00\25>*{padding:0 0 0 2.5em}.row.\32 00\25{margin:0 0 -1px -2.5em}.row.uniform.\32 00\25>*{padding:2.5em 0 0 2.5em}.row.uniform.\32 00\25{margin:-2.5em 0 -1px -2.5em}.row.\31 50\25>*{padding:0 0 0 1.875em}.row.\31 50\25{margin:0 0 -1px -1.875em}.row.uniform.\31 50\25>*{padding:1.875em 0 0 1.875em}.row.uniform.\31 50\25{margin:-1.875em 0 -1px -1.875em}.row.\35 0\25>*{padding:0 0 0 .625em}.row.\35 0\25{margin:0 0 -1px -.625em}.row.uniform.\35 0\25>*{padding:.625em 0 0 .625em}.row.uniform.\35 0\25{margin:-.625em 0 -1px -.625em}.row.\32 5\25>*{padding:0 0 0 .3125em}.row.\32 5\25{margin:0 0 -1px -.3125em}.row.uniform.\32 5\25>*{padding:.3125em 0 0 .3125em}.row.uniform.\32 5\25{margin:-.3125em 0 -1px -.3125em}.\31 2u\24\28xsmall\29,.\31 2u\28xsmall\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28xsmall\29,.\31 1u\28xsmall\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28xsmall\29,.\31 0u\28xsmall\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28xsmall\29,.\39 u\28xsmall\29{width:75%;clear:none;margin-left:0}.\38 u\24\28xsmall\29,.\38 u\28xsmall\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28xsmall\29,.\37 u\28xsmall\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28xsmall\29,.\36 u\28xsmall\29{width:50%;clear:none;margin-left:0}.\35 u\24\28xsmall\29,.\35 u\28xsmall\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28xsmall\29,.\34 u\28xsmall\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28xsmall\29,.\33 u\28xsmall\29{width:25%;clear:none;margin-left:0}.\32 u\24\28xsmall\29,.\32 u\28xsmall\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28xsmall\29,.\31 u\28xsmall\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28xsmall\29+*,.\31 1u\24\28xsmall\29+*,.\31 2u\24\28xsmall\29+*,.\31 u\24\28xsmall\29+*,.\32 u\24\28xsmall\29+*,.\33 u\24\28xsmall\29+*,.\34 u\24\28xsmall\29+*,.\35 u\24\28xsmall\29+*,.\36 u\24\28xsmall\29+*,.\37 u\24\28xsmall\29+*,.\38 u\24\28xsmall\29+*,.\39 u\24\28xsmall\29+*{clear:left}.\-11u\28xsmall\29{margin-left:91.6666666667%}.\-10u\28xsmall\29{margin-left:83.3333333333%}.\-9u\28xsmall\29{margin-left:75%}.\-8u\28xsmall\29{margin-left:66.6666666667%}.\-7u\28xsmall\29{margin-left:58.3333333333%}.\-6u\28xsmall\29{margin-left:50%}.\-5u\28xsmall\29{margin-left:41.6666666667%}.\-4u\28xsmall\29{margin-left:33.3333333333%}.\-3u\28xsmall\29{margin-left:25%}.\-2u\28xsmall\29{margin-left:16.6666666667%}.\-1u\28xsmall\29{margin-left:8.3333333333%}body,html{min-width:320px}}blockquote,p,pre{margin:0 0 2em}@-ms-viewport{width:device-width}body.is-loading *,body.is-loading :after,body.is-loading :before{-moz-animation:none!important;-webkit-animation:none!important;-ms-animation:none!important;animation:none!important;-moz-transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;transition:none!important}body,input,select,textarea{color:#444;font-family:Arial,Helvetica,sans-serif;font-size:13pt;font-weight:400;line-height:1.65}b,h1,h2,h3,h4,h5,h6,strong{color:#555;font-weight:700}@media screen and (max-width:1680px){body,input,select,textarea{font-size:11pt}}@media screen and (max-width:1280px){body,input,select,textarea{font-size:11pt}}@media screen and (max-width:980px){body,input,select,textarea{font-size:12pt}}@media screen and (max-width:736px){body,input,select,textarea{font-size:12pt}}@media screen and (max-width:480px){body,input,select,textarea{font-size:12pt}}a{color:#5AA6ED;text-decoration:underline}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{line-height:1.5;margin:0 0 1em}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}h2{font-size:1.75em}h3{font-size:1.35em}h4{font-size:1.1em}h5{font-size:.9em}h6{font-size:.7em}sub,sup{font-size:.8em;position:relative}sub{top:.5em}sup{top:-.5em}code,pre{font-family:"Courier New",monospace;font-size:.9em}blockquote{border-left:solid 4px rgba(144,144,144,.25);padding:.5em 0 .5em 2em}code{background:rgba(144,144,144,.075);border-radius:4px;border:1px solid rgba(144,144,144,.25);margin:0 .25em;padding:.25em .65em}pre{-webkit-overflow-scrolling:touch}pre code{display:block;line-height:1.75;padding:1em 1.5em;overflow-x:auto}hr{border:0;border-bottom:solid 1px rgba(144,144,144,.25);margin:2em 0}hr.major{margin:3em 0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.grid-demo span,article.special,section.special{text-align:center}header p{color:#bbb;position:relative;margin:0 0 1.5em}header h2+p{font-size:1.25em;margin-top:-1em}header h3+p{font-size:1.1em;margin-top:-.8em}header h4+p,header h5+p,header h6+p{font-size:.9em;margin-top:-.6em}form{margin:0 0 2em}input[type=text],input[type=password],input[type=email],input[type=tel],textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;background:rgba(144,144,144,.075);border-radius:4px;border:none;border:1px solid rgba(144,144,144,.25);color:inherit;display:block;outline:0;padding:0 1em;text-decoration:none;width:100%}input[type=text]:invalid,input[type=password]:invalid,input[type=email]:invalid,input[type=tel]:invalid,textarea:invalid{box-shadow:none}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus{border-color:#5AA6ED;box-shadow:0 0 0 1px #5AA6ED}input[type=text],input[type=password],input[type=email]{height:2.75em}textarea{padding:.75em 1em}::-webkit-input-placeholder{color:#bbb!important;opacity:1}:-moz-placeholder{color:#bbb!important;opacity:1}::-moz-placeholder{color:#bbb!important;opacity:1}:-ms-input-placeholder{color:#bbb!important;opacity:1}.formerize-placeholder{color:#bbb!important;opacity:1}.switch-container{float:left;width:100%}.switch-container h3{margin-bottom:0!important;float:left}.form-control,.form-control h3{margin-bottom:15px}.form-control{display:block}.form-control input[type=text]{background-color:#fff;border:1px solid #aaa;border-radius:4px;display:block;padding:0 10px}.form-control input[type=text]:active,.form-control input[type=text]:focus{color:#3b3b3b;border:1px solid #3b3b3b;outline:0;box-shadow:none}.onoffswitch{position:relative;width:50px;float:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch .onoffswitch-checkbox{display:none}.onoffswitch .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:20px;padding:0;line-height:20px;border:2px solid #CCC;border-radius:20px;background-color:#FFF;transition:background-color .3s ease-in}#nav,.table-wrapper{-webkit-overflow-scrolling:touch}.onoffswitch .onoffswitch-label:before{content:"";display:block;width:20px;margin:0;background:#FFF;position:absolute;top:0;bottom:0;right:30px;border:2px solid #CCC;border-radius:20px;transition:all .3s ease-in 0s}.icon,.image{position:relative}.onoffswitch-checkbox:checked+.onoffswitch-label{background-color:#4A80F5}.onoffswitch-checkbox:checked+.onoffswitch-label,.onoffswitch-checkbox:checked+.onoffswitch-label:before{border-color:#4A80F5}.onoffswitch-checkbox:checked+.onoffswitch-label:before{right:0}.select2-container{width:100%!important}.image.fit,.image.fit img,.image.left img,.image.main img,.image.right img{width:100%}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#4A80F5!important}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #3b3b3b}.box,.image{border-radius:4px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#FFF!important}.box{border:1px solid rgba(144,144,144,.25);margin-bottom:2em;padding:1.5em}.box>:last-child,.box>:last-child>:last-child,.box>:last-child>:last-child>:last-child{margin-bottom:0}.box.alt{border:0;border-radius:0;padding:0}.icon{text-decoration:none;border-bottom:none}.icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}.grid-demo span,dl dt,table th{font-weight:700}.icon>.label{display:none}.image{border:0;display:inline-block}.image img{border-radius:4px;display:block}.image.left,.image.right{max-width:40%}.image.left{float:left;padding:0 1.5em 1em 0;top:.25em}.image.right{float:right;padding:0 0 1em 1.5em;top:.25em}.image.fit{display:block;margin:0 0 2em}.image.main{display:block;margin:0 0 3em;width:100%}ol,ul{margin:0 0 2em}ol{list-style:decimal;padding-left:1.25em}ol li{padding-left:.25em}ul{list-style:disc;padding-left:1em}#nav>ul.links,ul.actions,ul.alt,ul.icons{list-style:none}ul.actions.fit li>*,ul.actions.vertical li>*{margin-bottom:0}ul li{padding-left:.5em}ul.alt{padding-left:0}ul.alt li{border-top:solid 1px rgba(144,144,144,.25);padding:.5em 0}ul.alt li:first-child{border-top:0;padding-top:0}ul.icons{cursor:default;padding-left:0}ul.icons li{display:inline-block;padding:0 1em 0 0}ul.icons li:last-child{padding-right:0}ul.icons li .icon:before{font-size:2em}ul.actions{cursor:default;padding-left:0}ul.actions li{display:inline-block;padding:0 1em 0 0;vertical-align:middle}ul.actions li:last-child{padding-right:0}ul.actions.small li{padding:0 .5em 0 0}ul.actions.vertical li{display:block;padding:1em 0 0}ul.actions.vertical li:first-child{padding-top:0}ul.actions.vertical.small li{padding:.5em 0 0}ul.actions.vertical.small li:first-child{padding-top:0}ul.actions.fit{display:table;margin-left:-1em;padding:0;table-layout:fixed;width:calc(100% + 1em)}ul.actions.fit li{display:table-cell;padding:0 0 0 1em}ul.actions.fit.small{margin-left:-.5em;width:calc(100% + .5em)}ul.actions.fit.small li{padding:0 0 0 .5em}@media screen and (max-width:480px){ul.actions{margin:0 0 2em}ul.actions li{padding:1em 0 0;display:block;text-align:center;width:100%}ul.actions li:first-child{padding-top:0}ul.actions li>*{width:100%;margin:0!important}ul.actions li>.icon:before{margin-left:-2em}ul.actions.small li{padding:.5em 0 0}ul.actions.small li:first-child{padding-top:0}}dl,table{margin:0 0 2em}dl dt{display:block;margin:0 0 1em}dl dd{margin-left:2em}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;border-spacing:0;width:100%}table tbody tr{border:1px solid rgba(144,144,144,.25);border-left:0;border-right:0}table tbody tr:nth-child(2n+1){background-color:rgba(144,144,144,.075)}table td{padding:.75em}table th{color:#555;font-size:.9em;padding:0 .75em .75em;text-align:left}table thead{border-bottom:solid 2px rgba(144,144,144,.25)}table tfoot{border-top:solid 2px rgba(144,144,144,.25)}table.alt{border-collapse:separate}table.alt tbody tr td{border:1px solid rgba(144,144,144,.25);border-left-width:0;border-top-width:0}table.alt tbody tr td:first-child{border-left-width:1px}table.alt tbody tr:first-child td{border-top-width:1px}table.alt thead{border-bottom:0}table.alt tfoot{border-top:0}.button,button,input[type=button],input[type=submit],input[type=reset]{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out;background-color:#5a5a5a;border-radius:4px;border:0;color:#fff!important;cursor:pointer;display:inline-block;font-weight:700;height:2.85em;line-height:2.95em;padding:0 1.5em;text-align:center;text-decoration:none;white-space:nowrap}.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background-color:#676767}.button:active,button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{background-color:#4d4d4d}.button.icon,button.icon,input[type=button].icon,input[type=submit].icon,input[type=reset].icon{padding-left:1.35em}.button.icon:before,button.icon:before,input[type=button].icon:before,input[type=submit].icon:before,input[type=reset].icon:before{margin-right:.5em}.button.fit,button.fit,input[type=button].fit,input[type=submit].fit,input[type=reset].fit{display:block;margin:0 0 1em;width:100%}.button.small,button.small,input[type=button].small,input[type=submit].small,input[type=reset].small{font-size:.8em}.button.big,button.big,input[type=button].big,input[type=submit].big,input[type=reset].big{font-size:1.35em}.button.alt,button.alt,input[type=button].alt,input[type=submit].alt,input[type=reset].alt{background-color:transparent;box-shadow:inset 0 0 0 2px rgba(144,144,144,.25);color:#555!important}.button.alt:hover,button.alt:hover,input[type=button].alt:hover,input[type=submit].alt:hover,input[type=reset].alt:hover{background-color:rgba(144,144,144,.075)}.button.alt:active,button.alt:active,input[type=button].alt:active,input[type=submit].alt:active,input[type=reset].alt:active{background-color:rgba(144,144,144,.2)}.button.alt.icon:before,button.alt.icon:before,input[type=button].alt.icon:before,input[type=submit].alt.icon:before,input[type=reset].alt.icon:before{color:#bbb}.button.special,button.special,input[type=button].special,input[type=submit].special,input[type=reset].special{background-color:#5AA6ED;color:#fff!important}.button.special:hover,button.special:hover,input[type=button].special:hover,input[type=submit].special:hover,input[type=reset].special:hover{background-color:#71b2f0}.button.special:active,button.special:active,input[type=button].special:active,input[type=submit].special:active,input[type=reset].special:active{background-color:#439aea}.button.disabled,.button:disabled,button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled{background-color:#444!important;box-shadow:inset 0 -.15em 0 0 rgba(0,0,0,.15);color:#fff!important;cursor:default;opacity:.25}@media screen and (max-width:480px){.button,button,input[type=button],input[type=submit],input[type=reset]{padding:0}#header{min-width:320px}}.grid-demo{display:block;margin:0 0 2em}.grid-demo span{background:#e4f0fc;border-radius:4px;color:rgba(0,0,0,.25);display:block;height:2.75em;line-height:2.75em}#header>a,#header>h1{display:inline-block}#header>a[href="#nav"]:before,#nav .close:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;text-transform:none!important}body{padding-top:3.125em}#header{background:#3b3b3b;color:#d6d6d6;cursor:default;left:0;line-height:3.5em;text-align:left;top:0;z-index:10001}#header>h1{color:#fff;height:inherit;line-height:inherit;margin:0;padding:0}#header>h1 a{font-size:1.25em}#header>a{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;padding:0 .75em;color:inherit;text-decoration:none}#header>a:hover,#nav{color:#fff}#header>a[href="#nav"]{text-decoration:none;-webkit-tap-highlight-color:transparent}#header>a[href="#nav"]:before{content:"";font-family:FontAwesome;margin:0 .5em 0 0}#header>a+a[href="#nav"]:last-child{border-left:solid 1px rgba(255,255,255,.15);padding-left:1.25em;margin-left:.5em}#header>a:last-child{padding-right:1.25em}@media screen and (max-width:736px){#header>a{padding:0 .5em}#header>a+a[href="#nav"]:last-child{padding-left:1em;margin-left:.25em}#header>a:last-child{padding-right:1em}}@media screen and (max-width:980px){body{padding-top:44px}#header{height:44px}#header>h1{left:1em}#header>h1 a{font-size:1em}}#nav{-moz-transform:translateX(-18em);-webkit-transform:translateX(-18em);-ms-transform:translateX(-18em);transform:translateX(-18em);-moz-transition:-moz-transform .5s ease,box-shadow .5s ease,visibility .5s;-webkit-transition:-webkit-transform .5s ease,box-shadow .5s ease,visibility .5s;-ms-transition:-ms-transform .5s ease,box-shadow .5s ease,visibility .5s;transition:transform .5s ease,box-shadow .5s ease,visibility .5s;background:#F8F8F8;box-shadow:none;height:100%;max-width:80%;overflow-y:auto;padding:1.5em 1.5em 4em;position:fixed;top:3.5em;left:0;visibility:hidden;width:18em;z-index:500}#nav h3{font-size:18px;font-family:Muli,sans-serif;color:#3b3b3b}#nav p{margin-bottom:20px;color:#3b3b3b}#nav>ul{margin:0 0 1em}#nav>ul.links,#nav>ul.links>li{padding:0}#nav>ul.links>li>a:not(.button){border:0;border-top:solid 1px rgba(255,255,255,.15);color:inherit;display:block;line-height:3.5em;text-decoration:none}#nav>ul.links>li>.button{display:block;margin:.5em 0 0}#nav>ul.links>li:first-child>a:not(.button){border-top:0!important}#nav .form-control>select{float:right;font-size:18px}#nav .close{text-decoration:none;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent;border:0;color:#bdbdbd;cursor:pointer;display:none;height:3.25em;line-height:3.25em;padding-right:1.25em;position:absolute;right:0;text-align:right;top:0;vertical-align:middle;width:7em}#header,#map,.wrapper{width:100%}#nav .close:before{content:"";font-family:FontAwesome;font-size:1.25em}#nav .close:hover{color:#fff}#nav.visible{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:0 0 1.5em 0 rgba(0,0,0,.2);visibility:visible}@media screen and (max-width:736px){#nav .close{height:4em;line-height:4em}#nav{padding:2.5em 1.75em}}#banner{padding:8em 0 6em;background:#f6f6f6;text-align:center}#banner h2{font-size:4em;line-height:1em;margin:0 0 .5em;padding:0}#banner p{font-size:1.5em;margin-bottom:1.75em}@media screen and (max-width:1680px){#banner{padding:7em 0 5em}}@media screen and (max-width:1280px){#banner{padding:5em 0 3em}#banner h2{font-size:3.5em}}@media screen and (max-width:980px){#banner{padding:6em 2em 4em}}@media screen and (max-width:736px){#banner{padding:4em 2em 2em}#banner h2{font-size:2.25em}#banner p{font-size:1.25em}}@media screen and (max-width:480px){#banner{padding:4em 2em 2em}}body,html{height:100%;margin:0;padding:0;overflow:hidden}#main{height:100%;margin-top:3.5em}.wrapper{position:relative;height:100%}#footer,#header,#map{position:absolute}#header{height:3.5em}#map{top:3.5em;bottom:0}#footer{padding:4em 0 2em;background:#f2f2f2}#footer .copyright{color:#bbb;font-size:.9em;margin:0 0 2em;padding:0;text-align:center}#footer .copyright li{border-left:solid 1px rgba(144,144,144,.25);display:inline-block;list-style:none;margin-left:1.5em;padding-left:1.5em}#footer .copyright li:first-child{border-left:0;margin-left:0;padding-left:0}@media screen and (max-width:736px){#footer{padding:3em 0 1em}#footer .copyright li{display:block;border-left:0;margin-left:0;padding-left:0}} \ No newline at end of file +@charset "UTF-8";@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css);@import url(https://fonts.googleapis.com/css?family=Muli:400,300);*,.row,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.row.\30 \25>*,.row.uniform.\30 \25>*{padding:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}blockquote,em,i{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}body{-webkit-text-size-adjust:none;-ms-overflow-style:scrollbar;background:#fff}*,:after,:before{box-sizing:border-box}.row{border-bottom:solid 1px transparent;box-sizing:border-box}.row:after,.row:before{content:'';display:block;clear:both;height:0}.row.uniform>*>:first-child{margin-top:0}.row.uniform>*>:last-child{margin-bottom:0}.row.\30 \25,.row.uniform.\30 \25{margin:0 0 -1px}.row>*{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 2em}.row{margin:0 0 -1px -2em}.row.uniform>*{padding:2em 0 0 2em}.row.uniform{margin:-2em 0 -1px -2em}.row.\32 00\25>*{padding:0 0 0 4em}.row.\32 00\25{margin:0 0 -1px -4em}.row.uniform.\32 00\25>*{padding:4em 0 0 4em}.row.uniform.\32 00\25{margin:-4em 0 -1px -4em}.row.\31 50\25>*{padding:0 0 0 3em}.row.\31 50\25{margin:0 0 -1px -3em}.row.uniform.\31 50\25>*{padding:3em 0 0 3em}.row.uniform.\31 50\25{margin:-3em 0 -1px -3em}.row.\35 0\25>*{padding:0 0 0 1em}.row.\35 0\25{margin:0 0 -1px -1em}.row.uniform.\35 0\25>*{padding:1em 0 0 1em}.row.uniform.\35 0\25{margin:-1em 0 -1px -1em}.row.\32 5\25>*{padding:0 0 0 .5em}.row.\32 5\25{margin:0 0 -1px -.5em}.row.uniform.\32 5\25>*{padding:.5em 0 0 .5em}.row.uniform.\32 5\25{margin:-.5em 0 -1px -.5em}.\31 0u,.\31 0u\24,.\31 1u,.\31 1u\24,.\31 2u,.\31 2u\24,.\31 u,.\31 u\24,.\32 u,.\32 u\24,.\33 u,.\33 u\24,.\34 u,.\34 u\24,.\35 u,.\35 u\24,.\36 u,.\36 u\24,.\38 u,.\38 u\24,.\39 u,.\39 u\24{clear:none;margin-left:0}.\31 2u,.\31 2u\24{width:100%}.\31 1u,.\31 1u\24{width:91.6666666667%}.\31 0u,.\31 0u\24{width:83.3333333333%}.\39 u,.\39 u\24{width:75%}.\38 u,.\38 u\24{width:66.6666666667%}.\37 u,.\37 u\24{width:58.3333333333%;clear:none;margin-left:0}.\36 u,.\36 u\24{width:50%}.\35 u,.\35 u\24{width:41.6666666667%}.\34 u,.\34 u\24{width:33.3333333333%}.\33 u,.\33 u\24{width:25%}.\32 u,.\32 u\24{width:16.6666666667%}.\31 u,.\31 u\24{width:8.3333333333%}.\31 0u\24+*,.\31 1u\24+*,.\31 2u\24+*,.\31 u\24+*,.\32 u\24+*,.\33 u\24+*,.\34 u\24+*,.\35 u\24+*,.\36 u\24+*,.\37 u\24+*,.\38 u\24+*,.\39 u\24+*{clear:left}.\-11u{margin-left:91.6666666667%}.\-10u{margin-left:83.3333333333%}.\-9u{margin-left:75%}.\-8u{margin-left:66.6666666667%}.\-7u{margin-left:58.3333333333%}.\-6u{margin-left:50%}.\-5u{margin-left:41.6666666667%}.\-4u{margin-left:33.3333333333%}.\-3u{margin-left:25%}.\-2u{margin-left:16.6666666667%}.\-1u{margin-left:8.3333333333%}@media screen and (max-width:1680px){.row>*{padding:0 0 0 2em}.row{margin:0 0 -1px -2em}.row.uniform>*{padding:2em 0 0 2em}.row.uniform{margin:-2em 0 -1px -2em}.row.\32 00\25>*{padding:0 0 0 4em}.row.\32 00\25{margin:0 0 -1px -4em}.row.uniform.\32 00\25>*{padding:4em 0 0 4em}.row.uniform.\32 00\25{margin:-4em 0 -1px -4em}.row.\31 50\25>*{padding:0 0 0 3em}.row.\31 50\25{margin:0 0 -1px -3em}.row.uniform.\31 50\25>*{padding:3em 0 0 3em}.row.uniform.\31 50\25{margin:-3em 0 -1px -3em}.row.\35 0\25>*{padding:0 0 0 1em}.row.\35 0\25{margin:0 0 -1px -1em}.row.uniform.\35 0\25>*{padding:1em 0 0 1em}.row.uniform.\35 0\25{margin:-1em 0 -1px -1em}.row.\32 5\25>*{padding:0 0 0 .5em}.row.\32 5\25{margin:0 0 -1px -.5em}.row.uniform.\32 5\25>*{padding:.5em 0 0 .5em}.row.uniform.\32 5\25{margin:-.5em 0 -1px -.5em}.\31 2u\24\28xlarge\29,.\31 2u\28xlarge\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28xlarge\29,.\31 1u\28xlarge\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28xlarge\29,.\31 0u\28xlarge\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28xlarge\29,.\39 u\28xlarge\29{width:75%;clear:none;margin-left:0}.\38 u\24\28xlarge\29,.\38 u\28xlarge\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28xlarge\29,.\37 u\28xlarge\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28xlarge\29,.\36 u\28xlarge\29{width:50%;clear:none;margin-left:0}.\35 u\24\28xlarge\29,.\35 u\28xlarge\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28xlarge\29,.\34 u\28xlarge\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28xlarge\29,.\33 u\28xlarge\29{width:25%;clear:none;margin-left:0}.\32 u\24\28xlarge\29,.\32 u\28xlarge\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28xlarge\29,.\31 u\28xlarge\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28xlarge\29+*,.\31 1u\24\28xlarge\29+*,.\31 2u\24\28xlarge\29+*,.\31 u\24\28xlarge\29+*,.\32 u\24\28xlarge\29+*,.\33 u\24\28xlarge\29+*,.\34 u\24\28xlarge\29+*,.\35 u\24\28xlarge\29+*,.\36 u\24\28xlarge\29+*,.\37 u\24\28xlarge\29+*,.\38 u\24\28xlarge\29+*,.\39 u\24\28xlarge\29+*{clear:left}.\-11u\28xlarge\29{margin-left:91.6666666667%}.\-10u\28xlarge\29{margin-left:83.3333333333%}.\-9u\28xlarge\29{margin-left:75%}.\-8u\28xlarge\29{margin-left:66.6666666667%}.\-7u\28xlarge\29{margin-left:58.3333333333%}.\-6u\28xlarge\29{margin-left:50%}.\-5u\28xlarge\29{margin-left:41.6666666667%}.\-4u\28xlarge\29{margin-left:33.3333333333%}.\-3u\28xlarge\29{margin-left:25%}.\-2u\28xlarge\29{margin-left:16.6666666667%}.\-1u\28xlarge\29{margin-left:8.3333333333%}}@media screen and (max-width:1280px){.row>*{padding:0 0 0 1.5em}.row{margin:0 0 -1px -1.5em}.row.uniform>*{padding:1.5em 0 0 1.5em}.row.uniform{margin:-1.5em 0 -1px -1.5em}.row.\32 00\25>*{padding:0 0 0 3em}.row.\32 00\25{margin:0 0 -1px -3em}.row.uniform.\32 00\25>*{padding:3em 0 0 3em}.row.uniform.\32 00\25{margin:-3em 0 -1px -3em}.row.\31 50\25>*{padding:0 0 0 2.25em}.row.\31 50\25{margin:0 0 -1px -2.25em}.row.uniform.\31 50\25>*{padding:2.25em 0 0 2.25em}.row.uniform.\31 50\25{margin:-2.25em 0 -1px -2.25em}.row.\35 0\25>*{padding:0 0 0 .75em}.row.\35 0\25{margin:0 0 -1px -.75em}.row.uniform.\35 0\25>*{padding:.75em 0 0 .75em}.row.uniform.\35 0\25{margin:-.75em 0 -1px -.75em}.row.\32 5\25>*{padding:0 0 0 .375em}.row.\32 5\25{margin:0 0 -1px -.375em}.row.uniform.\32 5\25>*{padding:.375em 0 0 .375em}.row.uniform.\32 5\25{margin:-.375em 0 -1px -.375em}.\31 2u\24\28large\29,.\31 2u\28large\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28large\29,.\31 1u\28large\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28large\29,.\31 0u\28large\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28large\29,.\39 u\28large\29{width:75%;clear:none;margin-left:0}.\38 u\24\28large\29,.\38 u\28large\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28large\29,.\37 u\28large\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28large\29,.\36 u\28large\29{width:50%;clear:none;margin-left:0}.\35 u\24\28large\29,.\35 u\28large\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28large\29,.\34 u\28large\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28large\29,.\33 u\28large\29{width:25%;clear:none;margin-left:0}.\32 u\24\28large\29,.\32 u\28large\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28large\29,.\31 u\28large\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28large\29+*,.\31 1u\24\28large\29+*,.\31 2u\24\28large\29+*,.\31 u\24\28large\29+*,.\32 u\24\28large\29+*,.\33 u\24\28large\29+*,.\34 u\24\28large\29+*,.\35 u\24\28large\29+*,.\36 u\24\28large\29+*,.\37 u\24\28large\29+*,.\38 u\24\28large\29+*,.\39 u\24\28large\29+*{clear:left}.\-11u\28large\29{margin-left:91.6666666667%}.\-10u\28large\29{margin-left:83.3333333333%}.\-9u\28large\29{margin-left:75%}.\-8u\28large\29{margin-left:66.6666666667%}.\-7u\28large\29{margin-left:58.3333333333%}.\-6u\28large\29{margin-left:50%}.\-5u\28large\29{margin-left:41.6666666667%}.\-4u\28large\29{margin-left:33.3333333333%}.\-3u\28large\29{margin-left:25%}.\-2u\28large\29{margin-left:16.6666666667%}.\-1u\28large\29{margin-left:8.3333333333%}}@media screen and (max-width:980px){.row>*{padding:0 0 0 1.5em}.row{margin:0 0 -1px -1.5em}.row.uniform>*{padding:1.5em 0 0 1.5em}.row.uniform{margin:-1.5em 0 -1px -1.5em}.row.\32 00\25>*{padding:0 0 0 3em}.row.\32 00\25{margin:0 0 -1px -3em}.row.uniform.\32 00\25>*{padding:3em 0 0 3em}.row.uniform.\32 00\25{margin:-3em 0 -1px -3em}.row.\31 50\25>*{padding:0 0 0 2.25em}.row.\31 50\25{margin:0 0 -1px -2.25em}.row.uniform.\31 50\25>*{padding:2.25em 0 0 2.25em}.row.uniform.\31 50\25{margin:-2.25em 0 -1px -2.25em}.row.\35 0\25>*{padding:0 0 0 .75em}.row.\35 0\25{margin:0 0 -1px -.75em}.row.uniform.\35 0\25>*{padding:.75em 0 0 .75em}.row.uniform.\35 0\25{margin:-.75em 0 -1px -.75em}.row.\32 5\25>*{padding:0 0 0 .375em}.row.\32 5\25{margin:0 0 -1px -.375em}.row.uniform.\32 5\25>*{padding:.375em 0 0 .375em}.row.uniform.\32 5\25{margin:-.375em 0 -1px -.375em}.\31 2u\24\28medium\29,.\31 2u\28medium\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28medium\29,.\31 1u\28medium\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28medium\29,.\31 0u\28medium\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28medium\29,.\39 u\28medium\29{width:75%;clear:none;margin-left:0}.\38 u\24\28medium\29,.\38 u\28medium\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28medium\29,.\37 u\28medium\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28medium\29,.\36 u\28medium\29{width:50%;clear:none;margin-left:0}.\35 u\24\28medium\29,.\35 u\28medium\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28medium\29,.\34 u\28medium\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28medium\29,.\33 u\28medium\29{width:25%;clear:none;margin-left:0}.\32 u\24\28medium\29,.\32 u\28medium\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28medium\29,.\31 u\28medium\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28medium\29+*,.\31 1u\24\28medium\29+*,.\31 2u\24\28medium\29+*,.\31 u\24\28medium\29+*,.\32 u\24\28medium\29+*,.\33 u\24\28medium\29+*,.\34 u\24\28medium\29+*,.\35 u\24\28medium\29+*,.\36 u\24\28medium\29+*,.\37 u\24\28medium\29+*,.\38 u\24\28medium\29+*,.\39 u\24\28medium\29+*{clear:left}.\-11u\28medium\29{margin-left:91.6666666667%}.\-10u\28medium\29{margin-left:83.3333333333%}.\-9u\28medium\29{margin-left:75%}.\-8u\28medium\29{margin-left:66.6666666667%}.\-7u\28medium\29{margin-left:58.3333333333%}.\-6u\28medium\29{margin-left:50%}.\-5u\28medium\29{margin-left:41.6666666667%}.\-4u\28medium\29{margin-left:33.3333333333%}.\-3u\28medium\29{margin-left:25%}.\-2u\28medium\29{margin-left:16.6666666667%}.\-1u\28medium\29{margin-left:8.3333333333%}}@media screen and (max-width:736px){.row>*{padding:0 0 0 1.25em}.row{margin:0 0 -1px -1.25em}.row.uniform>*{padding:1.25em 0 0 1.25em}.row.uniform{margin:-1.25em 0 -1px -1.25em}.row.\32 00\25>*{padding:0 0 0 2.5em}.row.\32 00\25{margin:0 0 -1px -2.5em}.row.uniform.\32 00\25>*{padding:2.5em 0 0 2.5em}.row.uniform.\32 00\25{margin:-2.5em 0 -1px -2.5em}.row.\31 50\25>*{padding:0 0 0 1.875em}.row.\31 50\25{margin:0 0 -1px -1.875em}.row.uniform.\31 50\25>*{padding:1.875em 0 0 1.875em}.row.uniform.\31 50\25{margin:-1.875em 0 -1px -1.875em}.row.\35 0\25>*{padding:0 0 0 .625em}.row.\35 0\25{margin:0 0 -1px -.625em}.row.uniform.\35 0\25>*{padding:.625em 0 0 .625em}.row.uniform.\35 0\25{margin:-.625em 0 -1px -.625em}.row.\32 5\25>*{padding:0 0 0 .3125em}.row.\32 5\25{margin:0 0 -1px -.3125em}.row.uniform.\32 5\25>*{padding:.3125em 0 0 .3125em}.row.uniform.\32 5\25{margin:-.3125em 0 -1px -.3125em}.\31 2u\24\28small\29,.\31 2u\28small\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28small\29,.\31 1u\28small\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28small\29,.\31 0u\28small\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28small\29,.\39 u\28small\29{width:75%;clear:none;margin-left:0}.\38 u\24\28small\29,.\38 u\28small\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28small\29,.\37 u\28small\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28small\29,.\36 u\28small\29{width:50%;clear:none;margin-left:0}.\35 u\24\28small\29,.\35 u\28small\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28small\29,.\34 u\28small\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28small\29,.\33 u\28small\29{width:25%;clear:none;margin-left:0}.\32 u\24\28small\29,.\32 u\28small\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28small\29,.\31 u\28small\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28small\29+*,.\31 1u\24\28small\29+*,.\31 2u\24\28small\29+*,.\31 u\24\28small\29+*,.\32 u\24\28small\29+*,.\33 u\24\28small\29+*,.\34 u\24\28small\29+*,.\35 u\24\28small\29+*,.\36 u\24\28small\29+*,.\37 u\24\28small\29+*,.\38 u\24\28small\29+*,.\39 u\24\28small\29+*{clear:left}.\-11u\28small\29{margin-left:91.6666666667%}.\-10u\28small\29{margin-left:83.3333333333%}.\-9u\28small\29{margin-left:75%}.\-8u\28small\29{margin-left:66.6666666667%}.\-7u\28small\29{margin-left:58.3333333333%}.\-6u\28small\29{margin-left:50%}.\-5u\28small\29{margin-left:41.6666666667%}.\-4u\28small\29{margin-left:33.3333333333%}.\-3u\28small\29{margin-left:25%}.\-2u\28small\29{margin-left:16.6666666667%}.\-1u\28small\29{margin-left:8.3333333333%}}@media screen and (max-width:480px){.row>*{padding:0 0 0 1.25em}.row{margin:0 0 -1px -1.25em}.row.uniform>*{padding:1.25em 0 0 1.25em}.row.uniform{margin:-1.25em 0 -1px -1.25em}.row.\32 00\25>*{padding:0 0 0 2.5em}.row.\32 00\25{margin:0 0 -1px -2.5em}.row.uniform.\32 00\25>*{padding:2.5em 0 0 2.5em}.row.uniform.\32 00\25{margin:-2.5em 0 -1px -2.5em}.row.\31 50\25>*{padding:0 0 0 1.875em}.row.\31 50\25{margin:0 0 -1px -1.875em}.row.uniform.\31 50\25>*{padding:1.875em 0 0 1.875em}.row.uniform.\31 50\25{margin:-1.875em 0 -1px -1.875em}.row.\35 0\25>*{padding:0 0 0 .625em}.row.\35 0\25{margin:0 0 -1px -.625em}.row.uniform.\35 0\25>*{padding:.625em 0 0 .625em}.row.uniform.\35 0\25{margin:-.625em 0 -1px -.625em}.row.\32 5\25>*{padding:0 0 0 .3125em}.row.\32 5\25{margin:0 0 -1px -.3125em}.row.uniform.\32 5\25>*{padding:.3125em 0 0 .3125em}.row.uniform.\32 5\25{margin:-.3125em 0 -1px -.3125em}.\31 2u\24\28xsmall\29,.\31 2u\28xsmall\29{width:100%;clear:none;margin-left:0}.\31 1u\24\28xsmall\29,.\31 1u\28xsmall\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\24\28xsmall\29,.\31 0u\28xsmall\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\24\28xsmall\29,.\39 u\28xsmall\29{width:75%;clear:none;margin-left:0}.\38 u\24\28xsmall\29,.\38 u\28xsmall\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\24\28xsmall\29,.\37 u\28xsmall\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\24\28xsmall\29,.\36 u\28xsmall\29{width:50%;clear:none;margin-left:0}.\35 u\24\28xsmall\29,.\35 u\28xsmall\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\24\28xsmall\29,.\34 u\28xsmall\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\24\28xsmall\29,.\33 u\28xsmall\29{width:25%;clear:none;margin-left:0}.\32 u\24\28xsmall\29,.\32 u\28xsmall\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\24\28xsmall\29,.\31 u\28xsmall\29{width:8.3333333333%;clear:none;margin-left:0}.\31 0u\24\28xsmall\29+*,.\31 1u\24\28xsmall\29+*,.\31 2u\24\28xsmall\29+*,.\31 u\24\28xsmall\29+*,.\32 u\24\28xsmall\29+*,.\33 u\24\28xsmall\29+*,.\34 u\24\28xsmall\29+*,.\35 u\24\28xsmall\29+*,.\36 u\24\28xsmall\29+*,.\37 u\24\28xsmall\29+*,.\38 u\24\28xsmall\29+*,.\39 u\24\28xsmall\29+*{clear:left}.\-11u\28xsmall\29{margin-left:91.6666666667%}.\-10u\28xsmall\29{margin-left:83.3333333333%}.\-9u\28xsmall\29{margin-left:75%}.\-8u\28xsmall\29{margin-left:66.6666666667%}.\-7u\28xsmall\29{margin-left:58.3333333333%}.\-6u\28xsmall\29{margin-left:50%}.\-5u\28xsmall\29{margin-left:41.6666666667%}.\-4u\28xsmall\29{margin-left:33.3333333333%}.\-3u\28xsmall\29{margin-left:25%}.\-2u\28xsmall\29{margin-left:16.6666666667%}.\-1u\28xsmall\29{margin-left:8.3333333333%}body,html{min-width:320px}}blockquote,p,pre{margin:0 0 2em}@-ms-viewport{width:device-width}body.is-loading *,body.is-loading :after,body.is-loading :before{-moz-animation:none!important;-webkit-animation:none!important;-ms-animation:none!important;animation:none!important;-moz-transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;transition:none!important}body,input,select,textarea{color:#444;font-family:Arial,Helvetica,sans-serif;font-size:13pt;font-weight:400;line-height:1.65}b,h1,h2,h3,h4,h5,h6,strong{color:#555;font-weight:700}@media screen and (max-width:1680px){body,input,select,textarea{font-size:11pt}}@media screen and (max-width:1280px){body,input,select,textarea{font-size:11pt}}@media screen and (max-width:980px){body,input,select,textarea{font-size:12pt}}@media screen and (max-width:736px){body,input,select,textarea{font-size:12pt}}@media screen and (max-width:480px){body,input,select,textarea{font-size:12pt}}a{color:#5AA6ED;text-decoration:underline}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{line-height:1.5;margin:0 0 1em}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}h2{font-size:1.75em}h3{font-size:1.35em}h4{font-size:1.1em}h5{font-size:.9em}h6{font-size:.7em}sub,sup{font-size:.8em;position:relative}sub{top:.5em}sup{top:-.5em}code,pre{font-family:"Courier New",monospace;font-size:.9em}blockquote{border-left:solid 4px rgba(144,144,144,.25);padding:.5em 0 .5em 2em}code{background:rgba(144,144,144,.075);border-radius:4px;border:1px solid rgba(144,144,144,.25);margin:0 .25em;padding:.25em .65em}pre{-webkit-overflow-scrolling:touch}pre code{display:block;line-height:1.75;padding:1em 1.5em;overflow-x:auto}hr{border:0;border-bottom:solid 1px rgba(144,144,144,.25);margin:2em 0}hr.major{margin:3em 0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}article.special,section.special{text-align:center}header p{color:#bbb;position:relative;margin:0 0 1.5em}header h2+p{font-size:1.25em;margin-top:-1em}header h3+p{font-size:1.1em;margin-top:-.8em}header h4+p,header h5+p,header h6+p{font-size:.9em;margin-top:-.6em}form{margin:0 0 2em}input[type=text],input[type=password],input[type=email],input[type=tel],textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;background:rgba(144,144,144,.075);border-radius:4px;border:none;border:1px solid rgba(144,144,144,.25);color:inherit;display:block;outline:0;padding:0 1em;text-decoration:none;width:100%}input[type=text]:invalid,input[type=password]:invalid,input[type=email]:invalid,input[type=tel]:invalid,textarea:invalid{box-shadow:none}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus{border-color:#5AA6ED;box-shadow:0 0 0 1px #5AA6ED}input[type=text],input[type=password],input[type=email]{height:2.75em}textarea{padding:.75em 1em}::-webkit-input-placeholder{color:#bbb!important;opacity:1}:-moz-placeholder{color:#bbb!important;opacity:1}::-moz-placeholder{color:#bbb!important;opacity:1}:-ms-input-placeholder{color:#bbb!important;opacity:1}.formerize-placeholder{color:#bbb!important;opacity:1}.switch-container{float:left;width:100%}.switch-container h3{margin-bottom:0!important;float:left}.form-control,.form-control h3{margin-bottom:15px}.form-control{display:block}.form-control input[type=text]{background-color:#fff;border:1px solid #aaa;border-radius:4px;display:block;padding:0 10px}.form-control input[type=text]:active,.form-control input[type=text]:focus{color:#3b3b3b;border:1px solid #3b3b3b;outline:0;box-shadow:none}.onoffswitch{position:relative;width:50px;float:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch .onoffswitch-checkbox{display:none}.onoffswitch .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:20px;padding:0;line-height:20px;border:2px solid #CCC;border-radius:20px;background-color:#FFF;transition:background-color .3s ease-in}#nav,#stats,.table-wrapper{-webkit-overflow-scrolling:touch}.onoffswitch .onoffswitch-label:before{content:"";display:block;width:20px;margin:0;background:#FFF;position:absolute;top:0;bottom:0;right:30px;border:2px solid #CCC;border-radius:20px;transition:all .3s ease-in 0s}.icon,.image{position:relative}.onoffswitch-checkbox:checked+.onoffswitch-label{background-color:#4A80F5}.onoffswitch-checkbox:checked+.onoffswitch-label,.onoffswitch-checkbox:checked+.onoffswitch-label:before{border-color:#4A80F5}.onoffswitch-checkbox:checked+.onoffswitch-label:before{right:0}.select2-container{width:100%!important}.image.fit,.image.fit img,.image.left img,.image.main img,.image.right img{width:100%}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#4A80F5!important}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #3b3b3b}.box,.image{border-radius:4px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#FFF!important}.box{border:1px solid rgba(144,144,144,.25);margin-bottom:2em;padding:1.5em}.box>:last-child,.box>:last-child>:last-child,.box>:last-child>:last-child>:last-child{margin-bottom:0}.box.alt{border:0;border-radius:0;padding:0}.icon{text-decoration:none;border-bottom:none}.icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}.grid-demo span,dl dt,table th{font-weight:700}.icon>.label{display:none}.image{border:0;display:inline-block}.image img{border-radius:4px;display:block}.image.left,.image.right{max-width:40%}.image.left{float:left;padding:0 1.5em 1em 0;top:.25em}.image.right{float:right;padding:0 0 1em 1.5em;top:.25em}.image.fit{display:block;margin:0 0 2em}.image.main{display:block;margin:0 0 3em;width:100%}ol,ul{margin:0 0 2em}ol{list-style:decimal;padding-left:1.25em}ol li{padding-left:.25em}ul{list-style:disc;padding-left:1em}#nav>ul.links,#stats>ul.links,ul.actions,ul.alt,ul.icons{list-style:none}ul.actions.fit li>*,ul.actions.vertical li>*{margin-bottom:0}ul li{padding-left:.5em}ul.alt{padding-left:0}ul.alt li{border-top:solid 1px rgba(144,144,144,.25);padding:.5em 0}ul.alt li:first-child{border-top:0;padding-top:0}ul.icons{cursor:default;padding-left:0}ul.icons li{display:inline-block;padding:0 1em 0 0}ul.icons li:last-child{padding-right:0}ul.icons li .icon:before{font-size:2em}ul.actions{cursor:default;padding-left:0}ul.actions li{display:inline-block;padding:0 1em 0 0;vertical-align:middle}ul.actions li:last-child{padding-right:0}ul.actions.small li{padding:0 .5em 0 0}ul.actions.vertical li{display:block;padding:1em 0 0}ul.actions.vertical li:first-child{padding-top:0}ul.actions.vertical.small li{padding:.5em 0 0}ul.actions.vertical.small li:first-child{padding-top:0}ul.actions.fit{display:table;margin-left:-1em;padding:0;table-layout:fixed;width:calc(100% + 1em)}ul.actions.fit li{display:table-cell;padding:0 0 0 1em}ul.actions.fit.small{margin-left:-.5em;width:calc(100% + .5em)}ul.actions.fit.small li{padding:0 0 0 .5em}@media screen and (max-width:480px){ul.actions{margin:0 0 2em}ul.actions li{padding:1em 0 0;display:block;text-align:center;width:100%}ul.actions li:first-child{padding-top:0}ul.actions li>*{width:100%;margin:0!important}ul.actions li>.icon:before{margin-left:-2em}ul.actions.small li{padding:.5em 0 0}ul.actions.small li:first-child{padding-top:0}}dl,table{margin:0 0 2em}dl dt{display:block;margin:0 0 1em}dl dd{margin-left:2em}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;border-spacing:0;width:100%}table tbody tr{border:1px solid rgba(144,144,144,.25);border-left:0;border-right:0}table tbody tr:nth-child(2n+1){background-color:rgba(144,144,144,.075)}table td{padding:.75em}table th{color:#555;font-size:.9em;padding:0 .75em .75em;text-align:left}table thead{border-bottom:solid 2px rgba(144,144,144,.25)}table tfoot{border-top:solid 2px rgba(144,144,144,.25)}table.alt{border-collapse:separate}table.alt tbody tr td{border:1px solid rgba(144,144,144,.25);border-left-width:0;border-top-width:0}table.alt tbody tr td:first-child{border-left-width:1px}table.alt tbody tr:first-child td{border-top-width:1px}table.alt thead{border-bottom:0}table.alt tfoot{border-top:0}.button,button,input[type=button],input[type=submit],input[type=reset]{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out;background-color:#5a5a5a;border-radius:4px;border:0;color:#fff!important;cursor:pointer;display:inline-block;font-weight:700;height:2.85em;line-height:2.95em;padding:0 1.5em;text-align:center;text-decoration:none;white-space:nowrap}.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{background-color:#676767}.button:active,button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{background-color:#4d4d4d}.button.icon,button.icon,input[type=button].icon,input[type=submit].icon,input[type=reset].icon{padding-left:1.35em}.button.icon:before,button.icon:before,input[type=button].icon:before,input[type=submit].icon:before,input[type=reset].icon:before{margin-right:.5em}.button.fit,button.fit,input[type=button].fit,input[type=submit].fit,input[type=reset].fit{display:block;margin:0 0 1em;width:100%}.button.small,button.small,input[type=button].small,input[type=submit].small,input[type=reset].small{font-size:.8em}.button.big,button.big,input[type=button].big,input[type=submit].big,input[type=reset].big{font-size:1.35em}.button.alt,button.alt,input[type=button].alt,input[type=submit].alt,input[type=reset].alt{background-color:transparent;box-shadow:inset 0 0 0 2px rgba(144,144,144,.25);color:#555!important}.button.alt:hover,button.alt:hover,input[type=button].alt:hover,input[type=submit].alt:hover,input[type=reset].alt:hover{background-color:rgba(144,144,144,.075)}.button.alt:active,button.alt:active,input[type=button].alt:active,input[type=submit].alt:active,input[type=reset].alt:active{background-color:rgba(144,144,144,.2)}.button.alt.icon:before,button.alt.icon:before,input[type=button].alt.icon:before,input[type=submit].alt.icon:before,input[type=reset].alt.icon:before{color:#bbb}.button.special,button.special,input[type=button].special,input[type=submit].special,input[type=reset].special{background-color:#5AA6ED;color:#fff!important}.button.special:hover,button.special:hover,input[type=button].special:hover,input[type=submit].special:hover,input[type=reset].special:hover{background-color:#71b2f0}.button.special:active,button.special:active,input[type=button].special:active,input[type=submit].special:active,input[type=reset].special:active{background-color:#439aea}.button.disabled,.button:disabled,button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled{background-color:#444!important;box-shadow:inset 0 -.15em 0 0 rgba(0,0,0,.15);color:#fff!important;cursor:default;opacity:.25}@media screen and (max-width:480px){.button,button,input[type=button],input[type=submit],input[type=reset]{padding:0}#header{min-width:320px}}.grid-demo{display:block;margin:0 0 2em}.grid-demo span{background:#e4f0fc;border-radius:4px;color:rgba(0,0,0,.25);display:block;height:2.75em;line-height:2.75em;text-align:center}#nav,#stats{background:#F8F8F8;max-width:80%;overflow-y:auto;z-index:500}#header>a,#header>h1{display:inline-block}body{padding-top:3.125em}#header{background:#3b3b3b;color:#d6d6d6;cursor:default;left:0;line-height:3.5em;text-align:left;top:0;z-index:10001}#nav .close,#stats .close{text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer;right:0;text-align:right;vertical-align:middle}#header>h1{color:#fff;height:inherit;line-height:inherit;margin:0;padding:0}#header>h1 a{font-size:1.25em}#header>a{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;padding:0 .75em;color:inherit;text-decoration:none}#header>a:hover,#nav{color:#fff}#header>a[href="#nav"]{text-decoration:none;-webkit-tap-highlight-color:transparent}#header>a[href="#nav"]:before{content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important;margin:0 .5em 0 0}#nav .close:before,#stats .close:before{content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;text-transform:none!important}#header>a+a[href="#nav"]:last-child,#header>a+a[href="#stats"]:last-child{border-left:solid 1px rgba(255,255,255,.15);padding-left:1.25em;margin-left:.5em}#header>a[href="#stats"]{-webkit-tap-highlight-color:transparent}#header>a[href="#stats"]:before{margin:0 .5em 0 0}#header>a:last-child{padding-right:1.25em}@media screen and (max-width:736px){#header>a{padding:0 .5em}#header>a+a[href="#nav"]:last-child,#header>a+a[href="#stats"]:last-child{padding-left:1em;margin-left:.25em}#header>a:last-child{padding-right:1em}}@media screen and (max-width:980px){body{padding-top:44px}#header{height:44px}#header>h1{left:1em}#header>h1 a{font-size:1em}}#nav{-moz-transform:translateX(-18em);-webkit-transform:translateX(-18em);-ms-transform:translateX(-18em);transform:translateX(-18em);-moz-transition:-moz-transform .5s ease,box-shadow .5s ease,visibility .5s;-webkit-transition:-webkit-transform .5s ease,box-shadow .5s ease,visibility .5s;-ms-transition:-ms-transform .5s ease,box-shadow .5s ease,visibility .5s;transition:transform .5s ease,box-shadow .5s ease,visibility .5s;box-shadow:none;height:100%;padding:1.5em 1.5em 4em;position:fixed;top:3.5em;left:0;visibility:hidden;width:18em}#nav h3{font-size:18px;font-family:Muli,sans-serif;color:#3b3b3b}#nav p{margin-bottom:20px;color:#3b3b3b}#nav>ul{margin:0 0 1em}#nav>ul.links,#nav>ul.links>li{padding:0}#nav>ul.links>li>a:not(.button){border:0;border-top:solid 1px rgba(255,255,255,.15);color:inherit;display:block;line-height:3.5em;text-decoration:none}#nav>ul.links>li>.button{display:block;margin:.5em 0 0}#nav>ul.links>li:first-child>a:not(.button){border-top:0!important}#nav .form-control>select{float:right;font-size:18px}#nav .close{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;border:0;color:#bdbdbd;display:none;height:3.25em;line-height:3.25em;padding-right:1.25em;position:absolute;top:0;width:7em}#nav .close:hover,#stats{color:#fff}#nav .close:before{font-family:FontAwesome;font-size:1.25em}#nav.visible{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:0 0 1.5em 0 rgba(0,0,0,.2);visibility:visible}@media screen and (max-width:736px){#nav .close{height:4em;line-height:4em}#nav{padding:2.5em 1.75em}}#stats{-moz-transform:translateX(25em);-webkit-transform:translateX(25em);-ms-transform:translateX(25em);transform:translateX(25em);-moz-transition:-moz-transform ease,box-shadow ease,visibility;-webkit-transition:-webkit-transform ease,box-shadow ease,visibility;-ms-transition:-ms-transform ease,box-shadow ease,visibility;transition:transform ease,box-shadow ease,visibility;box-shadow:none;height:100%;padding:1.5em 1.5em 4em;position:fixed;top:3.5em;right:0;visibility:hidden;width:25em}#stats h3{font-size:18px;font-family:Muli,sans-serif;color:#3b3b3b}#stats p{margin-bottom:20px;color:#3b3b3b}#stats>ul{margin:0 0 1em}#stats>ul.links,#stats>ul.links>li{padding:0}#stats>ul.links>li>a:not(.button){border:0;border-top:solid 1px rgba(255,255,255,.15);color:inherit;display:block;line-height:3.5em;text-decoration:none}#stats>ul.links>li>.button{display:block;margin:.5em 0 0}#stats>ul.links>li:first-child>a:not(.button){border-top:0!important}#stats .form-control>select{float:right;font-size:18px}#stats .close{-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;border:0;color:#bdbdbd;display:none;height:3.25em;line-height:3.25em;padding-right:1.25em;position:absolute;top:0;width:7em}#header,#map,.wrapper{width:100%}#stats .close:before{font-family:FontAwesome;font-size:1.25em}#stats .close:hover{color:#fff}#stats.visible{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:0 0 1.5em 0 rgba(0,0,0,.2);visibility:visible}@media screen and (max-width:736px){#stats .close{height:4em;line-height:4em}#stats{padding:2.5em 1.75em}}#banner{padding:8em 0 6em;background:#f6f6f6;text-align:center}#banner h2{font-size:4em;line-height:1em;margin:0 0 .5em;padding:0}#banner p{font-size:1.5em;margin-bottom:1.75em}@media screen and (max-width:1680px){#banner{padding:7em 0 5em}}@media screen and (max-width:1280px){#banner{padding:5em 0 3em}#banner h2{font-size:3.5em}}@media screen and (max-width:980px){#banner{padding:6em 2em 4em}}@media screen and (max-width:736px){#banner{padding:4em 2em 2em}#banner h2{font-size:2.25em}#banner p{font-size:1.25em}}@media screen and (max-width:480px){#banner{padding:4em 2em 2em}}body,html{height:100%;margin:0;padding:0;overflow:hidden}#main{height:100%;margin-top:3.5em}.wrapper{position:relative;height:100%}#footer,#header,#map{position:absolute}#header{height:3.5em}#map{top:3.5em;bottom:0}#footer{padding:4em 0 2em;background:#f2f2f2}#footer .copyright{color:#bbb;font-size:.9em;margin:0 0 2em;padding:0;text-align:center}#footer .copyright li{border-left:solid 1px rgba(144,144,144,.25);display:inline-block;list-style:none;margin-left:1.5em;padding-left:1.5em}#footer .copyright li:first-child{border-left:0;margin-left:0;padding-left:0}@media screen and (max-width:736px){#footer{padding:3em 0 1em}#footer .copyright li{display:block;border-left:0;margin-left:0;padding-left:0}} \ No newline at end of file diff --git a/static/dist/js/app.min.js b/static/dist/js/app.min.js index 8186f86ddc..2b1a3ec0b5 100644 --- a/static/dist/js/app.min.js +++ b/static/dist/js/app.min.js @@ -1,4 +1,4 @@ /* pogomap 2016-07-27 */ -"use strict";!function(){var a=function(a,b,c){var d,e=b.split(" ");for(d in e)a.addEventListener(e[d],c)};!function(){function a(a){this.el=a;for(var b=a.className.replace(/^\s+|\s+$/g,"").split(/\s+/),c=0;c').attr("value", key).text(value.name)); }); - icons.val((pokemon_sprites[Store.get('pokemonIcons')]) ? Store.get('pokemonIcons') : 'highres'); + icons.val(pokemon_sprites[Store.get('pokemonIcons')] ? Store.get('pokemonIcons') : 'highres'); $('#pokemon-icon-size').val(Store.get('iconSizeModifier')); } @@ -364,29 +357,9 @@ function pad(number) { } function pokemonLabel(name, disappear_time, id, latitude, longitude, encounter_id) { - var disappear_date = new Date(disappear_time) - - var contentstring = ` -
- ${name} - - - - #${id} - -
-
- Disappears at ${pad(disappear_date.getHours())}:${pad(disappear_date.getMinutes())}:${pad(disappear_date.getSeconds())} - (00m00s) -
-
- Location: ${latitude.toFixed(6)}, ${longitude.toFixed(7)} -
-
- Exclude   - Notify   - Remove   - Get directions -
`; + var disappear_date = new Date(disappear_time); + + var contentstring = "\n
\n " + name + "\n - \n \n #" + id + "\n \n
\n
\n Disappears at " + pad(disappear_date.getHours()) + ":" + pad(disappear_date.getMinutes()) + ":" + pad(disappear_date.getSeconds()) + "\n (00m00s)\n
\n
\n Location: " + latitude.toFixed(6) + ", " + longitude.toFixed(7) + "\n
\n
\n Exclude  \n Notify  \n Remove  \n Get directions\n
"; return contentstring; } @@ -394,48 +367,14 @@ function gymLabel(team_name, team_id, gym_points, latitude, longitude) { var gym_color = ["0, 0, 0, .4", "74, 138, 202, .6", "240, 68, 58, .6", "254, 217, 40, .6"]; var str; if (team_id == 0) { - str = ` -
-
-
- ${team_name}
- -
-
- Location: ${latitude.toFixed(6)}, ${longitude.toFixed(7)} -
-
- Get directions -
-
-
`; + str = "\n
\n
\n
\n " + team_name + "
\n \n
\n
\n Location: " + latitude.toFixed(6) + ", " + longitude.toFixed(7) + "\n
\n
\n Get directions\n
\n
\n
"; } else { var gym_prestige = [2000, 4000, 8000, 12000, 16000, 20000, 30000, 40000, 50000]; var gym_level = 1; while (gym_points >= gym_prestige[gym_level - 1]) { gym_level++; } - str = ` -
-
-
- Gym owned by: -
-
- Team ${team_name}
- -
-
- Level: ${gym_level} | Prestige: ${gym_points} -
-
- Location: ${latitude.toFixed(6)}, ${longitude.toFixed(7)} -
-
- Get directions -
-
-
`; + str = "\n
\n
\n
\n Gym owned by:\n
\n
\n Team " + team_name + "
\n \n
\n
\n Level: " + gym_level + " | Prestige: " + gym_points + "\n
\n
\n Location: " + latitude.toFixed(6) + ", " + longitude.toFixed(7) + "\n
\n
\n Get directions\n
\n
\n
"; } return str; @@ -454,63 +393,28 @@ function pokestopLabel(lured, last_modified, active_pokemon_id, latitude, longit var expire_date = new Date(current_date.getTime() + time_until_expire); var expire_time = expire_date.getTime(); - str = ` -
- Lured Pokéstop -
-
- Lured Pokémon: ${active_pokemon} - - - - #${active_pokemon_id} - -
-
- Lure expires at ${pad(expire_date.getHours())}:${pad(expire_date.getMinutes())}:${pad(expire_date.getSeconds())} - (00m00s) -
-
- Location: ${latitude.toFixed(6)}, ${longitude.toFixed(7)} -
-
- Get directions -
`; + str = "\n
\n Lured Pokéstop\n
\n
\n Lured Pokémon: " + active_pokemon + "\n - \n \n #" + active_pokemon_id + "\n \n
\n
\n Lure expires at " + pad(expire_date.getHours()) + ":" + pad(expire_date.getMinutes()) + ":" + pad(expire_date.getSeconds()) + "\n (00m00s)\n
\n
\n Location: " + latitude.toFixed(6) + ", " + longitude.toFixed(7) + "\n
\n
\n Get directions\n
"; } else { - str = ` -
- Pokéstop -
-
- Location: ${latitude.toFixed(6)}, ${longitude.toFixed(7)} -
-
- Get directions -
`; + str = "\n
\n Pokéstop\n
\n
\n Location: " + latitude.toFixed(6) + ", " + longitude.toFixed(7) + "\n
\n
\n Get directions\n
"; } return str; } function scannedLabel(last_modified) { - scanned_date = new Date(last_modified) + scanned_date = new Date(last_modified); - var contentstring = ` -
- Scanned at ${pad(scanned_date.getHours())}:${pad(scanned_date.getMinutes())}:${pad(scanned_date.getSeconds())} -
`; + var contentstring = "\n
\n Scanned at " + pad(scanned_date.getHours()) + ":" + pad(scanned_date.getMinutes()) + ":" + pad(scanned_date.getSeconds()) + "\n
"; return contentstring; } - function getGoogleSprite(index, sprite, display_height) { display_height = Math.max(display_height, 3); var scale = display_height / sprite.icon_height; // Crop icon just a tiny bit to avoid bleedover from neighbor var scaled_icon_size = new google.maps.Size(scale * sprite.icon_width - 1, scale * sprite.icon_height - 1); - var scaled_icon_offset = new google.maps.Point( - (index % sprite.columns) * sprite.icon_width * scale + 0.5, - Math.floor(index / sprite.columns) * sprite.icon_height * scale + 0.5); + var scaled_icon_offset = new google.maps.Point(index % sprite.columns * sprite.icon_width * scale + 0.5, Math.floor(index / sprite.columns) * sprite.icon_height * scale + 0.5); var scaled_sprite_size = new google.maps.Size(scale * sprite.sprite_width, scale * sprite.sprite_height); var scaled_icon_center_offset = new google.maps.Point(scale * sprite.icon_width / 2, scale * sprite.icon_height / 2); @@ -527,7 +431,7 @@ function setupPokemonMarker(item, skipNotification, isBounceDisabled) { // Scale icon size up with the map exponentially var icon_size = 2 + (map.getZoom() - 3) * (map.getZoom() - 3) * .2 + Store.get('iconSizeModifier'); var pokemon_index = item.pokemon_id - 1; - var sprite = pokemon_sprites[Store.get('pokemonIcons')] || pokemon_sprites['highres'] + var sprite = pokemon_sprites[Store.get('pokemonIcons')] || pokemon_sprites['highres']; var icon = getGoogleSprite(pokemon_index, sprite, icon_size); var animationDisabled = false; @@ -544,10 +448,10 @@ function setupPokemonMarker(item, skipNotification, isBounceDisabled) { optimized: false, map: map, icon: icon, - animationDisabled: animationDisabled, + animationDisabled: animationDisabled }); - marker.addListener('click', function() { + marker.addListener('click', function () { this.setAnimation(null); this.animationDisabled = true; }); @@ -597,12 +501,12 @@ function setupPokestopMarker(item) { var marker = new google.maps.Marker({ position: { lat: item.latitude, - lng: item.longitude, + lng: item.longitude }, map: map, zIndex: 2, optimized: false, - icon: 'static/forts/' + imagename + '.png', + icon: 'static/forts/' + imagename + '.png' }); marker.infoWindow = new google.maps.InfoWindow({ @@ -650,52 +554,50 @@ function clearSelection() { } function addListeners(marker) { - marker.addListener('click', function() { + marker.addListener('click', function () { marker.infoWindow.open(map, marker); clearSelection(); updateLabelDiffTime(); marker.persist = true; }); - google.maps.event.addListener(marker.infoWindow, 'closeclick', function() { + google.maps.event.addListener(marker.infoWindow, 'closeclick', function () { marker.persist = null; }); - marker.addListener('mouseover', function() { + marker.addListener('mouseover', function () { marker.infoWindow.open(map, marker); clearSelection(); updateLabelDiffTime(); }); - marker.addListener('mouseout', function() { + marker.addListener('mouseout', function () { if (!marker.persist) { marker.infoWindow.close(); } }); - return marker + return marker; } function clearStaleMarkers() { - $.each(map_data.pokemons, function(key, value) { - if (map_data.pokemons[key]['disappear_time'] < new Date().getTime() || - excludedPokemon.indexOf(map_data.pokemons[key]['pokemon_id']) >= 0) { + $.each(map_data.pokemons, function (key, value) { + if (map_data.pokemons[key]['disappear_time'] < new Date().getTime() || excludedPokemon.indexOf(map_data.pokemons[key]['pokemon_id']) >= 0) { map_data.pokemons[key].marker.setMap(null); delete map_data.pokemons[key]; } }); - $.each(map_data.lure_pokemons, function(key, value) { - if (map_data.lure_pokemons[key]['lure_expiration'] < new Date().getTime() || - excludedPokemon.indexOf(map_data.lure_pokemons[key]['pokemon_id']) >= 0) { + $.each(map_data.lure_pokemons, function (key, value) { + if (map_data.lure_pokemons[key]['lure_expiration'] < new Date().getTime() || excludedPokemon.indexOf(map_data.lure_pokemons[key]['pokemon_id']) >= 0) { map_data.lure_pokemons[key].marker.setMap(null); delete map_data.lure_pokemons[key]; } }); - $.each(map_data.scanned, function(key, value) { + $.each(map_data.scanned, function (key, value) { //If older than 15mins remove - if (map_data.scanned[key]['last_modified'] < (new Date().getTime() - 15 * 60 * 1000)) { + if (map_data.scanned[key]['last_modified'] < new Date().getTime() - 15 * 60 * 1000) { map_data.scanned[key].marker.setMap(null); delete map_data.scanned[key]; } @@ -703,7 +605,7 @@ function clearStaleMarkers() { } function showInBoundsMarkers(markers) { - $.each(markers, function(key, value) { + $.each(markers, function (key, value) { var marker = markers[key].marker; var show = false; if (!markers[key].hidden) { @@ -754,17 +656,17 @@ function loadRawData() { 'neLng': neLng }, dataType: "json", - beforeSend: function() { + beforeSend: function beforeSend() { if (rawDataIsLoading) { return false; } else { rawDataIsLoading = true; } }, - complete: function() { + complete: function complete() { rawDataIsLoading = false; } - }) + }); } function processPokemons(i, item) { @@ -772,8 +674,7 @@ function processPokemons(i, item) { return false; // in case the checkbox was unchecked in the meantime. } - if (!(item.encounter_id in map_data.pokemons) && - excludedPokemon.indexOf(item.pokemon_id) < 0) { + if (!(item.encounter_id in map_data.pokemons) && excludedPokemon.indexOf(item.pokemon_id) < 0) { // add marker to map and item to dict if (item.marker) item.marker.setMap(null); if (!item.hidden) { @@ -796,7 +697,8 @@ function processPokestops(i, item) { return true; } - if (map_data.pokestops[item.pokestop_id] == null) { // add marker to map and item to dict + if (map_data.pokestops[item.pokestop_id] == null) { + // add marker to map and item to dict // add marker to map and item to dict if (item.marker) item.marker.setMap(null); item.marker = setupPokestopMarker(item); @@ -835,7 +737,6 @@ function processLuredPokemon(i, item) { item2.marker = setupPokemonMarker(item2); map_data.lure_pokemons[item2.pokestop_id] = item2; } - } if (map_data.lure_pokemons[item.pokestop_id] != null && item2.lure_expiration && item2.active_pokemon_id != map_data.lure_pokemons[item2.pokestop_id].active_pokemon_id) { //if (item.marker) item.marker.setMap(null); @@ -857,21 +758,21 @@ function processGyms(i, item) { if (map_data.gyms[item.gym_id].team_id != item.team_id) { map_data.gyms[item.gym_id].marker.setMap(null); map_data.gyms[item.gym_id].marker = setupGymMarker(item); - } else { // if it hasn't changed generate new label only (in case prestige has changed) + } else { + // if it hasn't changed generate new label only (in case prestige has changed) map_data.gyms[item.gym_id].marker.infoWindow = new google.maps.InfoWindow({ content: gymLabel(gym_types[item.team_id], item.team_id, item.gym_points, item.latitude, item.longitude), disableAutoPan: true }); } - } else { // add marker to map and item to dict + } else { + // add marker to map and item to dict if (item.marker) item.marker.setMap(null); item.marker = setupGymMarker(item); map_data.gyms[item.gym_id] = item; } - } - function processScanned(i, item) { if (!Store.get('showScanned')) { return false; @@ -881,16 +782,16 @@ function processScanned(i, item) { map_data.scanned[item.scanned_id].marker.setOptions({ fillColor: getColorByDate(item.last_modified) }); - } else { // add marker to map and item to dict + } else { + // add marker to map and item to dict if (item.marker) item.marker.setMap(null); item.marker = setupScannedMarker(item); map_data.scanned[item.scanned_id] = item; } } - function updateMap() { - loadRawData().done(function(result) { + loadRawData().done(function (result) { $.each(result.pokemons, processPokemons); $.each(result.pokestops, processPokestops); $.each(result.pokestops, processLuredPokemon); @@ -902,14 +803,15 @@ function updateMap() { showInBoundsMarkers(map_data.pokestops); showInBoundsMarkers(map_data.scanned); clearStaleMarkers(); + if (Store.get('showStats')) { + countMarkers(); + } }); } - - function redrawPokemon(pokemon_list) { var skipNotification = true; - $.each(pokemon_list, function(key, value) { + $.each(pokemon_list, function (key, value) { var item = pokemon_list[key]; if (!item.hidden) { var new_marker = setupPokemonMarker(item, skipNotification, this.marker.animationDisabled); @@ -919,30 +821,29 @@ function redrawPokemon(pokemon_list) { }); }; -var updateLabelDiffTime = function() { - $('.label-countdown').each(function(index, element) { +var updateLabelDiffTime = function updateLabelDiffTime() { + $('.label-countdown').each(function (index, element) { var disappearsAt = new Date(parseInt(element.getAttribute("disappears-at"))); var now = new Date(); var difference = Math.abs(disappearsAt - now); var hours = Math.floor(difference / 36e5); - var minutes = Math.floor((difference - (hours * 36e5)) / 6e4); - var seconds = Math.floor((difference - (hours * 36e5) - (minutes * 6e4)) / 1e3); + var minutes = Math.floor((difference - hours * 36e5) / 6e4); + var seconds = Math.floor((difference - hours * 36e5 - minutes * 6e4) / 1e3); var timestring = ""; if (disappearsAt < now) { timestring = "(expired)"; } else { timestring = "("; - if (hours > 0) - timestring = hours + "h"; + if (hours > 0) timestring = hours + "h"; timestring += ("0" + minutes).slice(-2) + "m"; timestring += ("0" + seconds).slice(-2) + "s"; timestring += ")"; } - $(element).text(timestring) + $(element).text(timestring); }); }; @@ -964,7 +865,7 @@ function sendNotification(title, text, icon, lat, lng) { sound: 'sounds/ding.mp3' }); - notification.onclick = function() { + notification.onclick = function () { window.focus(); notification.close(); @@ -1001,16 +902,15 @@ function myLocationButton(map, marker) { locationIcon.id = 'current-location'; locationButton.appendChild(locationIcon); - locationButton.addEventListener('click', function() { + locationButton.addEventListener('click', function () { var currentLocation = document.getElementById('current-location'); var imgX = '0'; - var animationInterval = setInterval(function() { - if (imgX == '-18') imgX = '0'; - else imgX = '-18'; + var animationInterval = setInterval(function () { + if (imgX == '-18') imgX = '0';else imgX = '-18'; currentLocation.style.backgroundPosition = imgX + 'px 0'; }, 500); if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(function(position) { + navigator.geolocation.getCurrentPosition(function (position) { var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); locationMarker.setVisible(true); locationMarker.setOptions({ @@ -1053,7 +953,7 @@ function addMyLocationButton() { myLocationButton(map, locationMarker); - google.maps.event.addListener(map, 'dragend', function() { + google.maps.event.addListener(map, 'dragend', function () { var currentLocation = document.getElementById('current-location'); currentLocation.style.backgroundPosition = '0px 0px'; locationMarker.setOptions({ @@ -1064,7 +964,7 @@ function addMyLocationButton() { function changeLocation(lat, lng) { var loc = new google.maps.LatLng(lat, lng); - changeSearchLocation(lat, lng).done(function() { + changeSearchLocation(lat, lng).done(function () { map.setCenter(loc); marker.setPosition(loc); }); @@ -1080,7 +980,7 @@ function centerMap(lat, lng, zoom) { map.setCenter(loc); if (zoom) { - map.setZoom(zoom) + map.setZoom(zoom); } } @@ -1088,7 +988,7 @@ function centerMap(lat, lng, zoom) { // Page Ready Exection // -$(function() { +$(function () { if (!Notification) { console.log('could not load notifications'); return; @@ -1099,14 +999,12 @@ $(function() { } }); -$(function() { +$(function () { function formatState(state) { if (!state.id) { return state.text; } - var $state = $( - ' ' + state.text + '' - ); + var $state = $(' ' + state.text + ''); return $state; }; @@ -1115,12 +1013,12 @@ $(function() { var numberOfPokemon = 151; // Load pokemon names and populate lists - $.getJSON("static/locales/pokemon." + language + ".json").done(function(data) { + $.getJSON("static/locales/pokemon." + language + ".json").done(function (data) { var pokeList = []; idToPokemon = data; - $.each(data, function(key, value) { + $.each(data, function (key, value) { if (key > numberOfPokemon) { return false; } @@ -1143,12 +1041,12 @@ $(function() { }); // setup list change behavior now that we have the list to work from - $selectExclude.on("change", function(e) { + $selectExclude.on("change", function (e) { excludedPokemon = $selectExclude.val().map(Number); clearStaleMarkers(); Store.set('remember_select_exclude', excludedPokemon); }); - $selectNotify.on("change", function(e) { + $selectNotify.on("change", function (e) { notifiedPokemon = $selectNotify.val().map(Number); Store.set('remember_select_notify', notifiedPokemon); }); @@ -1161,16 +1059,16 @@ $(function() { // run interval timers to regularly update map and timediffs window.setInterval(updateLabelDiffTime, 1000); window.setInterval(updateMap, 5000); - window.setInterval(function() { + window.setInterval(function () { if (navigator.geolocation && Store.get('geoLocate')) { - navigator.geolocation.getCurrentPosition(function(position) { + navigator.geolocation.getCurrentPosition(function (position) { var baseURL = location.protocol + "//" + location.hostname + (location.port ? ":" + location.port : ""); var lat = position.coords.latitude; var lon = position.coords.longitude; //the search function makes any small movements cause a loop. Need to increase resolution - if (getPointDistance(marker.getPosition(), (new google.maps.LatLng(lat, lon))) > 40) { - $.post(baseURL + "/next_loc?lat=" + lat + "&lon=" + lon).done(function() { + if (getPointDistance(marker.getPosition(), new google.maps.LatLng(lat, lon)) > 40) { + $.post(baseURL + "/next_loc?lat=" + lat + "&lon=" + lon).done(function () { var center = new google.maps.LatLng(lat, lon); map.panTo(center); marker.setPosition(center); @@ -1179,7 +1077,7 @@ $(function() { }); } }, 1000); - + //Wipe off/restore map icons when switches are toggled function buildSwitchChangeListener(data, data_type, storageKey) { return function () { @@ -1187,11 +1085,11 @@ $(function() { if (this.checked) { updateMap(); } else { - $.each(data_type, function(d, d_type) { + $.each(data_type, function (d, d_type) { $.each(data[d_type], function (key, value) { data[d_type][key].marker.setMap(null); }); - data[d_type] = {} + data[d_type] = {}; }); } }; @@ -1201,12 +1099,32 @@ $(function() { $('#gyms-switch').change(buildSwitchChangeListener(map_data, ["gyms"], "showGyms")); $('#pokemon-switch').change(buildSwitchChangeListener(map_data, ["pokemons", "lure_pokemons"], "showPokemon")); $('#scanned-switch').change(buildSwitchChangeListener(map_data, ["scanned"], "showScanned")); + $('#stats-switch').change(statsSwitchToggled()); + + function statsSwitchToggled() { + return function () { + Store.set('showStats', this.checked); + if (this.checked) { + countMarkers(); + document.getElementById("statsToggle").innerHTML = "Stats"; + } else { + document.getElementById("pokemonList").innerHTML = ""; + document.getElementById("arenaList").innerHTML = ""; + document.getElementById("pokestopList").innerHTML = ""; + document.getElementById("stats-pkmn-label").innerHTML = ""; + document.getElementById("stats-gym-label").innerHTML = ""; + document.getElementById("stats-pkstop-label").innerHTML = ""; + document.getElementById("statsToggle").innerHTML = ""; + document.getElementById("stats").classList.remove('visible'); + } + }; + } - $('#pokestops-switch').change(function() { + $('#pokestops-switch').change(function () { var options = { - 'duration': 500 - }, - wrapper = $('#lured-pokestops-only-wrapper'); + 'duration': 500 + }, + wrapper = $('#lured-pokestops-only-wrapper'); if (this.checked) { wrapper.show(options); } else { @@ -1215,33 +1133,31 @@ $(function() { return buildSwitchChangeListener(map_data, ["pokestops"], "showPokestops").bind(this)(); }); - $('#lured-pokestops-only-switch').change(function() { + $('#lured-pokestops-only-switch').change(function () { Store.set("showLuredPokestopsOnly", this.value); updateMap(); }); - $('#sound-switch').change(function() { + $('#sound-switch').change(function () { Store.set("playSound", this.checked); }); - $('#pokemon-icons').change(function() { + $('#pokemon-icons').change(function () { Store.set('pokemonIcons', this.value); redrawPokemon(map_data.pokemons); redrawPokemon(map_data.lure_pokemons); }); - $('#pokemon-icon-size').change(function() { + $('#pokemon-icon-size').change(function () { Store.set('iconSizeModifier', this.value); redrawPokemon(map_data.pokemons); redrawPokemon(map_data.lure_pokemons); }); - $('#geoloc-switch').change(function() { + $('#geoloc-switch').change(function () { $("#next-location").prop("disabled", this.checked); $("#next-location").css("background-color", this.checked ? "#e0e0e0" : "#ffffff"); - if (!navigator.geolocation) - this.checked = false; - else - Store.set('geoLocate', this.checked); + if (!navigator.geolocation) this.checked = false;else Store.set('geoLocate', this.checked); }); -}); \ No newline at end of file +}); +//# sourceMappingURL=map.js.map diff --git a/static/dist/js/stats.js b/static/dist/js/stats.js new file mode 100644 index 0000000000..3ff3ad1008 --- /dev/null +++ b/static/dist/js/stats.js @@ -0,0 +1,134 @@ +"use strict"; + +function countMarkers() { + document.getElementById("stats-pkmn-label").innerHTML = "Pokémons"; + document.getElementById("stats-gym-label").innerHTML = "Gyms"; + document.getElementById("stats-pkstop-label").innerHTML = "PokéStops"; + + var arenaCount = []; + var arenaTotal = 0; + var pkmnCount = []; + var pkmnTotal = 0; + var pokestopCount = []; + var pokestopTotal = 0; + if (Store.get('showPokemon')) { + $.each(map_data.pokemons, function (key, value) { + if (pkmnCount[map_data.pokemons[key]['pokemon_id']] == 0 || pkmnCount[map_data.pokemons[key]['pokemon_id']] == null) { + pkmnCount[map_data.pokemons[key]['pokemon_id']] = { + "ID": map_data.pokemons[key]['pokemon_id'], + "Count": 1, + "Name": map_data.pokemons[key]['pokemon_name'] + }; + } else { + pkmnCount[map_data.pokemons[key]['pokemon_id']].Count += 1; + } + pkmnTotal++; + }); + pkmnCount.sort(sort_by('Name', false)); + $.each(map_data.pokemons, function (key, value) { + var pkmnListString = ""; + for (var i = 0; i < pkmnCount.length; i++) { + if (pkmnCount[i] != null && pkmnCount[i].Count > 0) { + pkmnListString += ""; + } + } + pkmnListString += "
IconNameCount%
Total" + pkmnTotal + "
" + pkmnCount[i].Name + "" + pkmnCount[i].Count + "" + Math.round(pkmnCount[i].Count * 100 / pkmnTotal * 10) / 10 + "%
"; + document.getElementById("pokemonList").innerHTML = pkmnListString; + }); + } else { + document.getElementById("pokemonList").innerHTML = "Pokémons markers are disabled";; + } + if (Store.get('showGyms')) { + $.each(map_data.gyms, function (key, value) { + if (arenaCount[map_data.gyms[key]['team_id']] == 0 || arenaCount[map_data.gyms[key]['team_id']] == null) { + arenaCount[map_data.gyms[key]['team_id']] = 1; + } else { + arenaCount[map_data.gyms[key]['team_id']] += 1; + } + arenaTotal++; + var arenaListString = ""; + for (var i = 0; i < arenaCount.length; i++) { + if (arenaCount[i] > 0) { + if (i == 1) { + arenaListString += ""; + } else if (i == 2) { + arenaListString += ""; + } else if (i == 3) { + arenaListString += ""; + } else { + arenaListString += ""; + } + } + } + arenaListString += "
IconTeam ColorCount%
Total" + arenaTotal + "
" + "Blue" + "" + arenaCount[i] + "" + Math.round(arenaCount[i] * 100 / arenaTotal * 10) / 10 + "%
" + "Red" + "" + arenaCount[i] + "" + Math.round(arenaCount[i] * 100 / arenaTotal * 10) / 10 + "%
" + "Yellow" + "" + arenaCount[i] + "" + Math.round(arenaCount[i] * 100 / arenaTotal * 10) / 10 + "%
" + "Clear" + "" + arenaCount[i] + "" + Math.round(arenaCount[i] * 100 / arenaTotal * 10) / 10 + "%
"; + document.getElementById("arenaList").innerHTML = arenaListString; + }); + } else { + document.getElementById("arenaList").innerHTML = "Gyms markers are disabled"; + } + if (Store.get('showPokestops')) { + $.each(map_data.pokestops, function (key, value) { + var pokestopLured = false; + if (map_data.pokestops[key]['lure_expiration'] != null && map_data.pokestops[key]['lure_expiration'] > 0) { + if (pokestopCount[1] == 0 || pokestopCount[1] == null) { + pokestopCount[1] = 1; + } else { + pokestopCount[1] += 1; + } + } else { + if (pokestopCount[0] == 0 || pokestopCount[0] == null) { + pokestopCount[0] = 1; + } else { + pokestopCount[0] += 1; + } + } + pokestopTotal++; + var pokestopListString = ""; + for (var i = 0; i < pokestopCount.length; i++) { + if (pokestopCount[i] > 0) { + if (i == 0) { + pokestopListString += ""; + } else if (i == 1) { + pokestopListString += ""; + } + } + } + pokestopListString += "
IconStatusCount%
Total" + pokestopTotal + "
" + "Not Lured" + "" + pokestopCount[i] + "" + Math.round(pokestopCount[i] * 100 / pokestopTotal * 10) / 10 + "%
" + "Lured" + "" + pokestopCount[i] + "" + Math.round(pokestopCount[i] * 100 / pokestopTotal * 10) / 10 + "%
"; + document.getElementById("pokestopList").innerHTML = pokestopListString; + }); + } else { + document.getElementById("pokestopList").innerHTML = "PokéStops markers are disabled"; + } +}; + +$('#stats-switch').change(function () { + Store.set('showStats', this.checked); + if (this.checked) { + countMarkers(); + document.getElementById("statsToggle").innerHTML = "Stats"; + } else { + document.getElementById("pokemonList").innerHTML = ""; + document.getElementById("arenaList").innerHTML = ""; + document.getElementById("pokestopList").innerHTML = ""; + document.getElementById("stats-pkmn-label").innerHTML = ""; + document.getElementById("stats-gym-label").innerHTML = ""; + document.getElementById("stats-pkstop-label").innerHTML = ""; + document.getElementById("statsToggle").innerHTML = ""; + document.getElementById("stats").classList.remove('visible'); + } +}); + +var sort_by = function sort_by(field, reverse, primer) { + var key = primer ? function (x) { + return primer(x[field]); + } : function (x) { + return x[field]; + }; + + reverse = !reverse ? 1 : -1; + + return function (a, b) { + return a = key(a), b = key(b), reverse * ((a > b) - (b > a)); + }; +}; +//# sourceMappingURL=stats.js.map diff --git a/static/js/app.js b/static/js/app.js index 72d5904baf..da9452c2fc 100644 --- a/static/js/app.js +++ b/static/js/app.js @@ -33,11 +33,21 @@ var $nav = document.querySelector('#nav'), $navToggle = document.querySelector('a[href="#nav"]'), $navClose; - + + // Stats. + var $stats = document.querySelector('#stats'), + $statsToggle = document.querySelector('a[href="#stats"]'), + $statsClose; + // Event: Prevent clicks/taps inside the nav from bubbling. addEventsListener($nav, 'click touchend', function(event) { event.stopPropagation(); }); + + // Event: Prevent clicks/taps inside the stats from bubbling. + addEventsListener($stats, 'click touchend', function(event) { + event.stopPropagation(); + }); // Event: Hide nav on body click/tap. addEventsListener($body, 'click touchend', function(event) { @@ -45,7 +55,9 @@ // this function executes too, so if the target // is the toggle button, exit this function if (event.target.matches('a[href="#nav"]')) { return; } + if (event.target.matches('a[href="#stats]')) { return; } $nav.classList.remove('visible'); + $stats.classList.remove('visible'); }); // Toggle. @@ -56,20 +68,34 @@ event.stopPropagation(); $nav.classList.toggle('visible'); }); + + // Event: Toggle stats on click. + $statsToggle.addEventListener('click', function(event) { + event.preventDefault(); + event.stopPropagation(); + $stats.classList.toggle('visible'); + }); // Close. - // Create element. + // Create elements. $navClose = document.createElement('a'); $navClose.href = '#'; $navClose.className = 'close'; $navClose.tabIndex = 0; $nav.appendChild($navClose); + + $statsClose = document.createElement('a'); + $statsClose.href = '#'; + $statsClose.className = 'close'; + $statsClose.tabIndex = 0; + $stats.appendChild($statsClose); // Event: Hide on ESC. window.addEventListener('keydown', function(event) { if (event.keyCode == 27) $nav.classList.remove('visible'); + $stats.classList.remove('visible'); }); // Event: Hide nav on click. @@ -78,5 +104,12 @@ event.stopPropagation(); $nav.classList.remove('visible'); }); + + // Event: Hide stats on click. + $statsClose.addEventListener('click', function(event) { + event.preventDefault(); + event.stopPropagation(); + $stats.classList.remove('visible'); + }); })(); diff --git a/static/js/stats.js b/static/js/stats.js new file mode 100644 index 0000000000..3ea820a104 --- /dev/null +++ b/static/js/stats.js @@ -0,0 +1,166 @@ +function countMarkers() { + document.getElementById("stats-pkmn-label").innerHTML = "Pokémons"; + document.getElementById("stats-gym-label").innerHTML = "Gyms"; + document.getElementById("stats-pkstop-label").innerHTML = "PokéStops"; + + var arenaCount = []; + var arenaTotal = 0; + var pkmnCount = []; + var pkmnTotal = 0; + var pokestopCount = []; + var pokestopTotal = 0; + if(Store.get('showPokemon')) + { + $.each(map_data.pokemons, function(key, value) { + if (pkmnCount[map_data.pokemons[key]['pokemon_id']] == 0 || pkmnCount[map_data.pokemons[key]['pokemon_id']] == null ) + { + pkmnCount[map_data.pokemons[key]['pokemon_id']] = { + "ID": map_data.pokemons[key]['pokemon_id'], + "Count": 1, + "Name": map_data.pokemons[key]['pokemon_name'] + }; + } + else + { + pkmnCount[map_data.pokemons[key]['pokemon_id']].Count += 1; + } + pkmnTotal++; + }); + pkmnCount.sort(sort_by('Name', false)); + $.each(map_data.pokemons, function(key, value) { + var pkmnListString = ""; + for(var i=0;i < pkmnCount.length;i++) { + if (pkmnCount[i] != null && pkmnCount[i].Count > 0) + { + pkmnListString += ""; + } + } + pkmnListString += "
IconNameCount%
Total"+pkmnTotal+"
" + pkmnCount[i].Name + "" + pkmnCount[i].Count + ""+Math.round(pkmnCount[i].Count*100/pkmnTotal*10)/10+"%
"; + document.getElementById("pokemonList").innerHTML = pkmnListString; + }); + } + else + { + document.getElementById("pokemonList").innerHTML = "Pokémons markers are disabled";; + } + if(Store.get('showGyms')) + { + $.each(map_data.gyms, function(key, value) { + if (arenaCount[map_data.gyms[key]['team_id']] == 0 || arenaCount[map_data.gyms[key]['team_id']] == null ) + { + arenaCount[map_data.gyms[key]['team_id']] = 1; + } + else + { + arenaCount[map_data.gyms[key]['team_id']] += 1; + } + arenaTotal++; + var arenaListString = ""; + for(var i=0;i < arenaCount.length;i++) { + if (arenaCount[i] > 0) + { + if(i == 1) + { + arenaListString += ""; + } + else if(i == 2) + { + arenaListString += ""; + } + else if(i == 3) + { + arenaListString += ""; + } + else + { + arenaListString += ""; + } + } + } + arenaListString += "
IconTeam ColorCount%
Total"+arenaTotal+"
" + "Blue" + "" + arenaCount[i] + ""+Math.round(arenaCount[i]*100/arenaTotal*10)/10+"%
" + "Red" + "" + arenaCount[i] + ""+Math.round(arenaCount[i]*100/arenaTotal*10)/10+"%
" + "Yellow" + "" + arenaCount[i] + ""+Math.round(arenaCount[i]*100/arenaTotal*10)/10+"%
" + "Clear" + "" + arenaCount[i] + ""+Math.round(arenaCount[i]*100/arenaTotal*10)/10+"%
"; + document.getElementById("arenaList").innerHTML = arenaListString; + }); + } + else + { + document.getElementById("arenaList").innerHTML = "Gyms markers are disabled"; + } + if(Store.get('showPokestops')) + { + $.each(map_data.pokestops, function(key, value) { + var pokestopLured = false; + if(map_data.pokestops[key]['lure_expiration'] != null && map_data.pokestops[key]['lure_expiration'] > 0) + { + if (pokestopCount[1] == 0 || pokestopCount[1] == null ) + { + pokestopCount[1] = 1; + } + else + { + pokestopCount[1] += 1; + } + } + else + { + if (pokestopCount[0] == 0 || pokestopCount[0] == null ) + { + pokestopCount[0] = 1; + } + else + { + pokestopCount[0] += 1; + } + } + pokestopTotal++; + var pokestopListString = ""; + for(var i=0;i < pokestopCount.length;i++) { + if (pokestopCount[i] > 0) + { + if(i == 0) + { + pokestopListString += ""; + } + else if(i == 1) + { + pokestopListString += ""; + } + } + } + pokestopListString += "
IconStatusCount%
Total"+pokestopTotal+"
" + "Not Lured" + "" + pokestopCount[i] + ""+Math.round(pokestopCount[i]*100/pokestopTotal*10)/10+"%
" + "Lured" + "" + pokestopCount[i] + ""+Math.round(pokestopCount[i]*100/pokestopTotal*10)/10+"%
"; + document.getElementById("pokestopList").innerHTML = pokestopListString; + }); + } + else + { + document.getElementById("pokestopList").innerHTML = "PokéStops markers are disabled"; + } +}; + +$('#stats-switch').change(function() { + Store.set('showStats', this.checked); + if (this.checked) { + countMarkers(); + document.getElementById("statsToggle").innerHTML = "Stats"; + } else { + document.getElementById("pokemonList").innerHTML = ""; + document.getElementById("arenaList").innerHTML = ""; + document.getElementById("pokestopList").innerHTML = ""; + document.getElementById("stats-pkmn-label").innerHTML = ""; + document.getElementById("stats-gym-label").innerHTML = ""; + document.getElementById("stats-pkstop-label").innerHTML = ""; + document.getElementById("statsToggle").innerHTML = ""; + document.getElementById("stats").classList.remove('visible'); + } +}); + +var sort_by = function(field, reverse, primer){ + var key = primer ? + function(x) {return primer(x[field])} : + function(x) {return x[field]}; + + reverse = !reverse ? 1 : -1; + + return function (a, b) { + return a = key(a), b = key(b), reverse * ((a > b) - (b > a)); + } +} diff --git a/static/map.js b/static/map.js index 8683af001d..1491e5dde0 100644 --- a/static/map.js +++ b/static/map.js @@ -140,6 +140,10 @@ var StoreOptions = { default: false, type: StoreTypes.Boolean }, + showStats: { + default: true, + type: StoreTypes.Boolean + }, playSound: { default: false, type: StoreTypes.Boolean @@ -336,7 +340,11 @@ function initSidebar() { $('#geoloc-switch').prop('checked', Store.get('geoLocate')); $('#scanned-switch').prop('checked', Store.get('showScanned')); $('#sound-switch').prop('checked', Store.get('playSound')); - + $('#stats-switch').prop('checked', Store.get('showStats')); + if(Store.get('showStats')) + { + document.getElementById("statsToggle").innerHTML = "Stats"; + } var searchBox = new google.maps.places.SearchBox(document.getElementById('next-location')); $("#next-location").css("background-color", $('#geoloc-switch').prop('checked') ? "#e0e0e0" : "#ffffff"); @@ -903,6 +911,10 @@ function updateMap() { showInBoundsMarkers(map_data.pokestops); showInBoundsMarkers(map_data.scanned); clearStaleMarkers(); + if(Store.get('showStats')) + { + countMarkers(); + } }); } @@ -1202,6 +1214,26 @@ $(function() { $('#gyms-switch').change(buildSwitchChangeListener(map_data, ["gyms"], "showGyms")); $('#pokemon-switch').change(buildSwitchChangeListener(map_data, ["pokemons", "lure_pokemons"], "showPokemon")); $('#scanned-switch').change(buildSwitchChangeListener(map_data, ["scanned"], "showScanned")); + $('#stats-switch').change(statsSwitchToggled()); + + function statsSwitchToggled() { + return function () { + Store.set('showStats', this.checked); + if (this.checked) { + countMarkers(); + document.getElementById("statsToggle").innerHTML = "Stats"; + } else { + document.getElementById("pokemonList").innerHTML = ""; + document.getElementById("arenaList").innerHTML = ""; + document.getElementById("pokestopList").innerHTML = ""; + document.getElementById("stats-pkmn-label").innerHTML = ""; + document.getElementById("stats-gym-label").innerHTML = ""; + document.getElementById("stats-pkstop-label").innerHTML = ""; + document.getElementById("statsToggle").innerHTML = ""; + document.getElementById("stats").classList.remove('visible'); + } + } + } $('#pokestops-switch').change(function() { var options = { @@ -1245,4 +1277,4 @@ $(function() { else Store.set('geoLocate', this.checked); }); -}); \ No newline at end of file +}); diff --git a/static/sass/layout/_header.scss b/static/sass/layout/_header.scss index acd563ca77..15904d1004 100644 --- a/static/sass/layout/_header.scss +++ b/static/sass/layout/_header.scss @@ -56,6 +56,20 @@ margin-left: 0.5em; } + &[href="#stats"] { + -webkit-tap-highlight-color: rgba(0,0,0,0); + + &:before { + margin: 0 0.5em 0 0; + } + } + + & + a[href="#stats"]:last-child { + border-left: solid 1px _palette(accent2, border); + padding-left: 1.25em; + margin-left: 0.5em; + } + &:last-child { padding-right: 1.25em; } @@ -67,6 +81,11 @@ padding-left: 1em; margin-left: 0.25em; } + + & + a[href="#stats"]:last-child { + padding-left: 1em; + margin-left: 0.25em; + } &:last-child { padding-right: 1em; diff --git a/static/sass/layout/_stats.scss b/static/sass/layout/_stats.scss new file mode 100644 index 0000000000..9ad8f6e385 --- /dev/null +++ b/static/sass/layout/_stats.scss @@ -0,0 +1,109 @@ +/* Stats */ + + #stats { + @include vendor('transform', 'translateX(25em)'); + @include vendor('transition', ('transform #{_duration(stats)} ease', 'box-shadow #{_duration(stats)} ease', 'visibility #{_duration(stats)}')); + -webkit-overflow-scrolling: touch; + background: #F8F8F8; + box-shadow: none; + color: _palette(accent2, fg-bold); + height: 100%; + max-width: 80%; + overflow-y: auto; + padding: 1.5em 1.5em 4em 1.5em; + position: fixed; + top: 3.50em; + right: 0; + visibility: hidden; + width: 25em; + z-index: 500; + h3 { + font-size: 18px; + font-family: 'Muli', sans-serif; + color: darken(_palette(accent2, bg), 12); + } + p { + margin-bottom: 20px; + color: darken(_palette(accent2, bg), 12); + } + > ul { + margin: 0 0 (_size(element-margin) * 0.5) 0; + + &.links { + list-style: none; + padding: 0; + + > li { + padding: 0; + + > a:not(.button) { + border: 0; + border-top: solid 1px _palette(accent2, border); + color: inherit; + display: block; + letter-spacing: _size(letter-spacing-alt); + line-height: 3.5em; + text-decoration: none; + } + + > .button { + display: block; + margin: 0.5em 0 0 0; + } + + &:first-child { + > a:not(.button) { + border-top: 0 !important; + } + } + } + } + } + + .form-control > select { + float: right; + font-size: 18px; + } + + .close { + @include icon('\f00d'); + @include vendor('transition', 'color #{_duration(transition)} ease-in-out'); + -webkit-tap-highlight-color: rgba(0,0,0,0); + border: 0; + color: _palette(accent2, fg-light); + cursor: pointer; + display: none; + height: 3.25em; + line-height: 3.25em; + padding-right: 1.25em; + position: absolute; + right: 0; + text-align: right; + top: 0; + vertical-align: middle; + width: 7em; + + &:before { + font-size: 1.25em; + } + + &:hover { + color: _palette(accent2, fg-bold); + } + + @include breakpoint(small) { + height: 4em; + line-height: 4em; + } + } + + &.visible { + @include vendor('transform', 'translateX(0)'); + box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.2); + visibility: visible; + } + + @include breakpoint(small) { + padding: 2.5em 1.75em; + } + } diff --git a/static/sass/main.scss b/static/sass/main.scss index db3e50799b..8799e3eded 100644 --- a/static/sass/main.scss +++ b/static/sass/main.scss @@ -49,6 +49,7 @@ @import 'layout/header'; @import 'layout/nav'; +@import 'layout/stats'; @import 'layout/banner'; @import 'layout/main'; @import 'layout/footer'; diff --git a/templates/map.html b/templates/map.html index ee54269bcf..ef94e79798 100644 --- a/templates/map.html +++ b/templates/map.html @@ -37,6 +37,7 @@ +
@@ -161,6 +188,7 @@

Notify with sound

var center_lng = {{lng}}; +