1426 lines
27 KiB
CSS
1426 lines
27 KiB
CSS
/*!
|
|
* DAUX.IO
|
|
* https://dauxio.github.io/
|
|
* MIT License
|
|
*/
|
|
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
|
html {
|
|
font-family: sans-serif;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%
|
|
}
|
|
|
|
body {
|
|
margin: 0
|
|
}
|
|
|
|
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
|
|
display: block
|
|
}
|
|
|
|
audio, canvas, progress, video {
|
|
display: inline-block
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0
|
|
}
|
|
|
|
progress, sub, sup {
|
|
vertical-align: baseline
|
|
}
|
|
|
|
[hidden], template {
|
|
display: none
|
|
}
|
|
|
|
a {
|
|
background-color: transparent;
|
|
-webkit-text-decoration-skip: objects
|
|
}
|
|
|
|
a:active, a:hover {
|
|
outline-width: 0
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: none;
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted
|
|
}
|
|
|
|
b, strong {
|
|
font-weight: bolder
|
|
}
|
|
|
|
dfn {
|
|
font-style: italic
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: .67em 0
|
|
}
|
|
|
|
mark {
|
|
background-color: #ff0;
|
|
color: #000
|
|
}
|
|
|
|
small {
|
|
font-size: 80%
|
|
}
|
|
|
|
sub, sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative
|
|
}
|
|
|
|
sub {
|
|
bottom: -.25em
|
|
}
|
|
|
|
sup {
|
|
top: -.5em
|
|
}
|
|
|
|
img {
|
|
border-style: none
|
|
}
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden
|
|
}
|
|
|
|
code, kbd, pre, samp {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em
|
|
}
|
|
|
|
figure {
|
|
margin: 1em 40px
|
|
}
|
|
|
|
hr {
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: 0
|
|
}
|
|
|
|
button, input, select, textarea {
|
|
font: inherit;
|
|
margin: 0
|
|
}
|
|
|
|
optgroup {
|
|
font-weight: 700
|
|
}
|
|
|
|
button, hr, input {
|
|
overflow: visible
|
|
}
|
|
|
|
button, select {
|
|
text-transform: none
|
|
}
|
|
|
|
[type=reset], [type=submit], button, html [type=button] {
|
|
-webkit-appearance: button
|
|
}
|
|
|
|
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0
|
|
}
|
|
|
|
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
|
|
outline: 1px dotted ButtonText
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid silver;
|
|
margin: 0 2px;
|
|
padding: .35em .625em .75em
|
|
}
|
|
|
|
legend {
|
|
color: inherit;
|
|
display: table;
|
|
max-width: 100%;
|
|
white-space: normal
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto
|
|
}
|
|
|
|
[type=checkbox], [type=radio], legend {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0
|
|
}
|
|
|
|
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
|
|
height: auto
|
|
}
|
|
|
|
[type=search] {
|
|
-webkit-appearance: textfield;
|
|
outline-offset: -2px
|
|
}
|
|
|
|
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
|
|
-webkit-appearance: none
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
color: inherit;
|
|
opacity: .54
|
|
}
|
|
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button;
|
|
font: inherit
|
|
}
|
|
|
|
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) */
|
|
@font-face {
|
|
font-family: "Roboto Slab";
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
font-display: fallback;
|
|
src: url(../fonts/robotoslab-light.eot);
|
|
src: url(../fonts/robotoslab-light.eot?#iefix) format("embedded-opentype"), url(../fonts/robotoslab-light.woff2) format("woff2"), url(../fonts/robotoslab-light.woff) format("woff"), url(../fonts/robotoslab-light.ttf) format("truetype"), url(../fonts/robotoslab-light.svg#roboto_slablight) format("svg");
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Roboto Slab";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: fallback;
|
|
src: url(../fonts/robotoslab-regular.eot);
|
|
src: url(../fonts/robotoslab-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/robotoslab-regular.woff2) format("woff2"), url(../fonts/robotoslab-regular.woff) format("woff"), url(../fonts/robotoslab-regular.ttf) format("truetype"), url(../fonts/robotoslab-regular.svg#roboto_slabregular) format("svg");
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Roboto Slab";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: fallback;
|
|
src: url(../fonts/robotoslab-bold.eot);
|
|
src: url(../fonts/robotoslab-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/robotoslab-bold.woff2) format("woff2"), url(../fonts/robotoslab-bold.woff) format("woff"), url(../fonts/robotoslab-bold.ttf) format("truetype"), url(../fonts/robotoslab-bold.svg#roboto_slabbold) format("svg");
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
|
|
}
|
|
|
|
*, :after, :before {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
html {
|
|
font-size: 14px
|
|
}
|
|
|
|
@media (min-width:850px) {
|
|
html {
|
|
font-size: 16px
|
|
}
|
|
}
|
|
|
|
body, html {
|
|
height: 100%;
|
|
background-color: #fff;
|
|
color: #222
|
|
}
|
|
|
|
.Columns__left {
|
|
background-color: #f7f7f7
|
|
}
|
|
|
|
.Columns__right__content {
|
|
padding: 10px;
|
|
background-color: #fff
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
html:not(.no-js) .Collapsible__content {
|
|
height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition: height 400ms ease-in-out;
|
|
-moz-transition: height 400ms ease-in-out;
|
|
transition: height 400ms ease-in-out
|
|
}
|
|
}
|
|
|
|
.Collapsible__trigger {
|
|
margin: 12px;
|
|
padding: 7px 10px;
|
|
background-color: transparent;
|
|
border: 0;
|
|
float: right;
|
|
background-image: none;
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.Collapsible__trigger__bar {
|
|
display: block;
|
|
width: 18px;
|
|
height: 2px;
|
|
margin-top: 2px;
|
|
margin-bottom: 3px;
|
|
background-color: #82becd
|
|
}
|
|
|
|
.Collapsible__trigger:hover {
|
|
background-color: #82becd;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.Collapsible__trigger:hover .Collapsible__trigger__bar {
|
|
background-color: #3f4657
|
|
}
|
|
|
|
@media screen and (min-width:769px) {
|
|
body {
|
|
background-color: #82becd
|
|
}
|
|
|
|
.Navbar {
|
|
position: fixed;
|
|
z-index: 1030;
|
|
width: 100%
|
|
}
|
|
|
|
.Collapsible__trigger {
|
|
display: none !important
|
|
}
|
|
|
|
.Collapsible__content {
|
|
display: block !important
|
|
}
|
|
|
|
.Columns {
|
|
height: 100%
|
|
}
|
|
|
|
.Columns:after, .Columns:before {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.Columns:after {
|
|
clear: both
|
|
}
|
|
|
|
.Columns__left, .Columns__right {
|
|
position: relative;
|
|
min-height: 1px;
|
|
float: left;
|
|
overflow: auto;
|
|
height: 100%
|
|
}
|
|
|
|
.Columns__left {
|
|
width: 25%;
|
|
border-right: 1px solid #e7e7e9;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.Columns__right {
|
|
width: 75%
|
|
}
|
|
|
|
.Columns__right__content {
|
|
padding: 0 20px 20px;
|
|
min-height: 100%
|
|
}
|
|
}
|
|
|
|
.Page {
|
|
max-width: 860px
|
|
}
|
|
|
|
.u-visuallyHidden {
|
|
position: absolute !important;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
clip: rect(1px 1px 1px 1px);
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
white-space: nowrap
|
|
}
|
|
|
|
body {
|
|
line-height: 1.5;
|
|
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
|
|
-moz-font-feature-settings: "kern"1, "kern";
|
|
font-feature-settings: "kern"1, "kern";
|
|
-webkit-font-kerning: normal;
|
|
font-kerning: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: "Roboto Slab", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
|
|
font-weight: 300
|
|
}
|
|
|
|
.s-content h1, .s-content h2, .s-content h3, .s-content h4, .s-content h5, .s-content h6 {
|
|
cursor: text;
|
|
line-height: 1.4em;
|
|
margin: 2em 0 .5em
|
|
}
|
|
|
|
.s-content h1 code, .s-content h1 tt, .s-content h2 code, .s-content h2 tt, .s-content h3 code, .s-content h3 tt, .s-content h4 code, .s-content h4 tt, .s-content h5 code, .s-content h5 tt, .s-content h6 code, .s-content h6 tt {
|
|
font-size: inherit
|
|
}
|
|
|
|
.s-content h1 i, .s-content h2 i, .s-content h3 i, .s-content h4 i, .s-content h5 i, .s-content h6 i {
|
|
font-size: .7em
|
|
}
|
|
|
|
.s-content h1 p, .s-content h2 p, .s-content h3 p, .s-content h4 p, .s-content h5 p, .s-content h6 p {
|
|
margin-top: 0
|
|
}
|
|
|
|
.s-content h1 {
|
|
margin-top: 0;
|
|
font-size: 1.563rem
|
|
}
|
|
|
|
.s-content h2 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.s-content h3 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.s-content h4, .s-content h5, .s-content h6, .s-content small {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.s-content a {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.s-content p {
|
|
margin-bottom: 1.3em
|
|
}
|
|
|
|
.s-content ol, .s-content ul {
|
|
padding-left: 2em
|
|
}
|
|
|
|
.s-content ul p, .s-content ul ul {
|
|
margin: 0
|
|
}
|
|
|
|
.s-content dl {
|
|
padding: 0
|
|
}
|
|
|
|
.s-content dl dt {
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
padding: 0;
|
|
margin: 15px 0 5px
|
|
}
|
|
|
|
.s-content dl dt:first-child {
|
|
padding: 0
|
|
}
|
|
|
|
.s-content dl dd {
|
|
margin: 0 0 15px;
|
|
padding: 0 15px
|
|
}
|
|
|
|
.s-content blockquote {
|
|
margin: .75em 2em;
|
|
padding: .5em 1em;
|
|
font-style: italic;
|
|
border-left: .25em solid #3f4657
|
|
}
|
|
|
|
.s-content blockquote cite {
|
|
font-style: italic
|
|
}
|
|
|
|
.s-content blockquote cite:before {
|
|
content: "\2014";
|
|
padding-right: .5em
|
|
}
|
|
|
|
.s-content table {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 1em;
|
|
border-collapse: collapse;
|
|
font-size: .75rem
|
|
}
|
|
|
|
.s-content table+table {
|
|
margin-top: 1em
|
|
}
|
|
|
|
.s-content table tr {
|
|
border-top: 1px solid #eee;
|
|
background-color: #fff;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.s-content table tr:nth-child(2n) {
|
|
background-color: #f2f3f3
|
|
}
|
|
|
|
.s-content table th {
|
|
font-weight: 700;
|
|
border: 1px solid #bdc1c4;
|
|
background: #d7dadb;
|
|
margin: 0;
|
|
padding: .5em
|
|
}
|
|
|
|
.s-content table td {
|
|
border: 1px solid #d7dadb;
|
|
margin: 0;
|
|
padding: .5em
|
|
}
|
|
|
|
.s-content blockquote>:first-child, .s-content dl dd>:first-child, .s-content dl dt>:first-child, .s-content ol>:first-child, .s-content table td>:first-child, .s-content table th>:first-child, .s-content ul>:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.s-content blockquote>:last-child, .s-content dl dd>:last-child, .s-content dl dt>:last-child, .s-content ol>:last-child, .s-content table td>:last-child, .s-content table th>:last-child, .s-content ul>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.s-content img {
|
|
max-width: 100%;
|
|
display: inline-block
|
|
}
|
|
|
|
.s-content code {
|
|
font-family: Monaco, Menlo, Consolas, "Lucida Console", "Courier New", monospace;
|
|
padding-top: .1rem;
|
|
padding-bottom: .1rem;
|
|
background: #fafafa;
|
|
border: 1px solid #bdc1c4;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .125);
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, .125)
|
|
}
|
|
|
|
.s-content code:after, .s-content code:before {
|
|
letter-spacing: -.2em;
|
|
content: "\00a0"
|
|
}
|
|
|
|
.s-content pre {
|
|
background: #f5f2f0;
|
|
color: #333;
|
|
line-height: 1.5em;
|
|
overflow: auto;
|
|
border: 0;
|
|
border-radius: 0;
|
|
padding: .75em 20px;
|
|
margin: 0 -20px 20px
|
|
}
|
|
|
|
.s-content pre code {
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: pre;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.s-content pre code:after, .s-content pre code:before {
|
|
display: none
|
|
}
|
|
|
|
.s-content pre code, .s-content pre tt {
|
|
background-color: transparent;
|
|
border: 0
|
|
}
|
|
|
|
.s-content ins, .s-content u {
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #222
|
|
}
|
|
|
|
.s-content del a, .s-content ins a, .s-content u a {
|
|
color: inherit
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #82becd
|
|
}
|
|
|
|
a.Link--external:after {
|
|
content: " "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=)
|
|
}
|
|
|
|
a.Link--broken {
|
|
color: red
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 1em
|
|
}
|
|
|
|
hr {
|
|
clear: both;
|
|
margin: 1em 0;
|
|
border: 0;
|
|
border-top: 1px solid #ddd
|
|
}
|
|
|
|
.Button {
|
|
display: inline-block;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.Button--small {
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.Button--default {
|
|
color: #333;
|
|
background-color: #fff;
|
|
border-color: #ccc
|
|
}
|
|
|
|
.Button--default.Button--active {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad
|
|
}
|
|
|
|
.Permalink {
|
|
text-decoration: none !important;
|
|
color: #333;
|
|
float: left;
|
|
font-size: .8em;
|
|
margin-left: -.7em;
|
|
padding-right: 4px;
|
|
visibility: hidden
|
|
}
|
|
|
|
h1:hover .Permalink, h2:hover .Permalink, h3:hover .Permalink, h4:hover .Permalink, h5:hover .Permalink, h6:hover .Permalink {
|
|
visibility: visible
|
|
}
|
|
|
|
.Brand, .Navbar {
|
|
background-color: #3f4657
|
|
}
|
|
|
|
.Brand {
|
|
display: block;
|
|
padding: .75em .6em;
|
|
font-size: 1.25rem;
|
|
text-shadow: none;
|
|
font-family: "Roboto Slab", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
|
|
font-weight: 700;
|
|
color: #82becd
|
|
}
|
|
|
|
.Navbar {
|
|
height: 50px;
|
|
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
|
|
box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.Navbar .Brand {
|
|
float: left;
|
|
line-height: 20px;
|
|
height: 50px
|
|
}
|
|
|
|
.CodeToggler {
|
|
padding: 0 20px
|
|
}
|
|
|
|
.CodeToggler__text {
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
padding: 6px 10px 6px 0;
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.CodeToggler--hidden, .no-js .CodeToggler {
|
|
display: none
|
|
}
|
|
|
|
.Nav {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.Nav__arrow {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 16px;
|
|
margin-left: -16px
|
|
}
|
|
|
|
.Nav__arrow:before {
|
|
position: absolute;
|
|
display: block;
|
|
content: "";
|
|
margin: -.25em 0 0 -.4em;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: .5em;
|
|
height: .5em;
|
|
border-right: .15em solid #3f4657;
|
|
border-top: .15em solid #3f4657;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-transition-duration: .3s;
|
|
-moz-transition-duration: .3s;
|
|
transition-duration: .3s
|
|
}
|
|
|
|
.Nav__item, .Nav__item a {
|
|
display: block
|
|
}
|
|
|
|
.Nav__item a {
|
|
margin: 0;
|
|
padding: 6px 15px 6px 20px;
|
|
font-family: "Roboto Slab", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
|
|
font-weight: 400;
|
|
color: #3f4657;
|
|
text-shadow: none
|
|
}
|
|
|
|
.Nav__item a:hover {
|
|
color: #3f4657;
|
|
text-shadow: none;
|
|
background-color: #c5c5cb
|
|
}
|
|
|
|
.Nav .Nav {
|
|
margin-left: 15px
|
|
}
|
|
|
|
html:not(.no-js) .Nav .Nav {
|
|
height: 0;
|
|
-webkit-transition: height 400ms ease-in-out;
|
|
-moz-transition: height 400ms ease-in-out;
|
|
transition: height 400ms ease-in-out;
|
|
overflow: hidden
|
|
}
|
|
|
|
.Nav .Nav .Nav__item a {
|
|
margin: 0 0 0 -15px;
|
|
padding: 3px 30px;
|
|
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
|
|
color: #222;
|
|
opacity: .7
|
|
}
|
|
|
|
.HomepageButtons .Button--hero:hover, .Nav .Nav .Nav__item a:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.Nav .Nav .Nav__item--active a {
|
|
color: #3f4657
|
|
}
|
|
|
|
.Nav__item--active>a, .Nav__item--open>a {
|
|
background-color: #c5c5cb
|
|
}
|
|
|
|
.Nav__item--open>a>.Nav__arrow:before {
|
|
margin-left: -.25em;
|
|
-webkit-transform: rotate(135deg);
|
|
-moz-transform: rotate(135deg);
|
|
transform: rotate(135deg)
|
|
}
|
|
|
|
.Page__header {
|
|
margin: 0 0 10px;
|
|
padding: 0;
|
|
border-bottom: 1px solid #eee
|
|
}
|
|
|
|
.Page__header:after, .Page__header:before {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.Page__header:after {
|
|
clear: both
|
|
}
|
|
|
|
.Page__header h1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 57px
|
|
}
|
|
|
|
.Page__header--separator {
|
|
height: .6em
|
|
}
|
|
|
|
.Page__header a {
|
|
text-decoration: none
|
|
}
|
|
|
|
.Page__header .EditOn, .Page__header .ModifiedDate {
|
|
float: left;
|
|
font-size: 10px;
|
|
color: gray
|
|
}
|
|
|
|
.Page__header .EditOn {
|
|
float: right
|
|
}
|
|
|
|
.Links, .Twitter {
|
|
padding: 0 20px
|
|
}
|
|
|
|
.Links a {
|
|
font-family: "Roboto Slab", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
|
|
font-weight: 400;
|
|
color: #3f4657;
|
|
line-height: 2em
|
|
}
|
|
|
|
.Twitter {
|
|
font: 11px/18px "Helvetica Neue", Arial, sans-serif
|
|
}
|
|
|
|
.Twitter__button {
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
height: 20px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 1px 8px 1px 6px;
|
|
background-color: #1b95e0;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
font-weight: 500;
|
|
cursor: pointer
|
|
}
|
|
|
|
.Twitter__button .Twitter__button__label {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-left: 3px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.Twitter__button svg {
|
|
position: relative;
|
|
top: 2px;
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px
|
|
}
|
|
|
|
.PoweredBy {
|
|
padding: 0 20px 1rem;
|
|
font-size: .75rem
|
|
}
|
|
|
|
.Search {
|
|
position: relative
|
|
}
|
|
|
|
.Search__field {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 30px 6px 20px;
|
|
color: #555;
|
|
border-width: 0 0 1px;
|
|
border-bottom: 1px solid #ccc;
|
|
background: #fff;
|
|
-webkit-transition: border-color ease-in-out .15s;
|
|
-moz-transition: border-color ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s
|
|
}
|
|
|
|
.Search__field:focus {
|
|
border-color: #82becd;
|
|
outline: 0
|
|
}
|
|
|
|
.Search__icon {
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 9px;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.Navbar .Search {
|
|
float: right;
|
|
margin: 8px 20px
|
|
}
|
|
|
|
.Navbar .Search__field {
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
border-width: 0;
|
|
border-radius: 4px;
|
|
padding-left: 10px
|
|
}
|
|
|
|
.TableOfContentsContainer {
|
|
float: right;
|
|
min-width: 300px;
|
|
max-width: 25%;
|
|
padding-left: 1em
|
|
}
|
|
|
|
.TableOfContentsContainer__title {
|
|
margin-bottom: 0 !important
|
|
}
|
|
|
|
.TableOfContentsContainer__content {
|
|
border: 1px solid #efefef;
|
|
border-width: 4px 2px 2px 6px
|
|
}
|
|
|
|
.TableOfContentsContainer__content>.TableOfContents>li+li {
|
|
border-top: 1px solid #ddd
|
|
}
|
|
|
|
ul.TableOfContents {
|
|
font-size: 1rem;
|
|
padding-left: 0;
|
|
margin: 0;
|
|
list-style-type: none
|
|
}
|
|
|
|
ul.TableOfContents p {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
ul.TableOfContents a {
|
|
text-decoration: none;
|
|
display: block;
|
|
padding: .2em 0 .2em .75em
|
|
}
|
|
|
|
ul.TableOfContents .TableOfContents {
|
|
padding-left: .75em
|
|
}
|
|
|
|
.Pager {
|
|
padding-left: 0;
|
|
margin: 1em 0;
|
|
list-style: none;
|
|
text-align: center
|
|
}
|
|
|
|
.Pager:after, .Pager:before {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.Pager, .Pager:after {
|
|
clear: both
|
|
}
|
|
|
|
.Pager li {
|
|
display: inline
|
|
}
|
|
|
|
.Pager li>a {
|
|
display: inline-block;
|
|
padding: 5px 14px;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 15px
|
|
}
|
|
|
|
.Pager li>a:focus, .Pager li>a:hover {
|
|
text-decoration: none;
|
|
background-color: #eee
|
|
}
|
|
|
|
.Pager--next>a {
|
|
float: right
|
|
}
|
|
|
|
.Pager--prev>a {
|
|
float: left
|
|
}
|
|
|
|
.Checkbox {
|
|
position: relative;
|
|
display: block;
|
|
padding-left: 30px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.Checkbox input {
|
|
position: absolute;
|
|
z-index: -1;
|
|
opacity: 0
|
|
}
|
|
|
|
.Checkbox__indicator {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-top: -10px;
|
|
background: #e6e6e6
|
|
}
|
|
|
|
.Checkbox__indicator:after {
|
|
position: absolute;
|
|
display: none;
|
|
content: ""
|
|
}
|
|
|
|
.Checkbox input:focus~.Checkbox__indicator, .Checkbox:hover input~.Checkbox__indicator {
|
|
background: #ccc
|
|
}
|
|
|
|
.Checkbox input:checked~.Checkbox__indicator {
|
|
background: #3f4657
|
|
}
|
|
|
|
.Checkbox input:checked~.Checkbox__indicator:after {
|
|
display: block
|
|
}
|
|
|
|
.Checkbox input:checked:focus~.Checkbox__indicator, .Checkbox:hover input:not([disabled]):checked~.Checkbox__indicator {
|
|
background: #82becd
|
|
}
|
|
|
|
.Checkbox input:disabled~.Checkbox__indicator {
|
|
pointer-events: none;
|
|
opacity: .6;
|
|
background: #e6e6e6
|
|
}
|
|
|
|
.Checkbox .Checkbox__indicator:after {
|
|
top: 4px;
|
|
left: 8px;
|
|
width: 5px;
|
|
height: 10px;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
border: solid #fff;
|
|
border-width: 0 2px 2px 0
|
|
}
|
|
|
|
.Checkbox input:disabled~.Checkbox__indicator:after {
|
|
border-color: #7b7b7b
|
|
}
|
|
|
|
.Container {
|
|
margin-right: auto;
|
|
margin-left: auto
|
|
}
|
|
|
|
.Container--inner {
|
|
width: 80%;
|
|
margin: 0 auto
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.Container {
|
|
width: 1170px
|
|
}
|
|
}
|
|
|
|
@media (min-width:992px) {
|
|
.Container {
|
|
width: 970px
|
|
}
|
|
}
|
|
|
|
@media (min-width:769px) {
|
|
.Container {
|
|
width: 750px
|
|
}
|
|
}
|
|
|
|
.Homepage, .HomepageButtons .Button--hero {
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.Homepage {
|
|
padding-top: 60px !important;
|
|
background-color: #82becd;
|
|
border: 0;
|
|
color: #3f4657;
|
|
overflow: hidden;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.HomepageTitle h2 {
|
|
width: 80%;
|
|
font-size: 30px;
|
|
margin: 20px auto;
|
|
text-align: center
|
|
}
|
|
|
|
.HomepageImage img {
|
|
display: block;
|
|
max-width: 80%;
|
|
margin: 0 auto;
|
|
height: auto
|
|
}
|
|
|
|
.HomepageButtons {
|
|
padding: 20px 0;
|
|
background-color: #c5c5cb;
|
|
text-align: center
|
|
}
|
|
|
|
.HomepageButtons:after, .HomepageButtons:before {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.HomepageButtons:after {
|
|
clear: both
|
|
}
|
|
|
|
.HomepageButtons .Button--hero {
|
|
padding: 20px 30px;
|
|
text-shadow: none;
|
|
opacity: .8;
|
|
margin: 0 10px;
|
|
text-transform: uppercase;
|
|
border: 5px solid #3f4657;
|
|
font-family: "Roboto Slab", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
|
|
font-weight: 700;
|
|
background-image: none;
|
|
-webkit-filter: none;
|
|
filter: none
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.HomepageButtons .Button--hero {
|
|
display: block;
|
|
margin-bottom: 10px
|
|
}
|
|
}
|
|
|
|
.HomepageButtons .Button--hero.Button--secondary {
|
|
background-color: #c5c5cb;
|
|
color: #3f4657
|
|
}
|
|
|
|
.HomepageButtons .Button--hero.Button--primary {
|
|
background-color: #3f4657;
|
|
color: #f7f7f7
|
|
}
|
|
|
|
.HomepageContent {
|
|
background-color: #fff;
|
|
padding: 40px 0
|
|
}
|
|
|
|
.HomepageContent ol li, .HomepageContent ul li {
|
|
list-style: none;
|
|
margin-bottom: .5em;
|
|
position: relative
|
|
}
|
|
|
|
.HomepageContent ol li:before, .HomepageContent ul li:before {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -1.5em;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border: .5em solid transparent;
|
|
border-left: .5em solid #82becd;
|
|
float: left;
|
|
display: block;
|
|
margin-top: -.5em
|
|
}
|
|
|
|
.HomepageContent .HeroText, .HomepageFooter__links li a {
|
|
font-size: 16px;
|
|
font-family: "Roboto Slab", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif
|
|
}
|
|
|
|
.HomepageContent .HeroText {
|
|
font-weight: 300;
|
|
margin-bottom: 20px;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media (min-width:769px) {
|
|
.HomepageContent {
|
|
padding: 40px 20px
|
|
}
|
|
|
|
.HomepageContent .HeroText {
|
|
font-size: 21px
|
|
}
|
|
|
|
.HomepageContent .Row {
|
|
margin: 0 -15px
|
|
}
|
|
|
|
.HomepageContent .Row__half, .HomepageContent .Row__quarter, .HomepageContent .Row__third {
|
|
float: left;
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
.HomepageContent .Row__third {
|
|
width: 33.333333%
|
|
}
|
|
|
|
.HomepageContent .Row__half {
|
|
width: 50%
|
|
}
|
|
|
|
.HomepageContent .Row__quarter {
|
|
width: 25%
|
|
}
|
|
}
|
|
|
|
.HomepageFooter {
|
|
background-color: #3f4657;
|
|
color: #82becd;
|
|
border: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.HomepageFooter:after, .HomepageFooter:before {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.HomepageFooter:after {
|
|
clear: both
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.HomepageFooter {
|
|
padding: 0 20px;
|
|
text-align: center
|
|
}
|
|
|
|
.HomepageFooter .HomepageFooter__links {
|
|
padding-left: 0;
|
|
list-style-type: none
|
|
}
|
|
}
|
|
|
|
@media (min-width:769px) {
|
|
.HomepageFooter .HomepageFooter__links {
|
|
float: left
|
|
}
|
|
|
|
.HomepageFooter .HomepageFooter__twitter {
|
|
float: right
|
|
}
|
|
}
|
|
|
|
.HomepageFooter__links, .HomepageFooter__twitter {
|
|
margin: 40px 0
|
|
}
|
|
|
|
.HomepageFooter__links li a {
|
|
line-height: 32px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.HomepageFooter__links li a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.HomepageFooter .Twitter__button {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.hljs {
|
|
display: block;
|
|
color: #333;
|
|
overflow-x: auto
|
|
}
|
|
|
|
.hljs-comment, .hljs-meta {
|
|
color: #969896
|
|
}
|
|
|
|
.hljs-emphasis, .hljs-quote, .hljs-strong, .hljs-template-variable, .hljs-variable {
|
|
color: #df5000
|
|
}
|
|
|
|
.hljs-keyword, .hljs-selector-tag, .hljs-type {
|
|
color: #d73a49
|
|
}
|
|
|
|
.hljs-attribute, .hljs-bullet, .hljs-literal, .hljs-symbol {
|
|
color: #0086b3
|
|
}
|
|
|
|
.hljs-name, .hljs-section {
|
|
color: #63a35c
|
|
}
|
|
|
|
.hljs-tag {
|
|
color: #333
|
|
}
|
|
|
|
.hljs-attr, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-title {
|
|
color: #6f42c1
|
|
}
|
|
|
|
.hljs-addition {
|
|
color: #55a532;
|
|
background-color: #eaffea
|
|
}
|
|
|
|
.hljs-deletion {
|
|
color: #bd2c00;
|
|
background-color: #ffecec
|
|
}
|
|
|
|
.hljs-link {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.hljs-number {
|
|
color: #005cc5
|
|
}
|
|
|
|
.hljs-string {
|
|
color: #032f62
|
|
}
|
|
|
|
@media print {
|
|
* {
|
|
text-shadow: none !important;
|
|
color: #000 !important;
|
|
background: 0 0 !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
page-break-after: avoid;
|
|
-webkit-column-break-after: avoid;
|
|
break-after: avoid;
|
|
page-break-before: auto;
|
|
-webkit-column-break-before: auto;
|
|
break-before: auto
|
|
}
|
|
|
|
blockquote, img, pre {
|
|
page-break-inside: avoid;
|
|
-webkit-column-break-inside: avoid;
|
|
break-inside: avoid
|
|
}
|
|
|
|
blockquote, pre {
|
|
border: 1px solid #999;
|
|
font-style: italic
|
|
}
|
|
|
|
img {
|
|
border: 0
|
|
}
|
|
|
|
a, a:visited {
|
|
text-decoration: underline
|
|
}
|
|
|
|
abbr[title]:after {
|
|
content: " ("attr(title) ")"
|
|
}
|
|
|
|
q {
|
|
quotes: none
|
|
}
|
|
|
|
.s-content a[href^="#"]:after, q:before {
|
|
content: ""
|
|
}
|
|
|
|
q:after {
|
|
content: " ("attr(cite) ")"
|
|
}
|
|
|
|
.PageBreak {
|
|
display: block;
|
|
page-break-before: always;
|
|
-webkit-column-break-before: always;
|
|
break-before: always
|
|
}
|
|
|
|
.NoPrint, .Pager, aside {
|
|
display: none
|
|
}
|
|
|
|
.Columns__right {
|
|
width: 100% !important
|
|
}
|
|
|
|
.s-content a:after {
|
|
content: " ("attr(href) ")";
|
|
font-size: 80%;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
h1 a[href]:after {
|
|
font-size: 50%
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=theme-blue.min.css.map */ |