diff --git a/CHANGELOG.md b/CHANGELOG.md index ef5730e..12b1240 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -35,3 +35,12 @@ 1. [](#bugfix) * Fixed compatibility issue with mathjax plugin + +# v1.1.3 +## 04/19/2019 + +1. [](#new) + * Reincluded pure.css and normalize.css +1. [](#bugfix) + * Fixed cross browser issues + * minor bugfixes diff --git a/blueprints.yaml b/blueprints.yaml index 88d8314..5d63040 100644 --- a/blueprints.yaml +++ b/blueprints.yaml @@ -1,5 +1,5 @@ name: Vela -version: 1.1.2 +version: 1.1.3 description: A simple app-like mobile first and content-focused Grav Theme icon: rebel author: diff --git a/css-compiled/main.css b/css-compiled/main.css index e1710fc..0753740 100644 --- a/css-compiled/main.css +++ b/css-compiled/main.css @@ -1,3 +1,873 @@ +/*! +Pure v1.0.0 +Copyright 2013 Yahoo! +Licensed under the BSD License. +https://github.com/yahoo/pure/blob/master/LICENSE.md +*/ +/*! +normalize.css v^3.0 | MIT License | git.io/normalize +Copyright (c) Nicolas Gallagher and Jonathan Neal +*/ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +.pure-button:focus, a:active, a:hover { + outline: 0; +} + +.pure-table, table { + border-collapse: collapse; + border-spacing: 0; +} + +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block; +} + +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], template { + display: none; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, optgroup, strong { + font-weight: 700; +} + +dfn { + font-style: italic; +} + +h1 { + font-size: 2em; + margin: .67em 0; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -.5em; +} + +sub { + bottom: -.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre, textarea { + overflow: auto; +} + +code, kbd, pre, samp { + font-family: monospace,monospace; + font-size: 1em; +} + +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0; +} + +.pure-button, input { + line-height: normal; +} + +button { + overflow: visible; +} + +button, select { + text-transform: none; +} + +button, html input[type=button], input[type=reset], input[type=submit] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input[type=checkbox], input[type=radio] { + box-sizing: border-box; + padding: 0; +} + +input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { + height: auto; +} + +input[type=search] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +.pure-button, .pure-form input:not([type]), .pure-menu { + box-sizing: border-box; +} + +input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: .35em .625em .75em; +} + +legend, td, th { + padding: 0; +} + +legend { + border: 0; +} + +.hidden, [hidden] { + display: none !important; +} + +.pure-img { + max-width: 100%; + height: auto; + display: block; +} + +.pure-g { + letter-spacing: -.31em; + text-rendering: optimizespeed; + font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif; + display: flex; + flex-flow: row wrap; + align-content: flex-start; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + table .pure-g { + display: block; + } +} + +.opera-only :-o-prefocus, .pure-g { + word-spacing: -.43em; +} + +.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 { + letter-spacing: normal; + word-spacing: normal; + vertical-align: top; + text-rendering: auto; + display: inline-block; + zoom: 1; +} + +.pure-g [class*=pure-u] { + font-family: sans-serif; +} + +.pure-u-1-24 { + width: 4.1667%; +} + +.pure-u-1-12, .pure-u-2-24 { + width: 8.3333%; +} + +.pure-u-1-8, .pure-u-3-24 { + width: 12.5%; +} + +.pure-u-1-6, .pure-u-4-24 { + width: 16.6667%; +} + +.pure-u-1-5 { + width: 20%; +} + +.pure-u-5-24 { + width: 20.8333%; +} + +.pure-u-1-4, .pure-u-6-24 { + width: 25%; +} + +.pure-u-7-24 { + width: 29.1667%; +} + +.pure-u-1-3, .pure-u-8-24 { + width: 33.3333%; +} + +.pure-u-3-8, .pure-u-9-24 { + width: 37.5%; +} + +.pure-u-2-5 { + width: 40%; +} + +.pure-u-10-24, .pure-u-5-12 { + width: 41.6667%; +} + +.pure-u-11-24 { + width: 45.8333%; +} + +.pure-u-1-2, .pure-u-12-24 { + width: 50%; +} + +.pure-u-13-24 { + width: 54.1667%; +} + +.pure-u-14-24, .pure-u-7-12 { + width: 58.3333%; +} + +.pure-u-3-5 { + width: 60%; +} + +.pure-u-15-24, .pure-u-5-8 { + width: 62.5%; +} + +.pure-u-16-24, .pure-u-2-3 { + width: 66.6667%; +} + +.pure-u-17-24 { + width: 70.8333%; +} + +.pure-u-18-24, .pure-u-3-4 { + width: 75%; +} + +.pure-u-19-24 { + width: 79.1667%; +} + +.pure-u-4-5 { + width: 80%; +} + +.pure-u-20-24, .pure-u-5-6 { + width: 83.3333%; +} + +.pure-u-21-24, .pure-u-7-8 { + width: 87.5%; +} + +.pure-u-11-12, .pure-u-22-24 { + width: 91.6667%; +} + +.pure-u-23-24 { + width: 95.8333%; +} + +.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 { + width: 100%; +} + +.pure-button { + display: inline-block; + zoom: 1; + white-space: nowrap; + vertical-align: middle; + text-align: center; + cursor: pointer; + -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.pure-button::-moz-focus-inner { + padding: 0; + border: 0; +} + +.pure-button-group { + letter-spacing: -.31em; + text-rendering: optimizespeed; +} + +.opera-only :-o-prefocus, .pure-button-group { + word-spacing: -.43em; +} + +.pure-button { + font-family: inherit; + font-size: 100%; + padding: .5em 1em; + color: #444; + color: rgba(0, 0, 0, 0.8); + border: 1px solid #999; + border: transparent; + background-color: #E6E6E6; + text-decoration: none; + border-radius: 2px; +} + +.pure-button-hover, .pure-button:focus, .pure-button:hover { + filter: alpha(opacity=90); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); +} + +.pure-button-active, .pure-button:active { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset; + border-color: #000\9; +} + +.pure-button-disabled, .pure-button-disabled:active, .pure-button-disabled:focus, .pure-button-disabled:hover, .pure-button[disabled] { + border: none; + background-image: none; + filter: alpha(opacity=40); + opacity: .4; + cursor: not-allowed; + box-shadow: none; + pointer-events: none; +} + +.pure-button-hidden { + display: none; +} + +.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected { + background-color: #0078e7; + color: #fff; +} + +.pure-button-group .pure-button { + letter-spacing: normal; + word-spacing: normal; + vertical-align: top; + text-rendering: auto; + margin: 0; + border-radius: 0; + border-right: 1px solid #111; + border-right: 1px solid rgba(0, 0, 0, 0.2); +} + +.pure-button-group .pure-button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.pure-button-group .pure-button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-right: none; +} + +.pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form select, .pure-form textarea { + padding: .5em .6em; + display: inline-block; + border: 1px solid #ccc; + box-shadow: inset 0 1px 3px #ddd; + border-radius: 4px; + vertical-align: middle; + box-sizing: border-box; +} + +.pure-form input:not([type]) { + padding: .5em .6em; + display: inline-block; + border: 1px solid #ccc; + box-shadow: inset 0 1px 3px #ddd; + border-radius: 4px; +} + +.pure-form input[type=color] { + padding: .2em .5em; +} + +.pure-form input:not([type]):focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=text]:focus, .pure-form select:focus, .pure-form textarea:focus { + outline: 0; + border-color: #129FEA; +} + +.pure-form input[type=file]:focus, .pure-form input[type=checkbox]:focus, .pure-form input[type=radio]:focus { + outline: #129FEA auto 1px; +} + +.pure-form .pure-checkbox, .pure-form .pure-radio { + margin: .5em 0; + display: block; +} + +.pure-form input:not([type])[disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=text][disabled], .pure-form select[disabled], .pure-form textarea[disabled] { + cursor: not-allowed; + background-color: #eaeded; + color: #cad2d3; +} + +.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] { + background-color: #eee; + color: #777; + border-color: #ccc; +} + +.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid { + color: #b94a48; + border-color: #e9322d; +} + +.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus { + outline-color: #e9322d; +} + +.pure-form select { + height: 2.25em; + border: 1px solid #ccc; + background-color: #fff; +} + +.pure-form select[multiple] { + height: auto; +} + +.pure-form label { + margin: .5em 0 .2em; +} + +.pure-form fieldset { + margin: 0; + padding: .35em 0 .75em; + border: 0; +} + +.pure-form legend { + display: block; + width: 100%; + padding: .3em 0; + margin-bottom: .3em; + color: #333; + border-bottom: 1px solid #e5e5e5; +} + +.pure-form-stacked input:not([type]), .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=text], .pure-form-stacked label, .pure-form-stacked select, .pure-form-stacked textarea { + display: block; + margin: .25em 0; +} + +.pure-form-aligned .pure-help-inline, .pure-form-aligned input, .pure-form-aligned select, .pure-form-aligned textarea, .pure-form-message-inline { + display: inline-block; + vertical-align: middle; +} + +.pure-form-aligned textarea { + vertical-align: top; +} + +.pure-form-aligned .pure-control-group { + margin-bottom: .5em; +} + +.pure-form-aligned .pure-control-group label { + text-align: right; + display: inline-block; + vertical-align: middle; + width: 10em; + margin: 0 1em 0 0; +} + +.pure-form-aligned .pure-controls { + margin: 1.5em 0 0 11em; +} + +.pure-form .pure-input-rounded, .pure-form input.pure-input-rounded { + border-radius: 2em; + padding: .5em 1em; +} + +.pure-form .pure-group fieldset { + margin-bottom: 10px; +} + +.pure-form .pure-group input, .pure-form .pure-group textarea { + display: block; + padding: 10px; + margin: 0 0 -1px; + border-radius: 0; + position: relative; + top: -1px; +} + +.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus { + z-index: 3; +} + +.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child { + top: 1px; + border-radius: 4px 4px 0 0; + margin: 0; +} + +.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child { + top: 1px; + border-radius: 4px; + margin: 0; +} + +.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child { + top: -2px; + border-radius: 0 0 4px 4px; + margin: 0; +} + +.pure-form .pure-group button { + margin: .35em 0; +} + +.pure-form .pure-input-1 { + width: 100%; +} + +.pure-form .pure-input-3-4 { + width: 75%; +} + +.pure-form .pure-input-2-3 { + width: 66%; +} + +.pure-form .pure-input-1-2 { + width: 50%; +} + +.pure-form .pure-input-1-3 { + width: 33%; +} + +.pure-form .pure-input-1-4 { + width: 25%; +} + +.pure-form .pure-help-inline, .pure-form-message-inline { + display: inline-block; + padding-left: .3em; + color: #666; + vertical-align: middle; + font-size: .875em; +} + +.pure-form-message { + display: block; + color: #666; + font-size: .875em; +} + +@media only screen and (max-width: 480px) { + .pure-form button[type=submit] { + margin: .7em 0 0; + } + .pure-form input:not([type]), .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form label { + margin-bottom: .3em; + display: block; + } + .pure-group input:not([type]), .pure-group input[type=password], .pure-group input[type=email], .pure-group input[type=url], .pure-group input[type=date], .pure-group input[type=month], .pure-group input[type=time], .pure-group input[type=datetime], .pure-group input[type=datetime-local], .pure-group input[type=week], .pure-group input[type=tel], .pure-group input[type=color], .pure-group input[type=number], .pure-group input[type=search], .pure-group input[type=text] { + margin-bottom: 0; + } + .pure-form-aligned .pure-control-group label { + margin-bottom: .3em; + text-align: left; + display: block; + width: 100%; + } + .pure-form-aligned .pure-controls { + margin: 1.5em 0 0; + } + .pure-form .pure-help-inline, .pure-form-message, .pure-form-message-inline { + display: block; + font-size: .75em; + padding: .2em 0 .8em; + } +} + +.pure-menu-fixed { + position: fixed; + left: 0; + top: 0; + z-index: 3; +} + +.pure-menu-item, .pure-menu-list { + position: relative; +} + +.pure-menu-list { + list-style: none; + margin: 0; + padding: 0; +} + +.pure-menu-item { + padding: 0; + margin: 0; + height: 100%; +} + +.pure-menu-heading, .pure-menu-link { + display: block; + text-decoration: none; + white-space: nowrap; +} + +.pure-menu-horizontal { + width: 100%; + white-space: nowrap; +} + +.pure-menu-horizontal .pure-menu-list { + display: inline-block; +} + +.pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-separator { + display: inline-block; + zoom: 1; + vertical-align: middle; +} + +.pure-menu-item .pure-menu-item { + display: block; +} + +.pure-menu-children { + display: none; + position: absolute; + left: 100%; + top: 0; + margin: 0; + padding: 0; + z-index: 3; +} + +.pure-menu-horizontal .pure-menu-children { + left: 0; + top: auto; + width: inherit; +} + +.pure-menu-active > .pure-menu-children, .pure-menu-allow-hover:hover > .pure-menu-children { + display: block; + position: absolute; +} + +.pure-menu-has-children > .pure-menu-link:after { + padding-left: .5em; + content: "\25B8"; + font-size: small; +} + +.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after { + content: "\25BE"; +} + +.pure-menu-scrollable { + overflow-y: scroll; + overflow-x: hidden; +} + +.pure-menu-scrollable .pure-menu-list { + display: block; +} + +.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { + display: inline-block; +} + +.pure-menu-horizontal.pure-menu-scrollable { + white-space: nowrap; + overflow-y: hidden; + overflow-x: auto; + -ms-overflow-style: none; + -webkit-overflow-scrolling: touch; + padding: .5em 0; +} + +.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { + display: none; +} + +.pure-menu-horizontal .pure-menu-children .pure-menu-separator, .pure-menu-separator { + background-color: #ccc; + height: 1px; + margin: .3em 0; +} + +.pure-menu-horizontal .pure-menu-separator { + width: 1px; + height: 1.3em; + margin: 0 .3em; +} + +.pure-menu-horizontal .pure-menu-children .pure-menu-separator { + display: block; + width: auto; +} + +.pure-menu-heading { + text-transform: uppercase; + color: #565d64; +} + +.pure-menu-link { + color: #777; +} + +.pure-menu-children { + background-color: #fff; +} + +.pure-menu-disabled, .pure-menu-heading, .pure-menu-link { + padding: .5em 1em; +} + +.pure-menu-disabled { + opacity: .5; +} + +.pure-menu-disabled .pure-menu-link:hover { + background-color: transparent; +} + +.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover { + background-color: #eee; +} + +.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited { + color: #000; +} + +.pure-table { + empty-cells: show; + border: 1px solid #cbcbcb; +} + +.pure-table caption { + color: #000; + font: italic 85%/1 arial,sans-serif; + padding: 1em 0; + text-align: center; +} + +.pure-table td, .pure-table th { + border-left: 1px solid #cbcbcb; + border-width: 0 0 0 1px; + font-size: inherit; + margin: 0; + overflow: visible; + padding: .5em 1em; +} + +.pure-table td:first-child, .pure-table th:first-child { + border-left-width: 0; +} + +.pure-table thead { + background-color: #e0e0e0; + color: #000; + text-align: left; + vertical-align: bottom; +} + +.pure-table td { + background-color: transparent; +} + +.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td { + background-color: #f2f2f2; +} + +.pure-table-bordered td { + border-bottom: 1px solid #cbcbcb; +} + +.pure-table-bordered tbody > tr:last-child > td { + border-bottom-width: 0; +} + +.pure-table-horizontal td, .pure-table-horizontal th { + border-width: 0 0 1px; + border-bottom: 1px solid #cbcbcb; +} + +.pure-table-horizontal tbody > tr:last-child > td { + border-bottom-width: 0; +} + /*! * metismenu https://github.com/onokumus/metismenu#readme * A jQuery menu plugin @@ -766,7 +1636,9 @@ code { } } -p { +p, +li, +ul { font-weight: 300; } @@ -800,16 +1672,13 @@ a:hover { color: #195286; } -code { - white-space: pre-line; -} - html, body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; overflow-x: hidden; + word-break: break-word; } .flex-container { @@ -833,6 +1702,7 @@ body { padding: 0 1em; max-width: 1170px; margin-bottom: 50px; + word-wrap: break-word; } .content img, .content div { diff --git a/css-compiled/main.min.css b/css-compiled/main.min.css index 12f4af0..ad57957 100644 --- a/css-compiled/main.min.css +++ b/css-compiled/main.min.css @@ -1,4 +1,12 @@ /*! +Pure v1.0.0 +Copyright 2013 Yahoo! +Licensed under the BSD License. +https://github.com/yahoo/pure/blob/master/LICENSE.md +*//*! +normalize.css v^3.0 | MIT License | git.io/normalize +Copyright (c) Nicolas Gallagher and Jonathan Neal +*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.pure-button:focus,a:active,a:hover{outline:0}.pure-table,table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.pure-button,input{line-height:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.pure-button,.pure-form input:not([type]),.pure-menu{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:flex;flex-flow:row wrap;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-.43em}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:transparent;background-color:#e6e6e6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;margin:0;border-radius:0;border-right:1px solid #111;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=color]:focus,.pure-form input[type=date]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=email]:focus,.pure-form input[type=month]:focus,.pure-form input[type=number]:focus,.pure-form input[type=password]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=text]:focus,.pure-form input[type=time]:focus,.pure-form input[type=url]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129fea}.pure-form input[type=checkbox]:focus,.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus{outline:#129fea auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=color][disabled],.pure-form input[type=date][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=email][disabled],.pure-form input[type=month][disabled],.pure-form input[type=number][disabled],.pure-form input[type=password][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=text][disabled],.pure-form input[type=time][disabled],.pure-form input[type=url][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=color],.pure-form-stacked input[type=date],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=email],.pure-form-stacked input[type=file],.pure-form-stacked input[type=month],.pure-form-stacked input[type=number],.pure-form-stacked input[type=password],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=text],.pure-form-stacked input[type=time],.pure-form-stacked input[type=url],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width:480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=color],.pure-group input[type=date],.pure-group input[type=datetime-local],.pure-group input[type=datetime],.pure-group input[type=email],.pure-group input[type=month],.pure-group input[type=number],.pure-group input[type=password],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=text],.pure-group input[type=time],.pure-group input[type=url],.pure-group input[type=week]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}/*! * metismenu https://github.com/onokumus/metismenu#readme * A jQuery menu plugin * @version 3.0.4 @@ -10,5 +18,5 @@ * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers - */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg);transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1),-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1)}h1,h2,h3,h4,h5,h6{font-weight:500}h1{margin:35px 0 10px 0;position:relative;font-weight:500}h1{font-size:35px}@media screen and (min-width:320px){h1{font-size:calc(35px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h1{font-size:60px}}.default-header{line-height:.8;padding:0 25px 10px 0;border-bottom:5px solid #000}h2{margin:30px 0 10px 0;position:relative}h2{font-size:20px}@media screen and (min-width:320px){h2{font-size:calc(20px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h2{font-size:45px}}h3{margin:25px 0 10px 0;position:relative}h3{font-size:19px}@media screen and (min-width:320px){h3{font-size:calc(19px + 21 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h3{font-size:40px}}h4{margin:20px 0 10px 0;position:relative}h4{font-size:18px}@media screen and (min-width:320px){h4{font-size:calc(18px + 17 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h4{font-size:35px}}h5{margin:15px 0 10px 0;position:relative}h5{font-size:17px}@media screen and (min-width:320px){h5{font-size:calc(17px + 13 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h5{font-size:30px}}h6{margin:10px 0 8px 0;position:relative}h6{font-size:16px}@media screen and (min-width:320px){h6{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h6{font-size:25px}}code,li,p,ul{font-size:16px}@media screen and (min-width:320px){code,li,p,ul{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){code,li,p,ul{font-size:25px}}p{font-weight:300}strong{font-weight:500}a{text-decoration:none;color:#2579c7;transition:all .1s ease-in}a{font-size:16px}@media screen and (min-width:320px){a{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){a{font-size:25px}}a:hover{color:#195286}code{white-space:pre-line}body,html{font-family:Roboto,sans-serif;margin:0;padding:0;overflow-x:hidden}.flex-container{display:flex}.header-hr{border:0;height:0;box-shadow:0 0 5px 1px #2579c7;margin-bottom:30px}.page-title{margin-bottom:0}.content{margin:0 auto;padding:0 1em;max-width:1170px;margin-bottom:50px}.content div,.content img{max-width:100%}.toc-page>ol{padding-left:0}.toc-page ol{counter-reset:item;font-weight:500}@media only screen and (max-width:800px){.toc-page ol{padding-left:15px}}.toc-page ol ol{font-weight:300}.toc-page ol ol ol{font-size:90%}.toc-page li{display:block}.toc-page li:before{content:counters(item, ".") " ";counter-increment:item}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#6f6e6e} + */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg);transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1),-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1)}h1,h2,h3,h4,h5,h6{font-weight:500}h1{margin:35px 0 10px 0;position:relative;font-weight:500}h1{font-size:35px}@media screen and (min-width:320px){h1{font-size:calc(35px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h1{font-size:60px}}.default-header{line-height:.8;padding:0 25px 10px 0;border-bottom:5px solid #000}h2{margin:30px 0 10px 0;position:relative}h2{font-size:20px}@media screen and (min-width:320px){h2{font-size:calc(20px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h2{font-size:45px}}h3{margin:25px 0 10px 0;position:relative}h3{font-size:19px}@media screen and (min-width:320px){h3{font-size:calc(19px + 21 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h3{font-size:40px}}h4{margin:20px 0 10px 0;position:relative}h4{font-size:18px}@media screen and (min-width:320px){h4{font-size:calc(18px + 17 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h4{font-size:35px}}h5{margin:15px 0 10px 0;position:relative}h5{font-size:17px}@media screen and (min-width:320px){h5{font-size:calc(17px + 13 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h5{font-size:30px}}h6{margin:10px 0 8px 0;position:relative}h6{font-size:16px}@media screen and (min-width:320px){h6{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h6{font-size:25px}}code,li,p,ul{font-size:16px}@media screen and (min-width:320px){code,li,p,ul{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){code,li,p,ul{font-size:25px}}li,p,ul{font-weight:300}strong{font-weight:500}a{text-decoration:none;color:#2579c7;transition:all .1s ease-in}a{font-size:16px}@media screen and (min-width:320px){a{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){a{font-size:25px}}a:hover{color:#195286}body,html{font-family:Roboto,sans-serif;margin:0;padding:0;overflow-x:hidden;word-break:break-word}.flex-container{display:flex}.header-hr{border:0;height:0;box-shadow:0 0 5px 1px #2579c7;margin-bottom:30px}.page-title{margin-bottom:0}.content{margin:0 auto;padding:0 1em;max-width:1170px;margin-bottom:50px;word-wrap:break-word}.content div,.content img{max-width:100%}.toc-page>ol{padding-left:0}.toc-page ol{counter-reset:item;font-weight:500}@media only screen and (max-width:800px){.toc-page ol{padding-left:15px}}.toc-page ol ol{font-weight:300}.toc-page ol ol ol{font-size:90%}.toc-page li{display:block}.toc-page li:before{content:counters(item, ".") " ";counter-increment:item}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#6f6e6e} /*# sourceMappingURL=main.min.css.map */ diff --git a/css-compiled/main.min.css.map b/css-compiled/main.min.css.map index 46adefd..5d71678 100644 --- a/css-compiled/main.min.css.map +++ b/css-compiled/main.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["vendor/_metismenu.scss","main.css","partials/_sidebar.scss","partials/_mixins.scss","partials/_slideout.scss","partials/_hamburgers.scss","partials/_typography.scss","partials/_default.scss"],"names":[],"mappings":"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","file":"main.min.css","sourcesContent":["/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus (https://github.com/onokumus)\r\n* @license: MIT \r\n*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:\"\\e079\"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:\"\\e114\"}.metismenu .fa.arrow:before{content:\"\\f104\"}.metismenu .mm-active>a>.fa.arrow:before{content:\"\\f107\"}.metismenu .ion.arrow:before{content:\"\\f3d2\"}.metismenu .mm-active>a>.ion.arrow:before{content:\"\\f3d0\"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-times{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-minus:before{content:\"\\f068\"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:\"\";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;-webkit-transform:rotate(135deg) translateY(-50%);transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(225deg) translateY(-50%);transform:rotate(225deg) translateY(-50%)}\r\n/*# sourceMappingURL=metisMenu.min.css.map */","/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus (https://github.com/onokumus)\r\n* @license: MIT \r\n*/\n.metismenu .arrow {\n float: right;\n line-height: 1.42857;\n}\n\n[dir=rtl] .metismenu .arrow {\n float: left;\n}\n\n.metismenu .glyphicon.arrow:before {\n content: \"\\e079\";\n}\n\n.metismenu .mm-active > a > .glyphicon.arrow:before {\n content: \"\\e114\";\n}\n\n.metismenu .fa.arrow:before {\n content: \"\\f104\";\n}\n\n.metismenu .mm-active > a > .fa.arrow:before {\n content: \"\\f107\";\n}\n\n.metismenu .ion.arrow:before {\n content: \"\\f3d2\";\n}\n\n.metismenu .mm-active > a > .ion.arrow:before {\n content: \"\\f3d0\";\n}\n\n.metismenu .plus-times {\n float: right;\n}\n\n[dir=rtl] .metismenu .plus-times {\n float: left;\n}\n\n.metismenu .fa.plus-times:before {\n content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-times {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n\n.metismenu .plus-minus {\n float: right;\n}\n\n[dir=rtl] .metismenu .plus-minus {\n float: left;\n}\n\n.metismenu .fa.plus-minus:before {\n content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-minus:before {\n content: \"\\f068\";\n}\n\n.metismenu .mm-collapse:not(.mm-show) {\n display: none;\n}\n\n.metismenu .mm-collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition-timing-function: ease;\n transition-duration: .35s;\n transition-property: height,visibility;\n}\n\n.metismenu .has-arrow {\n position: relative;\n}\n\n.metismenu .has-arrow:after {\n position: absolute;\n content: \"\";\n width: .5em;\n height: .5em;\n border-style: solid;\n border-width: 1px 0 0 1px;\n border-color: initial;\n right: 1em;\n -webkit-transform: rotate(-45deg) translateY(-50%);\n transform: rotate(-45deg) translateY(-50%);\n -webkit-transform-origin: top;\n transform-origin: top;\n top: 50%;\n transition: all .3s ease-out;\n}\n\n[dir=rtl] .metismenu .has-arrow:after {\n right: auto;\n left: 1em;\n -webkit-transform: rotate(135deg) translateY(-50%);\n transform: rotate(135deg) translateY(-50%);\n}\n\n.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active > .has-arrow:after {\n -webkit-transform: rotate(-135deg) translateY(-50%);\n transform: rotate(-135deg) translateY(-50%);\n}\n\n[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after, [dir=rtl] .metismenu .mm-active > .has-arrow:after {\n -webkit-transform: rotate(225deg) translateY(-50%);\n transform: rotate(225deg) translateY(-50%);\n}\n\n/*# sourceMappingURL=metisMenu.min.css.map */\n.sidebar-nav {\n background: #1f1f1f;\n}\n\n.sidebar-nav a,\n.sidebar-nav li,\n.sidebar-nav ul {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n .sidebar-nav a,\n .sidebar-nav li,\n .sidebar-nav ul {\n font-size: calc(16px + 2 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n .sidebar-nav a,\n .sidebar-nav li,\n .sidebar-nav ul {\n font-size: 18px;\n }\n}\n\n.sidebar-nav ul {\n padding: 0;\n margin: 0;\n list-style: none;\n background-color: #1f1f1f;\n}\n\n.sidebar-nav .metismenu {\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.sidebar-nav .metismenu li {\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n}\n\n.sidebar-nav .metismenu a {\n position: relative;\n display: block;\n padding: 15px 15px;\n color: #adb5bd;\n outline-width: 0;\n transition: all .2s ease-in-out;\n}\n\n.sidebar-nav .metismenu ul > li {\n padding-left: 1px;\n border-left: 3px solid #455a64;\n background: rgba(255, 255, 255, 0.05);\n}\n\n.sidebar-nav .metismenu ul ul {\n background: rgba(255, 255, 255, 0.03);\n}\n\n.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {\n color: #f8f9fa;\n text-decoration: none;\n background: #455a64;\n}\n\n.sidebar-nav .metismenu a[aria-expanded=\"true\"] {\n background-color: #455a64;\n}\n\n.sidebar-nav .metismenu .active-page {\n font-weight: 500;\n color: #f8f9fa;\n}\n\n.sidebar-brand {\n display: flex;\n color: #f8f9fa;\n height: 65px;\n line-height: 20px;\n justify-content: center;\n align-content: center;\n align-items: center;\n width: 100%;\n}\n\n.sidebar-brand:hover {\n color: #adb5bd;\n}\n\n.slideout-menu {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 320px;\n min-height: 100vh;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n z-index: 0;\n display: none;\n}\n\n.slideout-menu-left {\n left: 0;\n}\n\n.slideout-menu-right {\n right: 0;\n}\n\n.slideout-panel {\n position: relative;\n z-index: 1;\n background-color: #fff;\n /* A background-color is required */\n min-height: 100vh;\n}\n\n.slideout-open,\n.slideout-open body,\n.slideout-open .slideout-panel {\n overflow: hidden;\n}\n\n.slideout-open .slideout-menu {\n display: block;\n}\n\n#menu {\n background-color: #1f1f1f;\n}\n\n/* Overlay for closing the menu on panel click when menu is open */\n.panel:before {\n content: '';\n display: block;\n background-color: rgba(0, 0, 0, 0);\n transition: background-color 0.5s ease-in-out;\n}\n\n.panel-open:before {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 99;\n}\n\n/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\n.hamburger {\n padding: 15px 15px;\n display: inline-block;\n cursor: pointer;\n transition-property: opacity, filter;\n transition-duration: 0.15s;\n transition-timing-function: linear;\n font: inherit;\n color: inherit;\n text-transform: none;\n background-color: transparent;\n border: 0;\n margin: 0;\n overflow: visible;\n}\n\n.hamburger:hover {\n opacity: 0.7;\n}\n\n.hamburger-box {\n width: 40px;\n height: 24px;\n display: inline-block;\n position: relative;\n}\n\n.hamburger-inner {\n display: block;\n top: 50%;\n margin-top: -2px;\n}\n\n.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\n width: 40px;\n height: 4px;\n background-color: #000;\n border-radius: 4px;\n position: absolute;\n transition-property: transform;\n transition-duration: 0.15s;\n transition-timing-function: ease;\n}\n\n.hamburger-inner::before, .hamburger-inner::after {\n content: \"\";\n display: block;\n}\n\n.hamburger-inner::before {\n top: -10px;\n}\n\n.hamburger-inner::after {\n bottom: -10px;\n}\n\n/*\r\n * 3DX\r\n */\n.hamburger--3dx .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dx .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateY(180deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DX Reverse\r\n */\n.hamburger--3dx-r .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dx-r .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateY(-180deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DY\r\n */\n.hamburger--3dy .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dy .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(-180deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DY Reverse\r\n */\n.hamburger--3dy-r .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dy-r .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DXY\r\n */\n.hamburger--3dxy .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dxy .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg) rotateY(180deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DXY Reverse\r\n */\n.hamburger--3dxy-r .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dxy-r .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * Spin\r\n */\n.hamburger--spin .hamburger-inner {\n transition-duration: 0.22s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin .hamburger-inner::before {\n transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n}\n\n.hamburger--spin .hamburger-inner::after {\n transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin.is-active .hamburger-inner {\n transform: rotate(225deg);\n transition-delay: 0.12s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.hamburger--spin.is-active .hamburger-inner::before {\n top: 0;\n opacity: 0;\n transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;\n}\n\n.hamburger--spin.is-active .hamburger-inner::after {\n bottom: 0;\n transform: rotate(-90deg);\n transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: 500;\n}\n\nh1 {\n margin: 35px 0px 10px 0px;\n position: relative;\n font-weight: 500;\n}\n\nh1 {\n font-size: 35px;\n}\n\n@media screen and (min-width: 320px) {\n h1 {\n font-size: calc(35px + 25 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h1 {\n font-size: 60px;\n }\n}\n\n.default-header {\n line-height: 0.8;\n padding: 0px 25px 10px 0px;\n border-bottom: 5px solid black;\n}\n\nh2 {\n margin: 30px 0px 10px 0px;\n position: relative;\n}\n\nh2 {\n font-size: 20px;\n}\n\n@media screen and (min-width: 320px) {\n h2 {\n font-size: calc(20px + 25 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h2 {\n font-size: 45px;\n }\n}\n\nh3 {\n margin: 25px 0px 10px 0px;\n position: relative;\n}\n\nh3 {\n font-size: 19px;\n}\n\n@media screen and (min-width: 320px) {\n h3 {\n font-size: calc(19px + 21 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h3 {\n font-size: 40px;\n }\n}\n\nh4 {\n margin: 20px 0px 10px 0px;\n position: relative;\n}\n\nh4 {\n font-size: 18px;\n}\n\n@media screen and (min-width: 320px) {\n h4 {\n font-size: calc(18px + 17 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h4 {\n font-size: 35px;\n }\n}\n\nh5 {\n margin: 15px 0px 10px 0px;\n position: relative;\n}\n\nh5 {\n font-size: 17px;\n}\n\n@media screen and (min-width: 320px) {\n h5 {\n font-size: calc(17px + 13 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h5 {\n font-size: 30px;\n }\n}\n\nh6 {\n margin: 10px 0px 8px 0px;\n position: relative;\n}\n\nh6 {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n h6 {\n font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h6 {\n font-size: 25px;\n }\n}\n\np,\nli,\nul,\ncode {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n p,\n li,\n ul,\n code {\n font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n p,\n li,\n ul,\n code {\n font-size: 25px;\n }\n}\n\np {\n font-weight: 300;\n}\n\nstrong {\n font-weight: 500;\n}\n\na {\n text-decoration: none;\n color: #2579c7;\n transition: all 0.1s ease-in;\n}\n\na {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n a {\n font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n a {\n font-size: 25px;\n }\n}\n\na:hover {\n color: #195286;\n}\n\ncode {\n white-space: pre-line;\n}\n\nhtml,\nbody {\n font-family: 'Roboto', sans-serif;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n}\n\n.flex-container {\n display: flex;\n}\n\n.header-hr {\n border: 0;\n height: 0;\n /* Firefox... */\n box-shadow: 0 0 5px 1px #2579c7;\n margin-bottom: 30px;\n}\n\n.page-title {\n margin-bottom: 0px;\n}\n\n.content {\n margin: 0 auto;\n padding: 0 1em;\n max-width: 1170px;\n margin-bottom: 50px;\n}\n\n.content img, .content div {\n max-width: 100%;\n}\n\n.toc-page > ol {\n padding-left: 0;\n}\n\n.toc-page ol {\n counter-reset: item;\n font-weight: 500;\n}\n\n@media only screen and (max-width: 800px) {\n .toc-page ol {\n padding-left: 15px;\n }\n}\n\n.toc-page ol ol {\n font-weight: 300;\n}\n\n.toc-page ol ol ol {\n font-size: 90%;\n}\n\n.toc-page li {\n display: block;\n}\n\n.toc-page li:before {\n content: counters(item, \".\") \" \";\n counter-increment: item;\n}\n\n/* width */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n background: #888;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n background: #6f6e6e;\n}\n","$menu-bg-color:#1f1f1f;\r\n$menu-sec-color: #455a64;\r\n$menu-font-color: #adb5bd;\r\n$hover-active-font-color: #f8f9fa;\r\n.sidebar-nav {\r\n background: $menu-bg-color;\r\n a,\r\n li,\r\n ul {\r\n @include fluid-type(320px, 1200px, 16px, 18px);\r\n }\r\n ul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n background-color: $menu-bg-color;\r\n }\r\n .metismenu {\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n li {\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n position: relative;\r\n }\r\n a {\r\n position: relative;\r\n display: block;\r\n padding: 15px 15px;\r\n color: $menu-font-color;\r\n outline-width: 0;\r\n transition: all .2s ease-in-out;\r\n }\r\n ul>li {\r\n padding-left: 1px;\r\n border-left: 3px solid $menu-sec-color;\r\n background: rgba(255, 255, 255, .05);\r\n }\r\n ul ul {\r\n background: rgba(255, 255, 255, .03);\r\n }\r\n a:hover,a:focus,a:active {\r\n color: $hover-active-font-color;\r\n text-decoration: none;\r\n background: $menu-sec-color;\r\n }\r\n a[aria-expanded=\"true\"] {\r\n background-color: $menu-sec-color;\r\n }\r\n .active-page {\r\n font-weight: 500;\r\n color: $hover-active-font-color;\r\n }\r\n }\r\n}\r\n\r\n.sidebar-brand {\r\n display: flex;\r\n color: $hover-active-font-color;\r\n height: 65px;\r\n line-height: 20px;\r\n justify-content: center;\r\n align-content: center;\r\n align-items: center;\r\n width: 100%;\r\n &:hover {\r\n color: $menu-font-color;\r\n }\r\n}","\r\n\t@function strip-unit($value) {\r\n\t\t@return $value / ($value * 0 + 1);\r\n\t}\r\n\t\r\n\t@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {\r\n\t\t$u1: unit($min-vw);\r\n\t\t$u2: unit($max-vw);\r\n\t\t$u3: unit($min-font-size);\r\n\t\t$u4: unit($max-font-size);\r\n\t\r\n\t\t@if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {\r\n\t\t\t& {\r\n\t\t\t\tfont-size: $min-font-size;\r\n\t\t\t\t@media screen and (min-width: $min-vw) {\r\n\t\t\t\t\tfont-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));\r\n\t\t\t\t}\r\n\t\t\t\t@media screen and (min-width: $max-vw) {\r\n\t\t\t\t\tfont-size: $max-font-size;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}",".slideout-menu {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n width: 320px;\r\n min-height: 100vh;\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n z-index: 0;\r\n display: none;\r\n}\r\n\r\n.slideout-menu-left {\r\n left: 0;\r\n}\r\n\r\n.slideout-menu-right {\r\n right: 0;\r\n}\r\n\r\n.slideout-panel {\r\n position: relative;\r\n z-index: 1;\r\n //will-change: transform;\r\n background-color: #fff;\r\n /* A background-color is required */\r\n min-height: 100vh;\r\n}\r\n\r\n.slideout-open,\r\n.slideout-open body,\r\n.slideout-open .slideout-panel {\r\n overflow: hidden;\r\n}\r\n\r\n.slideout-open .slideout-menu {\r\n display: block;\r\n}\r\n\r\n#menu {\r\n background-color: $menu-bg-color;\r\n}\r\n\r\n\r\n/* Overlay for closing the menu on panel click when menu is open */\r\n\r\n.panel:before {\r\n content: '';\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0);\r\n transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.panel-open:before {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 100%;\r\n background-color: rgba(0, 0, 0, .5);\r\n z-index: 99;\r\n}","/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\r\n.hamburger {\r\n padding: 15px 15px;\r\n display: inline-block;\r\n cursor: pointer;\r\n transition-property: opacity, filter;\r\n transition-duration: 0.15s;\r\n transition-timing-function: linear;\r\n font: inherit;\r\n color: inherit;\r\n text-transform: none;\r\n background-color: transparent;\r\n border: 0;\r\n margin: 0;\r\n overflow: visible; }\r\n .hamburger:hover {\r\n opacity: 0.7; }\r\n \r\n .hamburger-box {\r\n width: 40px;\r\n height: 24px;\r\n display: inline-block;\r\n position: relative; }\r\n \r\n .hamburger-inner {\r\n display: block;\r\n top: 50%;\r\n margin-top: -2px; }\r\n .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\r\n width: 40px;\r\n height: 4px;\r\n background-color: #000;\r\n border-radius: 4px;\r\n position: absolute;\r\n transition-property: transform;\r\n transition-duration: 0.15s;\r\n transition-timing-function: ease; }\r\n .hamburger-inner::before, .hamburger-inner::after {\r\n content: \"\";\r\n display: block; }\r\n .hamburger-inner::before {\r\n top: -10px; }\r\n .hamburger-inner::after {\r\n bottom: -10px; }\r\n \r\n /*\r\n * 3DX\r\n */\r\n .hamburger--3dx .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dx .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dx.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateY(180deg); }\r\n .hamburger--3dx.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dx.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DX Reverse\r\n */ \r\n .hamburger--3dx-r .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dx-r .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dx-r.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateY(-180deg); }\r\n .hamburger--3dx-r.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dx-r.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DY\r\n */\r\n .hamburger--3dy .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dy .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dy.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(-180deg); }\r\n .hamburger--3dy.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dy.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DY Reverse\r\n */\r\n .hamburger--3dy-r .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dy-r .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dy-r.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(180deg); }\r\n .hamburger--3dy-r.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dy-r.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DXY\r\n */\r\n .hamburger--3dxy .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dxy .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dxy.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(180deg) rotateY(180deg); }\r\n .hamburger--3dxy.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dxy.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DXY Reverse\r\n */\r\n .hamburger--3dxy-r .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dxy-r .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dxy-r.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }\r\n .hamburger--3dxy-r.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dxy-r.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * Spin\r\n */\r\n .hamburger--spin .hamburger-inner {\r\n transition-duration: 0.22s;\r\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n .hamburger--spin .hamburger-inner::before {\r\n transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }\r\n .hamburger--spin .hamburger-inner::after {\r\n transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n \r\n .hamburger--spin.is-active .hamburger-inner {\r\n transform: rotate(225deg);\r\n transition-delay: 0.12s;\r\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\r\n .hamburger--spin.is-active .hamburger-inner::before {\r\n top: 0;\r\n opacity: 0;\r\n transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }\r\n .hamburger--spin.is-active .hamburger-inner::after {\r\n bottom: 0;\r\n transform: rotate(-90deg);\r\n transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }","$min_width: 320px;\r\n$max_width: 1200px;\r\n$min_font: 16px;\r\n$max_font: 50px;\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n font-weight: 500;\r\n}\r\n\r\nh1 {\r\n @include fluid-type($min_width, $max_width, 35px, 60px);\r\n margin: 35px 0px 10px 0px;\r\n position: relative;\r\n font-weight: 500;\r\n}\r\n\r\n.default-header {\r\n line-height: 0.8;\r\n padding: 0px 25px 10px 0px;\r\n border-bottom: 5px solid $font-color;\r\n}\r\n\r\nh2 {\r\n @include fluid-type($min_width, $max_width, 20px, 45px);\r\n margin: 30px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh3 {\r\n @include fluid-type($min_width, $max_width, 19px, 40px);\r\n margin: 25px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh4 {\r\n @include fluid-type($min_width, $max_width, 18px, 35px);\r\n margin: 20px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh5 {\r\n @include fluid-type($min_width, $max_width, 17px, 30px);\r\n margin: 15px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh6 {\r\n @include fluid-type($min_width, $max_width, 16px, 25px);\r\n margin: 10px 0px 8px 0px;\r\n position: relative;\r\n}\r\n\r\np,\r\nli,\r\nul,\r\ncode {\r\n @include fluid-type($min_width, $max_width, 16px, 25px);\r\n}\r\n\r\np {\r\n font-weight: 300;\r\n}\r\n\r\nstrong {\r\n font-weight: 500;\r\n}\r\n\r\na {\r\n @include fluid-type($min_width, $max_width, 16px, 25px);\r\n text-decoration: none;\r\n color: $link-color;\r\n transition: all 0.1s ease-in;\r\n &:hover {\r\n color: $link-hover-color;\r\n }\r\n}\r\n\r\ncode {\r\n white-space: pre-line;\r\n}","html,\r\nbody {\r\n font-family: 'Roboto', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n}\r\n\r\n.flex-container {\r\n display: flex;\r\n}\r\n\r\n.header-hr {\r\n border: 0;\r\n height: 0;\r\n /* Firefox... */\r\n box-shadow: 0 0 5px 1px #2579c7;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.page-title {\r\n margin-bottom: 0px;\r\n}\r\n\r\n.content {\r\n margin: 0 auto;\r\n padding: 0 1em;\r\n max-width: 1170px;\r\n margin-bottom: 50px;\r\n img, div{ \r\n max-width: 100%; \r\n }\r\n}\r\n\r\n// Table of contents\r\n.toc-page {\r\n >ol {\r\n padding-left: 0;\r\n }\r\n ol {\r\n @media only screen and (max-width: 800px) {\r\n padding-left: 15px;\r\n }\r\n counter-reset: item;\r\n font-weight: 500;\r\n ol {\r\n font-weight: 300;\r\n ol {\r\n font-size: 90%;\r\n }\r\n }\r\n }\r\n li {\r\n display: block\r\n }\r\n li:before {\r\n content: counters(item, \".\") \" \";\r\n counter-increment: item\r\n }\r\n}\r\n\r\n// Webkit scrollbar\r\n\r\n/* width */\r\n\r\n::-webkit-scrollbar {\r\n width: 10px;\r\n}\r\n\r\n\r\n/* Track */\r\n\r\n::-webkit-scrollbar-track {\r\n background: #f1f1f1;\r\n}\r\n\r\n\r\n/* Handle */\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: #888;\r\n}\r\n\r\n\r\n/* Handle on hover */\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: darken(#888, 10%);\r\n}\r\n\r\n"]} \ No newline at end of file +{"version":3,"sources":["vendor/_pure.scss","main.css","vendor/_metismenu.scss","partials/_sidebar.scss","partials/_mixins.scss","partials/_slideout.scss","partials/_hamburgers.scss","partials/_typography.scss","partials/_default.scss"],"names":[],"mappings":"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","file":"main.min.css","sourcesContent":["/*!\r\nPure v1.0.0\r\nCopyright 2013 Yahoo!\r\nLicensed under the BSD License.\r\nhttps://github.com/yahoo/pure/blob/master/LICENSE.md\r\n*/\r\n/*!\r\nnormalize.css v^3.0 | MIT License | git.io/normalize\r\nCopyright (c) Nicolas Gallagher and Jonathan Neal\r\n*/ \r\n/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.pure-button:focus,a:active,a:hover{outline:0}.pure-table,table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.pure-button,input{line-height:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.pure-button,.pure-form input:not([type]),.pure-menu{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,\"Droid Sans\",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-.43em}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:transparent;background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\\9}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;filter:alpha(opacity=40);opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;margin:0;border-radius:0;border-right:1px solid #111;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=text]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=checkbox]:focus,.pure-form input[type=radio]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=text][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=text],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=text]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:\"\\25B8\";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:\"\\25BE\"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} ","/*!\r\nPure v1.0.0\r\nCopyright 2013 Yahoo!\r\nLicensed under the BSD License.\r\nhttps://github.com/yahoo/pure/blob/master/LICENSE.md\r\n*/\n/*!\r\nnormalize.css v^3.0 | MIT License | git.io/normalize\r\nCopyright (c) Nicolas Gallagher and Jonathan Neal\r\n*/\n/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\n.pure-button:focus, a:active, a:hover {\n outline: 0;\n}\n\n.pure-table, table {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nhtml {\n font-family: sans-serif;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n\nbody {\n margin: 0;\n}\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\n display: block;\n}\n\naudio, canvas, progress, video {\n display: inline-block;\n vertical-align: baseline;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n[hidden], template {\n display: none;\n}\n\na {\n background-color: transparent;\n}\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\nb, optgroup, strong {\n font-weight: 700;\n}\n\ndfn {\n font-style: italic;\n}\n\nh1 {\n font-size: 2em;\n margin: .67em 0;\n}\n\nmark {\n background: #ff0;\n color: #000;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -.5em;\n}\n\nsub {\n bottom: -.25em;\n}\n\nimg {\n border: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nfigure {\n margin: 1em 40px;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\npre, textarea {\n overflow: auto;\n}\n\ncode, kbd, pre, samp {\n font-family: monospace,monospace;\n font-size: 1em;\n}\n\nbutton, input, optgroup, select, textarea {\n color: inherit;\n font: inherit;\n margin: 0;\n}\n\n.pure-button, input {\n line-height: normal;\n}\n\nbutton {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, html input[type=button], input[type=reset], input[type=submit] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton[disabled], html input[disabled] {\n cursor: default;\n}\n\nbutton::-moz-focus-inner, input::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput[type=checkbox], input[type=radio] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\ninput[type=search] {\n -webkit-appearance: textfield;\n box-sizing: content-box;\n}\n\n.pure-button, .pure-form input:not([type]), .pure-menu {\n box-sizing: border-box;\n}\n\ninput[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\nfieldset {\n border: 1px solid silver;\n margin: 0 2px;\n padding: .35em .625em .75em;\n}\n\nlegend, td, th {\n padding: 0;\n}\n\nlegend {\n border: 0;\n}\n\n.hidden, [hidden] {\n display: none !important;\n}\n\n.pure-img {\n max-width: 100%;\n height: auto;\n display: block;\n}\n\n.pure-g {\n letter-spacing: -.31em;\n text-rendering: optimizespeed;\n font-family: FreeSans,Arimo,\"Droid Sans\",Helvetica,Arial,sans-serif;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-flow: row wrap;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-align-content: flex-start;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n table .pure-g {\n display: block;\n }\n}\n\n.opera-only :-o-prefocus, .pure-g {\n word-spacing: -.43em;\n}\n\n.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {\n letter-spacing: normal;\n word-spacing: normal;\n vertical-align: top;\n text-rendering: auto;\n display: inline-block;\n zoom: 1;\n}\n\n.pure-g [class*=pure-u] {\n font-family: sans-serif;\n}\n\n.pure-u-1-24 {\n width: 4.1667%;\n}\n\n.pure-u-1-12, .pure-u-2-24 {\n width: 8.3333%;\n}\n\n.pure-u-1-8, .pure-u-3-24 {\n width: 12.5%;\n}\n\n.pure-u-1-6, .pure-u-4-24 {\n width: 16.6667%;\n}\n\n.pure-u-1-5 {\n width: 20%;\n}\n\n.pure-u-5-24 {\n width: 20.8333%;\n}\n\n.pure-u-1-4, .pure-u-6-24 {\n width: 25%;\n}\n\n.pure-u-7-24 {\n width: 29.1667%;\n}\n\n.pure-u-1-3, .pure-u-8-24 {\n width: 33.3333%;\n}\n\n.pure-u-3-8, .pure-u-9-24 {\n width: 37.5%;\n}\n\n.pure-u-2-5 {\n width: 40%;\n}\n\n.pure-u-10-24, .pure-u-5-12 {\n width: 41.6667%;\n}\n\n.pure-u-11-24 {\n width: 45.8333%;\n}\n\n.pure-u-1-2, .pure-u-12-24 {\n width: 50%;\n}\n\n.pure-u-13-24 {\n width: 54.1667%;\n}\n\n.pure-u-14-24, .pure-u-7-12 {\n width: 58.3333%;\n}\n\n.pure-u-3-5 {\n width: 60%;\n}\n\n.pure-u-15-24, .pure-u-5-8 {\n width: 62.5%;\n}\n\n.pure-u-16-24, .pure-u-2-3 {\n width: 66.6667%;\n}\n\n.pure-u-17-24 {\n width: 70.8333%;\n}\n\n.pure-u-18-24, .pure-u-3-4 {\n width: 75%;\n}\n\n.pure-u-19-24 {\n width: 79.1667%;\n}\n\n.pure-u-4-5 {\n width: 80%;\n}\n\n.pure-u-20-24, .pure-u-5-6 {\n width: 83.3333%;\n}\n\n.pure-u-21-24, .pure-u-7-8 {\n width: 87.5%;\n}\n\n.pure-u-11-12, .pure-u-22-24 {\n width: 91.6667%;\n}\n\n.pure-u-23-24 {\n width: 95.8333%;\n}\n\n.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 {\n width: 100%;\n}\n\n.pure-button {\n display: inline-block;\n zoom: 1;\n white-space: nowrap;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.pure-button::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n\n.pure-button-group {\n letter-spacing: -.31em;\n text-rendering: optimizespeed;\n}\n\n.opera-only :-o-prefocus, .pure-button-group {\n word-spacing: -.43em;\n}\n\n.pure-button {\n font-family: inherit;\n font-size: 100%;\n padding: .5em 1em;\n color: #444;\n color: rgba(0, 0, 0, 0.8);\n border: 1px solid #999;\n border: transparent;\n background-color: #E6E6E6;\n text-decoration: none;\n border-radius: 2px;\n}\n\n.pure-button-hover, .pure-button:focus, .pure-button:hover {\n filter: alpha(opacity=90);\n background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));\n background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));\n}\n\n.pure-button-active, .pure-button:active {\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;\n border-color: #000\\9;\n}\n\n.pure-button-disabled, .pure-button-disabled:active, .pure-button-disabled:focus, .pure-button-disabled:hover, .pure-button[disabled] {\n border: none;\n background-image: none;\n filter: alpha(opacity=40);\n opacity: .4;\n cursor: not-allowed;\n box-shadow: none;\n pointer-events: none;\n}\n\n.pure-button-hidden {\n display: none;\n}\n\n.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {\n background-color: #0078e7;\n color: #fff;\n}\n\n.pure-button-group .pure-button {\n letter-spacing: normal;\n word-spacing: normal;\n vertical-align: top;\n text-rendering: auto;\n margin: 0;\n border-radius: 0;\n border-right: 1px solid #111;\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.pure-button-group .pure-button:first-child {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n\n.pure-button-group .pure-button:last-child {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-right: none;\n}\n\n.pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form select, .pure-form textarea {\n padding: .5em .6em;\n display: inline-block;\n border: 1px solid #ccc;\n box-shadow: inset 0 1px 3px #ddd;\n border-radius: 4px;\n vertical-align: middle;\n box-sizing: border-box;\n}\n\n.pure-form input:not([type]) {\n padding: .5em .6em;\n display: inline-block;\n border: 1px solid #ccc;\n box-shadow: inset 0 1px 3px #ddd;\n border-radius: 4px;\n}\n\n.pure-form input[type=color] {\n padding: .2em .5em;\n}\n\n.pure-form input:not([type]):focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=text]:focus, .pure-form select:focus, .pure-form textarea:focus {\n outline: 0;\n border-color: #129FEA;\n}\n\n.pure-form input[type=file]:focus, .pure-form input[type=checkbox]:focus, .pure-form input[type=radio]:focus {\n outline: #129FEA auto 1px;\n}\n\n.pure-form .pure-checkbox, .pure-form .pure-radio {\n margin: .5em 0;\n display: block;\n}\n\n.pure-form input:not([type])[disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=text][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {\n cursor: not-allowed;\n background-color: #eaeded;\n color: #cad2d3;\n}\n\n.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {\n background-color: #eee;\n color: #777;\n border-color: #ccc;\n}\n\n.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid {\n color: #b94a48;\n border-color: #e9322d;\n}\n\n.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus {\n outline-color: #e9322d;\n}\n\n.pure-form select {\n height: 2.25em;\n border: 1px solid #ccc;\n background-color: #fff;\n}\n\n.pure-form select[multiple] {\n height: auto;\n}\n\n.pure-form label {\n margin: .5em 0 .2em;\n}\n\n.pure-form fieldset {\n margin: 0;\n padding: .35em 0 .75em;\n border: 0;\n}\n\n.pure-form legend {\n display: block;\n width: 100%;\n padding: .3em 0;\n margin-bottom: .3em;\n color: #333;\n border-bottom: 1px solid #e5e5e5;\n}\n\n.pure-form-stacked input:not([type]), .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=text], .pure-form-stacked label, .pure-form-stacked select, .pure-form-stacked textarea {\n display: block;\n margin: .25em 0;\n}\n\n.pure-form-aligned .pure-help-inline, .pure-form-aligned input, .pure-form-aligned select, .pure-form-aligned textarea, .pure-form-message-inline {\n display: inline-block;\n vertical-align: middle;\n}\n\n.pure-form-aligned textarea {\n vertical-align: top;\n}\n\n.pure-form-aligned .pure-control-group {\n margin-bottom: .5em;\n}\n\n.pure-form-aligned .pure-control-group label {\n text-align: right;\n display: inline-block;\n vertical-align: middle;\n width: 10em;\n margin: 0 1em 0 0;\n}\n\n.pure-form-aligned .pure-controls {\n margin: 1.5em 0 0 11em;\n}\n\n.pure-form .pure-input-rounded, .pure-form input.pure-input-rounded {\n border-radius: 2em;\n padding: .5em 1em;\n}\n\n.pure-form .pure-group fieldset {\n margin-bottom: 10px;\n}\n\n.pure-form .pure-group input, .pure-form .pure-group textarea {\n display: block;\n padding: 10px;\n margin: 0 0 -1px;\n border-radius: 0;\n position: relative;\n top: -1px;\n}\n\n.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {\n z-index: 3;\n}\n\n.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {\n top: 1px;\n border-radius: 4px 4px 0 0;\n margin: 0;\n}\n\n.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {\n top: 1px;\n border-radius: 4px;\n margin: 0;\n}\n\n.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {\n top: -2px;\n border-radius: 0 0 4px 4px;\n margin: 0;\n}\n\n.pure-form .pure-group button {\n margin: .35em 0;\n}\n\n.pure-form .pure-input-1 {\n width: 100%;\n}\n\n.pure-form .pure-input-3-4 {\n width: 75%;\n}\n\n.pure-form .pure-input-2-3 {\n width: 66%;\n}\n\n.pure-form .pure-input-1-2 {\n width: 50%;\n}\n\n.pure-form .pure-input-1-3 {\n width: 33%;\n}\n\n.pure-form .pure-input-1-4 {\n width: 25%;\n}\n\n.pure-form .pure-help-inline, .pure-form-message-inline {\n display: inline-block;\n padding-left: .3em;\n color: #666;\n vertical-align: middle;\n font-size: .875em;\n}\n\n.pure-form-message {\n display: block;\n color: #666;\n font-size: .875em;\n}\n\n@media only screen and (max-width: 480px) {\n .pure-form button[type=submit] {\n margin: .7em 0 0;\n }\n .pure-form input:not([type]), .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form label {\n margin-bottom: .3em;\n display: block;\n }\n .pure-group input:not([type]), .pure-group input[type=password], .pure-group input[type=email], .pure-group input[type=url], .pure-group input[type=date], .pure-group input[type=month], .pure-group input[type=time], .pure-group input[type=datetime], .pure-group input[type=datetime-local], .pure-group input[type=week], .pure-group input[type=tel], .pure-group input[type=color], .pure-group input[type=number], .pure-group input[type=search], .pure-group input[type=text] {\n margin-bottom: 0;\n }\n .pure-form-aligned .pure-control-group label {\n margin-bottom: .3em;\n text-align: left;\n display: block;\n width: 100%;\n }\n .pure-form-aligned .pure-controls {\n margin: 1.5em 0 0;\n }\n .pure-form .pure-help-inline, .pure-form-message, .pure-form-message-inline {\n display: block;\n font-size: .75em;\n padding: .2em 0 .8em;\n }\n}\n\n.pure-menu-fixed {\n position: fixed;\n left: 0;\n top: 0;\n z-index: 3;\n}\n\n.pure-menu-item, .pure-menu-list {\n position: relative;\n}\n\n.pure-menu-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.pure-menu-item {\n padding: 0;\n margin: 0;\n height: 100%;\n}\n\n.pure-menu-heading, .pure-menu-link {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n}\n\n.pure-menu-horizontal {\n width: 100%;\n white-space: nowrap;\n}\n\n.pure-menu-horizontal .pure-menu-list {\n display: inline-block;\n}\n\n.pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-separator {\n display: inline-block;\n zoom: 1;\n vertical-align: middle;\n}\n\n.pure-menu-item .pure-menu-item {\n display: block;\n}\n\n.pure-menu-children {\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n margin: 0;\n padding: 0;\n z-index: 3;\n}\n\n.pure-menu-horizontal .pure-menu-children {\n left: 0;\n top: auto;\n width: inherit;\n}\n\n.pure-menu-active > .pure-menu-children, .pure-menu-allow-hover:hover > .pure-menu-children {\n display: block;\n position: absolute;\n}\n\n.pure-menu-has-children > .pure-menu-link:after {\n padding-left: .5em;\n content: \"\\25B8\";\n font-size: small;\n}\n\n.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {\n content: \"\\25BE\";\n}\n\n.pure-menu-scrollable {\n overflow-y: scroll;\n overflow-x: hidden;\n}\n\n.pure-menu-scrollable .pure-menu-list {\n display: block;\n}\n\n.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {\n display: inline-block;\n}\n\n.pure-menu-horizontal.pure-menu-scrollable {\n white-space: nowrap;\n overflow-y: hidden;\n overflow-x: auto;\n -ms-overflow-style: none;\n -webkit-overflow-scrolling: touch;\n padding: .5em 0;\n}\n\n.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {\n display: none;\n}\n\n.pure-menu-horizontal .pure-menu-children .pure-menu-separator, .pure-menu-separator {\n background-color: #ccc;\n height: 1px;\n margin: .3em 0;\n}\n\n.pure-menu-horizontal .pure-menu-separator {\n width: 1px;\n height: 1.3em;\n margin: 0 .3em;\n}\n\n.pure-menu-horizontal .pure-menu-children .pure-menu-separator {\n display: block;\n width: auto;\n}\n\n.pure-menu-heading {\n text-transform: uppercase;\n color: #565d64;\n}\n\n.pure-menu-link {\n color: #777;\n}\n\n.pure-menu-children {\n background-color: #fff;\n}\n\n.pure-menu-disabled, .pure-menu-heading, .pure-menu-link {\n padding: .5em 1em;\n}\n\n.pure-menu-disabled {\n opacity: .5;\n}\n\n.pure-menu-disabled .pure-menu-link:hover {\n background-color: transparent;\n}\n\n.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {\n background-color: #eee;\n}\n\n.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited {\n color: #000;\n}\n\n.pure-table {\n empty-cells: show;\n border: 1px solid #cbcbcb;\n}\n\n.pure-table caption {\n color: #000;\n font: italic 85%/1 arial,sans-serif;\n padding: 1em 0;\n text-align: center;\n}\n\n.pure-table td, .pure-table th {\n border-left: 1px solid #cbcbcb;\n border-width: 0 0 0 1px;\n font-size: inherit;\n margin: 0;\n overflow: visible;\n padding: .5em 1em;\n}\n\n.pure-table td:first-child, .pure-table th:first-child {\n border-left-width: 0;\n}\n\n.pure-table thead {\n background-color: #e0e0e0;\n color: #000;\n text-align: left;\n vertical-align: bottom;\n}\n\n.pure-table td {\n background-color: transparent;\n}\n\n.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td {\n background-color: #f2f2f2;\n}\n\n.pure-table-bordered td {\n border-bottom: 1px solid #cbcbcb;\n}\n\n.pure-table-bordered tbody > tr:last-child > td {\n border-bottom-width: 0;\n}\n\n.pure-table-horizontal td, .pure-table-horizontal th {\n border-width: 0 0 1px;\n border-bottom: 1px solid #cbcbcb;\n}\n\n.pure-table-horizontal tbody > tr:last-child > td {\n border-bottom-width: 0;\n}\n\n/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus (https://github.com/onokumus)\r\n* @license: MIT \r\n*/\n.metismenu .arrow {\n float: right;\n line-height: 1.42857;\n}\n\n[dir=rtl] .metismenu .arrow {\n float: left;\n}\n\n.metismenu .glyphicon.arrow:before {\n content: \"\\e079\";\n}\n\n.metismenu .mm-active > a > .glyphicon.arrow:before {\n content: \"\\e114\";\n}\n\n.metismenu .fa.arrow:before {\n content: \"\\f104\";\n}\n\n.metismenu .mm-active > a > .fa.arrow:before {\n content: \"\\f107\";\n}\n\n.metismenu .ion.arrow:before {\n content: \"\\f3d2\";\n}\n\n.metismenu .mm-active > a > .ion.arrow:before {\n content: \"\\f3d0\";\n}\n\n.metismenu .plus-times {\n float: right;\n}\n\n[dir=rtl] .metismenu .plus-times {\n float: left;\n}\n\n.metismenu .fa.plus-times:before {\n content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-times {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n\n.metismenu .plus-minus {\n float: right;\n}\n\n[dir=rtl] .metismenu .plus-minus {\n float: left;\n}\n\n.metismenu .fa.plus-minus:before {\n content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-minus:before {\n content: \"\\f068\";\n}\n\n.metismenu .mm-collapse:not(.mm-show) {\n display: none;\n}\n\n.metismenu .mm-collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition-timing-function: ease;\n transition-duration: .35s;\n transition-property: height,visibility;\n}\n\n.metismenu .has-arrow {\n position: relative;\n}\n\n.metismenu .has-arrow:after {\n position: absolute;\n content: \"\";\n width: .5em;\n height: .5em;\n border-style: solid;\n border-width: 1px 0 0 1px;\n border-color: initial;\n right: 1em;\n -webkit-transform: rotate(-45deg) translateY(-50%);\n transform: rotate(-45deg) translateY(-50%);\n -webkit-transform-origin: top;\n transform-origin: top;\n top: 50%;\n transition: all .3s ease-out;\n}\n\n[dir=rtl] .metismenu .has-arrow:after {\n right: auto;\n left: 1em;\n -webkit-transform: rotate(135deg) translateY(-50%);\n transform: rotate(135deg) translateY(-50%);\n}\n\n.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active > .has-arrow:after {\n -webkit-transform: rotate(-135deg) translateY(-50%);\n transform: rotate(-135deg) translateY(-50%);\n}\n\n[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after, [dir=rtl] .metismenu .mm-active > .has-arrow:after {\n -webkit-transform: rotate(225deg) translateY(-50%);\n transform: rotate(225deg) translateY(-50%);\n}\n\n/*# sourceMappingURL=metisMenu.min.css.map */\n.sidebar-nav {\n background: #1f1f1f;\n}\n\n.sidebar-nav a,\n.sidebar-nav li,\n.sidebar-nav ul {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n .sidebar-nav a,\n .sidebar-nav li,\n .sidebar-nav ul {\n font-size: calc(16px + 2 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n .sidebar-nav a,\n .sidebar-nav li,\n .sidebar-nav ul {\n font-size: 18px;\n }\n}\n\n.sidebar-nav ul {\n padding: 0;\n margin: 0;\n list-style: none;\n background-color: #1f1f1f;\n}\n\n.sidebar-nav .metismenu {\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.sidebar-nav .metismenu li {\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n}\n\n.sidebar-nav .metismenu a {\n position: relative;\n display: block;\n padding: 15px 15px;\n color: #adb5bd;\n outline-width: 0;\n transition: all .2s ease-in-out;\n}\n\n.sidebar-nav .metismenu ul > li {\n padding-left: 1px;\n border-left: 3px solid #455a64;\n background: rgba(255, 255, 255, 0.05);\n}\n\n.sidebar-nav .metismenu ul ul {\n background: rgba(255, 255, 255, 0.03);\n}\n\n.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {\n color: #f8f9fa;\n text-decoration: none;\n background: #455a64;\n}\n\n.sidebar-nav .metismenu a[aria-expanded=\"true\"] {\n background-color: #455a64;\n}\n\n.sidebar-nav .metismenu .active-page {\n font-weight: 500;\n color: #f8f9fa;\n}\n\n.sidebar-brand {\n display: flex;\n color: #f8f9fa;\n height: 65px;\n line-height: 20px;\n justify-content: center;\n align-content: center;\n align-items: center;\n width: 100%;\n}\n\n.sidebar-brand:hover {\n color: #adb5bd;\n}\n\n.slideout-menu {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 320px;\n min-height: 100vh;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n z-index: 0;\n display: none;\n}\n\n.slideout-menu-left {\n left: 0;\n}\n\n.slideout-menu-right {\n right: 0;\n}\n\n.slideout-panel {\n position: relative;\n z-index: 1;\n background-color: #fff;\n /* A background-color is required */\n min-height: 100vh;\n}\n\n.slideout-open,\n.slideout-open body,\n.slideout-open .slideout-panel {\n overflow: hidden;\n}\n\n.slideout-open .slideout-menu {\n display: block;\n}\n\n#menu {\n background-color: #1f1f1f;\n}\n\n/* Overlay for closing the menu on panel click when menu is open */\n.panel:before {\n content: '';\n display: block;\n background-color: rgba(0, 0, 0, 0);\n transition: background-color 0.5s ease-in-out;\n}\n\n.panel-open:before {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 99;\n}\n\n/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\n.hamburger {\n padding: 15px 15px;\n display: inline-block;\n cursor: pointer;\n transition-property: opacity, filter;\n transition-duration: 0.15s;\n transition-timing-function: linear;\n font: inherit;\n color: inherit;\n text-transform: none;\n background-color: transparent;\n border: 0;\n margin: 0;\n overflow: visible;\n}\n\n.hamburger:hover {\n opacity: 0.7;\n}\n\n.hamburger-box {\n width: 40px;\n height: 24px;\n display: inline-block;\n position: relative;\n}\n\n.hamburger-inner {\n display: block;\n top: 50%;\n margin-top: -2px;\n}\n\n.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\n width: 40px;\n height: 4px;\n background-color: #000;\n border-radius: 4px;\n position: absolute;\n transition-property: transform;\n transition-duration: 0.15s;\n transition-timing-function: ease;\n}\n\n.hamburger-inner::before, .hamburger-inner::after {\n content: \"\";\n display: block;\n}\n\n.hamburger-inner::before {\n top: -10px;\n}\n\n.hamburger-inner::after {\n bottom: -10px;\n}\n\n/*\r\n * 3DX\r\n */\n.hamburger--3dx .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dx .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateY(180deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DX Reverse\r\n */\n.hamburger--3dx-r .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dx-r .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateY(-180deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DY\r\n */\n.hamburger--3dy .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dy .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(-180deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DY Reverse\r\n */\n.hamburger--3dy-r .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dy-r .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DXY\r\n */\n.hamburger--3dxy .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dxy .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg) rotateY(180deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * 3DXY Reverse\r\n */\n.hamburger--3dxy-r .hamburger-box {\n perspective: 80px;\n}\n\n.hamburger--3dxy-r .hamburger-inner {\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner {\n background-color: transparent;\n transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::before {\n transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::after {\n transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n * Spin\r\n */\n.hamburger--spin .hamburger-inner {\n transition-duration: 0.22s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin .hamburger-inner::before {\n transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n}\n\n.hamburger--spin .hamburger-inner::after {\n transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin.is-active .hamburger-inner {\n transform: rotate(225deg);\n transition-delay: 0.12s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.hamburger--spin.is-active .hamburger-inner::before {\n top: 0;\n opacity: 0;\n transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;\n}\n\n.hamburger--spin.is-active .hamburger-inner::after {\n bottom: 0;\n transform: rotate(-90deg);\n transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: 500;\n}\n\nh1 {\n margin: 35px 0px 10px 0px;\n position: relative;\n font-weight: 500;\n}\n\nh1 {\n font-size: 35px;\n}\n\n@media screen and (min-width: 320px) {\n h1 {\n font-size: calc(35px + 25 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h1 {\n font-size: 60px;\n }\n}\n\n.default-header {\n line-height: 0.8;\n padding: 0px 25px 10px 0px;\n border-bottom: 5px solid black;\n}\n\nh2 {\n margin: 30px 0px 10px 0px;\n position: relative;\n}\n\nh2 {\n font-size: 20px;\n}\n\n@media screen and (min-width: 320px) {\n h2 {\n font-size: calc(20px + 25 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h2 {\n font-size: 45px;\n }\n}\n\nh3 {\n margin: 25px 0px 10px 0px;\n position: relative;\n}\n\nh3 {\n font-size: 19px;\n}\n\n@media screen and (min-width: 320px) {\n h3 {\n font-size: calc(19px + 21 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h3 {\n font-size: 40px;\n }\n}\n\nh4 {\n margin: 20px 0px 10px 0px;\n position: relative;\n}\n\nh4 {\n font-size: 18px;\n}\n\n@media screen and (min-width: 320px) {\n h4 {\n font-size: calc(18px + 17 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h4 {\n font-size: 35px;\n }\n}\n\nh5 {\n margin: 15px 0px 10px 0px;\n position: relative;\n}\n\nh5 {\n font-size: 17px;\n}\n\n@media screen and (min-width: 320px) {\n h5 {\n font-size: calc(17px + 13 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h5 {\n font-size: 30px;\n }\n}\n\nh6 {\n margin: 10px 0px 8px 0px;\n position: relative;\n}\n\nh6 {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n h6 {\n font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n h6 {\n font-size: 25px;\n }\n}\n\np,\nli,\nul,\ncode {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n p,\n li,\n ul,\n code {\n font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n p,\n li,\n ul,\n code {\n font-size: 25px;\n }\n}\n\np,\nli,\nul {\n font-weight: 300;\n}\n\nstrong {\n font-weight: 500;\n}\n\na {\n text-decoration: none;\n color: #2579c7;\n transition: all 0.1s ease-in;\n}\n\na {\n font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n a {\n font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n }\n}\n\n@media screen and (min-width: 1200px) {\n a {\n font-size: 25px;\n }\n}\n\na:hover {\n color: #195286;\n}\n\nhtml,\nbody {\n font-family: 'Roboto', sans-serif;\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n word-break: break-word;\n}\n\n.flex-container {\n display: flex;\n}\n\n.header-hr {\n border: 0;\n height: 0;\n /* Firefox... */\n box-shadow: 0 0 5px 1px #2579c7;\n margin-bottom: 30px;\n}\n\n.page-title {\n margin-bottom: 0px;\n}\n\n.content {\n margin: 0 auto;\n padding: 0 1em;\n max-width: 1170px;\n margin-bottom: 50px;\n word-wrap: break-word;\n}\n\n.content img, .content div {\n max-width: 100%;\n}\n\n.toc-page > ol {\n padding-left: 0;\n}\n\n.toc-page ol {\n counter-reset: item;\n font-weight: 500;\n}\n\n@media only screen and (max-width: 800px) {\n .toc-page ol {\n padding-left: 15px;\n }\n}\n\n.toc-page ol ol {\n font-weight: 300;\n}\n\n.toc-page ol ol ol {\n font-size: 90%;\n}\n\n.toc-page li {\n display: block;\n}\n\n.toc-page li:before {\n content: counters(item, \".\") \" \";\n counter-increment: item;\n}\n\n/* width */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n background: #888;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n background: #6f6e6e;\n}\n","/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus (https://github.com/onokumus)\r\n* @license: MIT \r\n*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:\"\\e079\"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:\"\\e114\"}.metismenu .fa.arrow:before{content:\"\\f104\"}.metismenu .mm-active>a>.fa.arrow:before{content:\"\\f107\"}.metismenu .ion.arrow:before{content:\"\\f3d2\"}.metismenu .mm-active>a>.ion.arrow:before{content:\"\\f3d0\"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-times{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-minus:before{content:\"\\f068\"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:\"\";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;-webkit-transform:rotate(135deg) translateY(-50%);transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(225deg) translateY(-50%);transform:rotate(225deg) translateY(-50%)}\r\n/*# sourceMappingURL=metisMenu.min.css.map */","$menu-bg-color:#1f1f1f;\r\n$menu-sec-color: #455a64;\r\n$menu-font-color: #adb5bd;\r\n$hover-active-font-color: #f8f9fa;\r\n.sidebar-nav {\r\n background: $menu-bg-color;\r\n a,\r\n li,\r\n ul {\r\n @include fluid-type(320px, 1200px, 16px, 18px);\r\n }\r\n ul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n background-color: $menu-bg-color;\r\n }\r\n .metismenu {\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n li {\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n position: relative;\r\n }\r\n a {\r\n position: relative;\r\n display: block;\r\n padding: 15px 15px;\r\n color: $menu-font-color;\r\n outline-width: 0;\r\n transition: all .2s ease-in-out;\r\n }\r\n ul>li {\r\n padding-left: 1px;\r\n border-left: 3px solid $menu-sec-color;\r\n background: rgba(255, 255, 255, .05);\r\n }\r\n ul ul {\r\n background: rgba(255, 255, 255, .03);\r\n }\r\n a:hover,a:focus,a:active {\r\n color: $hover-active-font-color;\r\n text-decoration: none;\r\n background: $menu-sec-color;\r\n }\r\n a[aria-expanded=\"true\"] {\r\n background-color: $menu-sec-color;\r\n }\r\n .active-page {\r\n font-weight: 500;\r\n color: $hover-active-font-color;\r\n }\r\n }\r\n}\r\n\r\n.sidebar-brand {\r\n display: flex;\r\n color: $hover-active-font-color;\r\n height: 65px;\r\n line-height: 20px;\r\n justify-content: center;\r\n align-content: center;\r\n align-items: center;\r\n width: 100%;\r\n &:hover {\r\n color: $menu-font-color;\r\n }\r\n}","\r\n\t@function strip-unit($value) {\r\n\t\t@return $value / ($value * 0 + 1);\r\n\t}\r\n\t\r\n\t@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {\r\n\t\t$u1: unit($min-vw);\r\n\t\t$u2: unit($max-vw);\r\n\t\t$u3: unit($min-font-size);\r\n\t\t$u4: unit($max-font-size);\r\n\t\r\n\t\t@if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {\r\n\t\t\t& {\r\n\t\t\t\tfont-size: $min-font-size;\r\n\t\t\t\t@media screen and (min-width: $min-vw) {\r\n\t\t\t\t\tfont-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));\r\n\t\t\t\t}\r\n\t\t\t\t@media screen and (min-width: $max-vw) {\r\n\t\t\t\t\tfont-size: $max-font-size;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}",".slideout-menu {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n width: 320px;\r\n min-height: 100vh;\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n z-index: 0;\r\n display: none;\r\n}\r\n\r\n.slideout-menu-left {\r\n left: 0;\r\n}\r\n\r\n.slideout-menu-right {\r\n right: 0;\r\n}\r\n\r\n.slideout-panel {\r\n position: relative;\r\n z-index: 1;\r\n //will-change: transform;\r\n background-color: #fff;\r\n /* A background-color is required */\r\n min-height: 100vh;\r\n}\r\n\r\n.slideout-open,\r\n.slideout-open body,\r\n.slideout-open .slideout-panel {\r\n overflow: hidden;\r\n}\r\n\r\n.slideout-open .slideout-menu {\r\n display: block;\r\n}\r\n\r\n#menu {\r\n background-color: $menu-bg-color;\r\n}\r\n\r\n\r\n/* Overlay for closing the menu on panel click when menu is open */\r\n\r\n.panel:before {\r\n content: '';\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0);\r\n transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.panel-open:before {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 100%;\r\n background-color: rgba(0, 0, 0, .5);\r\n z-index: 99;\r\n}","/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\r\n.hamburger {\r\n padding: 15px 15px;\r\n display: inline-block;\r\n cursor: pointer;\r\n transition-property: opacity, filter;\r\n transition-duration: 0.15s;\r\n transition-timing-function: linear;\r\n font: inherit;\r\n color: inherit;\r\n text-transform: none;\r\n background-color: transparent;\r\n border: 0;\r\n margin: 0;\r\n overflow: visible; }\r\n .hamburger:hover {\r\n opacity: 0.7; }\r\n \r\n .hamburger-box {\r\n width: 40px;\r\n height: 24px;\r\n display: inline-block;\r\n position: relative; }\r\n \r\n .hamburger-inner {\r\n display: block;\r\n top: 50%;\r\n margin-top: -2px; }\r\n .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\r\n width: 40px;\r\n height: 4px;\r\n background-color: #000;\r\n border-radius: 4px;\r\n position: absolute;\r\n transition-property: transform;\r\n transition-duration: 0.15s;\r\n transition-timing-function: ease; }\r\n .hamburger-inner::before, .hamburger-inner::after {\r\n content: \"\";\r\n display: block; }\r\n .hamburger-inner::before {\r\n top: -10px; }\r\n .hamburger-inner::after {\r\n bottom: -10px; }\r\n \r\n /*\r\n * 3DX\r\n */\r\n .hamburger--3dx .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dx .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dx.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateY(180deg); }\r\n .hamburger--3dx.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dx.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DX Reverse\r\n */ \r\n .hamburger--3dx-r .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dx-r .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dx-r.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateY(-180deg); }\r\n .hamburger--3dx-r.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dx-r.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DY\r\n */\r\n .hamburger--3dy .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dy .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dy.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(-180deg); }\r\n .hamburger--3dy.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dy.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DY Reverse\r\n */\r\n .hamburger--3dy-r .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dy-r .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dy-r.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(180deg); }\r\n .hamburger--3dy-r.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dy-r.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DXY\r\n */\r\n .hamburger--3dxy .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dxy .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dxy.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(180deg) rotateY(180deg); }\r\n .hamburger--3dxy.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dxy.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * 3DXY Reverse\r\n */\r\n .hamburger--3dxy-r .hamburger-box {\r\n perspective: 80px; }\r\n \r\n .hamburger--3dxy-r .hamburger-inner {\r\n transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\r\n transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n \r\n .hamburger--3dxy-r.is-active .hamburger-inner {\r\n background-color: transparent;\r\n transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }\r\n .hamburger--3dxy-r.is-active .hamburger-inner::before {\r\n transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n .hamburger--3dxy-r.is-active .hamburger-inner::after {\r\n transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n \r\n /*\r\n * Spin\r\n */\r\n .hamburger--spin .hamburger-inner {\r\n transition-duration: 0.22s;\r\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n .hamburger--spin .hamburger-inner::before {\r\n transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }\r\n .hamburger--spin .hamburger-inner::after {\r\n transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n \r\n .hamburger--spin.is-active .hamburger-inner {\r\n transform: rotate(225deg);\r\n transition-delay: 0.12s;\r\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\r\n .hamburger--spin.is-active .hamburger-inner::before {\r\n top: 0;\r\n opacity: 0;\r\n transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }\r\n .hamburger--spin.is-active .hamburger-inner::after {\r\n bottom: 0;\r\n transform: rotate(-90deg);\r\n transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }","$min_width: 320px;\r\n$max_width: 1200px;\r\n$min_font: 16px;\r\n$max_font: 50px;\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n font-weight: 500;\r\n}\r\n\r\nh1 {\r\n @include fluid-type($min_width, $max_width, 35px, 60px);\r\n margin: 35px 0px 10px 0px;\r\n position: relative;\r\n font-weight: 500;\r\n}\r\n\r\n.default-header {\r\n line-height: 0.8;\r\n padding: 0px 25px 10px 0px;\r\n border-bottom: 5px solid $font-color;\r\n}\r\n\r\nh2 {\r\n @include fluid-type($min_width, $max_width, 20px, 45px);\r\n margin: 30px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh3 {\r\n @include fluid-type($min_width, $max_width, 19px, 40px);\r\n margin: 25px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh4 {\r\n @include fluid-type($min_width, $max_width, 18px, 35px);\r\n margin: 20px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh5 {\r\n @include fluid-type($min_width, $max_width, 17px, 30px);\r\n margin: 15px 0px 10px 0px;\r\n position: relative;\r\n}\r\n\r\nh6 {\r\n @include fluid-type($min_width, $max_width, 16px, 25px);\r\n margin: 10px 0px 8px 0px;\r\n position: relative;\r\n}\r\n\r\np,\r\nli,\r\nul,\r\ncode { \r\n @include fluid-type($min_width, $max_width, 16px, 25px);\r\n}\r\n\r\np,\r\nli,\r\nul {\r\n font-weight: 300;\r\n}\r\n\r\nstrong {\r\n font-weight: 500;\r\n}\r\n\r\na {\r\n @include fluid-type($min_width, $max_width, 16px, 25px);\r\n text-decoration: none;\r\n color: $link-color;\r\n transition: all 0.1s ease-in;\r\n &:hover {\r\n color: $link-hover-color;\r\n }\r\n}\r\n\r\ncode {\r\n// white-space: pre-line;\r\n}","html,\r\nbody {\r\n font-family: 'Roboto', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n word-break: break-word;\r\n}\r\n\r\n.flex-container {\r\n display: flex;\r\n}\r\n\r\n.header-hr {\r\n border: 0;\r\n height: 0;\r\n /* Firefox... */\r\n box-shadow: 0 0 5px 1px #2579c7;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.page-title { \r\n margin-bottom: 0px;\r\n}\r\n\r\n.content {\r\n margin: 0 auto;\r\n padding: 0 1em;\r\n max-width: 1170px;\r\n margin-bottom: 50px;\r\n img, div{ \r\n max-width: 100%; \r\n }\r\n word-wrap: break-word;\r\n}\r\n\r\n// Table of contents\r\n.toc-page {\r\n >ol {\r\n padding-left: 0;\r\n }\r\n ol {\r\n @media only screen and (max-width: 800px) {\r\n padding-left: 15px;\r\n }\r\n counter-reset: item;\r\n font-weight: 500;\r\n ol {\r\n font-weight: 300;\r\n ol {\r\n font-size: 90%;\r\n }\r\n }\r\n }\r\n li {\r\n display: block\r\n }\r\n li:before {\r\n content: counters(item, \".\") \" \";\r\n counter-increment: item\r\n }\r\n}\r\n\r\n// Webkit scrollbar\r\n\r\n/* width */\r\n\r\n::-webkit-scrollbar {\r\n width: 10px;\r\n}\r\n\r\n\r\n/* Track */\r\n\r\n::-webkit-scrollbar-track {\r\n background: #f1f1f1;\r\n}\r\n\r\n\r\n/* Handle */\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: #888;\r\n}\r\n\r\n\r\n/* Handle on hover */\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: darken(#888, 10%);\r\n}\r\n\r\n"]} \ No newline at end of file diff --git a/scss/main.scss b/scss/main.scss index 3584034..e84695c 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -2,13 +2,11 @@ $font-color: black; $link-color: #2579c7; $link-hover-color: darken($link-color, 15%); +@import "vendor/pure"; @import "vendor/metismenu"; @import 'partials/mixins'; @import "partials/sidebar"; @import "partials/slideout"; -@import "partials/hamburgers"; -@import 'partials/typography'; -@import "partials/default"; - - - +@import "partials/hamburgers"; +@import 'partials/typography'; +@import "partials/default"; \ No newline at end of file diff --git a/scss/partials/_default.scss b/scss/partials/_default.scss index f316452..d133bee 100644 --- a/scss/partials/_default.scss +++ b/scss/partials/_default.scss @@ -4,6 +4,7 @@ body { margin: 0; padding: 0; overflow-x: hidden; + word-break: break-word; } .flex-container { @@ -18,7 +19,7 @@ body { margin-bottom: 30px; } -.page-title { +.page-title { margin-bottom: 0px; } @@ -30,6 +31,7 @@ body { img, div{ max-width: 100%; } + word-wrap: break-word; } // Table of contents diff --git a/scss/partials/_typography.scss b/scss/partials/_typography.scss index 1047cef..8800aae 100644 --- a/scss/partials/_typography.scss +++ b/scss/partials/_typography.scss @@ -57,11 +57,13 @@ h6 { p, li, ul, -code { +code { @include fluid-type($min_width, $max_width, 16px, 25px); } -p { +p, +li, +ul { font-weight: 300; } @@ -80,5 +82,5 @@ a { } code { - white-space: pre-line; +// white-space: pre-line; } \ No newline at end of file diff --git a/scss/vendor/_pure.scss b/scss/vendor/_pure.scss new file mode 100644 index 0000000..cd67330 --- /dev/null +++ b/scss/vendor/_pure.scss @@ -0,0 +1,11 @@ +/*! +Pure v1.0.0 +Copyright 2013 Yahoo! +Licensed under the BSD License. +https://github.com/yahoo/pure/blob/master/LICENSE.md +*/ +/*! +normalize.css v^3.0 | MIT License | git.io/normalize +Copyright (c) Nicolas Gallagher and Jonathan Neal +*/ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.pure-button:focus,a:active,a:hover{outline:0}.pure-table,table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.pure-button,input{line-height:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.pure-button,.pure-form input:not([type]),.pure-menu{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-.43em}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:transparent;background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;filter:alpha(opacity=40);opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;margin:0;border-radius:0;border-right:1px solid #111;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=text]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=checkbox]:focus,.pure-form input[type=radio]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=text][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=text],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=text]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} \ No newline at end of file diff --git a/vela.yaml b/vela.yaml index ab395cb..b732959 100644 --- a/vela.yaml +++ b/vela.yaml @@ -8,4 +8,4 @@ notice: yellow: "Info" red: "Warning" blue: "Note" - green: "Tip" \ No newline at end of file + green: "Tip" \ No newline at end of file