Skip to content

Instantly share code, notes, and snippets.

@mhulse mhulse/data.css
Last active Aug 1, 2018

Embed
What would you like to do?
CSS from picard, data, other themes
/*! Data v0.1.0 | Apache License, Version 2.0 | https://github.com/mhulse/data */
/* https://github.com/mhulse/data/blob/19fb318ee633eae44f40ffbd709e52a22f8248e9/prod/0.1.0/20140927/1/styles/data.min.css */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.fix {
*zoom: 1
}
.fix:before,
.fix:after {
content: " ";
display: table
}
.fix:after {
clear: both
}
.gone {
display: none !important;
visibility: hidden
}
.off {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ghost {
visibility: hidden
}
.nix,
.nix:focus,
.no-touch .nix:hover,
.nix:active {
color: transparent;
text-decoration: none;
outline: 0;
border: 0
}
.force {
margin-top: -1px;
margin-bottom: -1px;
padding: 1px 0
}
.nono {
word-wrap: break-word;
overflow-wrap: break-word
}
.none {
max-width: none
}
* {
-webkit-transition: color 100ms linear, background-color 100ms linear;
-moz-transition: color 100ms linear, background-color 100ms linear;
-ms-transition: color 100ms linear, background-color 100ms linear;
-o-transition: color 100ms linear, background-color 100ms linear;
transition: color 100ms linear, background-color 100ms linear
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html,
body {
overflow-x: hidden
}
html {
min-height: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: transparent;
position: relative
}
body {
font-size: 14px;
line-height: 21px;
font-family: Arial, sans-serif;
text-align: center;
color: #000;
background: #fff;
padding: 25px
}
.blend body {
background: #fff url(../images/grunge.gif) center top
}
p.excerpt {
margin-top: 5px
}
a {
box-shadow: inset 0 -4px 0 #ff0090;
-webkit-transition: box-shadow 100ms linear;
-moz-transition: box-shadow 100ms linear;
-ms-transition: box-shadow 100ms linear;
-o-transition: box-shadow 100ms linear;
transition: box-shadow 100ms linear
}
a,
a:visited {
color: #000;
text-decoration: none
}
.no-touch a:visited:hover,
a:focus,
.no-touch a:focus:hover,
.no-touch a:hover,
a:active {
color: #ff0090;
box-shadow: none
}
::-moz-selection {
background: rgba(255, 255, 0, 0.55);
text-shadow: none
}
::selection {
background: rgba(255, 255, 0, 0.55);
text-shadow: none
}
hr {
border: 0;
border-top: 4px solid #eee;
height: 0;
margin-top: 50px;
margin-bottom: 50px;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box
}
article hr,
aside hr,
section hr {
border-top-width: 2px;
border-color: #ccc;
margin-top: 25px;
margin-bottom: 25px
}
blockquote {
font-family: Cambria, Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 22px;
letter-spacing: .05em;
word-spacing: .15em;
margin-top: 25px;
margin-bottom: 25px;
padding: 0;
position: relative
}
blockquote p {
font-size: inherit;
line-height: inherit;
margin-top: 10px;
margin-bottom: 10px
}
blockquote footer {
font-size: 70%;
font-weight: normal;
letter-spacing: .05em;
color: #888
}
blockquote footer p {
margin: 0
}
blockquote * {
max-width: none
}
blockquote>:first-child {
margin-top: 0 !important
}
blockquote>:last-child {
margin-bottom: 0 !important
}
mark {
background: rgba(254, 239, 179, 0.9);
padding: 1px 3px;
border-radius: 3px
}
del,
ins {
line-height: 0;
letter-spacing: .05em;
padding: 1px 3px;
position: relative;
border-radius: 2px;
mix-blend-mode: multiply
}
del {
color: #ba0000;
background: rgba(255, 186, 186, 0.5)
}
ins {
color: #68941e;
text-decoration: none;
background: rgba(223, 242, 191, 0.5)
}
ins::before {
content: "["
}
ins::after {
content: "]"
}
q {
font-weight: bolder;
font-style: italic
}
abbr {
font-style: italic;
cursor: help
}
abbr[title] {
border-bottom: 2px solid
}
cite {
font-style: italic
}
dfn {
font-weight: bold;
font-style: italic
}
dfn[title] {
border-bottom: 2px solid;
cursor: help
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
wbr::after {
content: "\00200B"
}
small,
.small {
font-size: smaller
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: .02em;
word-spacing: .12em;
word-wrap: break-word;
overflow-wrap: break-word;
margin-top: 25px;
margin-bottom: 25px;
padding: 0
}
h1+h1,
h2+h1,
h3+h1,
h4+h1,
h5+h1,
h6+h1,
h1+h2,
h2+h2,
h3+h2,
h4+h2,
h5+h2,
h6+h2,
h1+h3,
h2+h3,
h3+h3,
h4+h3,
h5+h3,
h6+h3,
h1+h4,
h2+h4,
h3+h4,
h4+h4,
h5+h4,
h6+h4,
h1+h5,
h2+h5,
h3+h5,
h4+h5,
h5+h5,
h6+h5,
h1+h6,
h2+h6,
h3+h6,
h4+h6,
h5+h6,
h6+h6 {
margin-top: -20px
}
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
font-weight: normal
}
h1,
.h1,
.sh1 {
font-size: 26px;
line-height: 28px
}
h2,
.h2,
.sh2 {
font-size: 24px;
line-height: 26px
}
h3,
.h3,
.sh3 {
font-size: 22px;
line-height: 24px
}
h4,
.h4,
.sh4 {
font-size: 20px;
line-height: 22px
}
h5,
.h5,
.sh5 {
font-size: 18px;
line-height: 20px
}
h6,
.h6,
.sh6 {
font-size: 16px;
line-height: 18px
}
h1:empty {
display: none
}
header>:first-child,
hgroup>:first-child {
margin-top: 0 !important
}
header>:last-child,
hgroup>:last-child {
margin-bottom: 0 !important
}
ul,
ol,
dl {
padding: 0
}
ul,
ol {
list-style: none
}
dl,
ol,
ul {
margin-top: 25px;
margin-bottom: 25px
}
dl dt {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
word-spacing: .15em;
line-height: 20px;
margin: 0 0 5px
}
dl dd {
line-height: 18px;
margin: 0 0 10px
}
dl>:first-child {
margin-top: 0 !important
}
dl>:last-child {
margin-bottom: 0 !important
}
ol,
ul {
counter-reset: li
}
ol li,
ul li {
line-height: 18px
}
ol li::before,
ul li::before {
font-weight: bold;
margin-top: 10px;
margin-bottom: 4px;
display: block;
content: counter(li, lower-roman);
counter-increment: li
}
ol li:first-child::before,
ul li:first-child::before {
margin-top: 0
}
ul li::before {
content: counter(li, square);
margin-bottom: 2px
}
.table {
font-size: 14px;
line-height: 16px;
empty-cells: hide;
border-collapse: collapse;
border-spacing: 0;
margin-top: 25px;
margin-bottom: 25px;
width: 100%
}
.table caption {
font-weight: bold;
letter-spacing: .1em;
text-transform: uppercase;
color: #999;
border-bottom: 1px solid #999;
padding-bottom: 5px;
margin: 0
}
.table thead {
vertical-align: bottom
}
.table tbody,
.table tfoot {
vertical-align: top
}
.table th,
.table td {
padding: 20px 10px
}
.table th:first-child,
.table td:first-child {
padding-left: 0
}
.table th:last-child,
.table td:last-child {
padding-right: 0
}
.table.table-border-x thead th,
.table.table-border-x tbody th,
.table.table-border-x tbody td {
border-bottom: 1px solid #999
}
.table.table-border-x tfoot th,
.table.table-border-x tfoot td {
border-top: 1px solid #999
}
.table.table-border-x tbody tr:last-child th,
.table.table-border-x tbody tr:last-child td {
border-bottom: 0
}
.table.table-border-y th,
.table.table-border-y td {
border-right: 1px solid #999;
border-left: 1px solid #999
}
.table.table-border-y th:first-child,
.table.table-border-y td:first-child {
border-left: 0
}
.table.table-border-y th:last-child,
.table.table-border-y td:last-child {
border-right: 0
}
.form {
font-family: arial, sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0
}
.form fieldset {
border: 0;
margin-top: 25px;
margin-bottom: 25px;
padding: 1px 0 0
}
.form fieldset legend {
margin: 0;
padding-bottom: 20px
}
.form fieldset legend:empty {
display: none
}
.form label {
color: #666;
letter-spacing: .05em;
vertical-align: middle;
padding: 5px
}
.form input[type="text"],
.form input[type="password"],
.form textarea {
vertical-align: baseline;
padding: 5px 10px;
color: #333;
letter-spacing: .05em;
text-align: left;
border: 1px solid #ccc;
background: #fbfbfb;
width: 100%;
display: block;
box-shadow: inset 0 1px 3px #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
-webkit-transition: .3s linear border;
transition: .3s linear border;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
mix-blend-mode: multiply
}
.form input[type="text"]::-webkit-input-placeholder,
.form input[type="password"]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:-moz-placeholder,
.form input[type="password"]:-moz-placeholder,
.form textarea:-moz-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]::-moz-placeholder,
.form input[type="password"]::-moz-placeholder,
.form textarea::-moz-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:-ms-input-placeholder,
.form input[type="password"]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus,
.form input[type="text"]:active,
.form input[type="password"]:active,
.form textarea:active {
outline: 0
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus {
border-color: #ff0090
}
.form input[disabled][type="text"],
.form input[disabled][type="password"],
.form textarea[disabled] {
cursor: not-allowed;
background: #eee;
color: #ccc
}
.form input[readonly][type="text"],
.form input[readonly][type="password"],
.form textarea[readonly] {
background: #eee;
color: #777;
border-color: #ccc
}
.form textarea {
min-height: 200px;
resize: vertical;
overflow: auto;
margin: 0;
padding: 5px 10px;
vertical-align: top
}
.form input[type="checkbox"],
.form input[type="radio"] {
padding: 0;
vertical-align: middle;
bottom: 2px;
position: relative
}
.form select {
font-size: 16px;
vertical-align: baseline;
width: 100%
}
@-webkit-keyframes cursor-blink {
80% {
visibility: hidden
}
}
@keyframes cursor-blink {
80% {
visibility: hidden
}
}
pre,
code,
kbd,
samp,
var {
font-family: monospace, serif
}
pre {
letter-spacing: .05em;
text-align: left;
word-wrap: normal;
margin-top: 25px;
margin-bottom: 25px;
padding: 10px 15px;
overflow: auto;
white-space: pre;
-webkit-overflow-scrolling: touch
}
pre .cursor {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: cursor-blink;
animation-name: cursor-blink;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps(2, start);
animation-timing-function: steps(2, start)
}
pre .prompt {
color: #000
}
pre.terminal {
letter-spacing: .05em;
color: #30d259;
background: #0e1705
}
pre.terminal .cursor {
color: transparent;
background: #30d259;
letter-spacing: -.15em
}
pre.terminal .prompt {
color: #4e801c
}
.pre {
color: #444;
background: rgba(238, 238, 238, 0.5);
border: 1px solid #ddd;
border-radius: 3px
}
.pygments {
color: #ccc;
background: #222;
border: 5px solid #222;
margin-top: 25px;
margin-bottom: 25px
}
.pygments table {
margin: 0;
padding: 0;
line-height: normal
}
.pygments table .pyg {
position: relative
}
.pygments table .pyg pre {
width: 100%;
padding-right: 0;
padding-left: 5px;
position: absolute
}
.pygments table .linenos {
vertical-align: top;
background: #333;
display: block;
text-decoration: none;
color: #888;
text-align: right
}
.pygments table .linenos+td {
width: 100%;
vertical-align: top
}
.pygments table th,
.pygments table td {
border: 0 none;
padding: 0
}
.pygments table pre {
margin: 0
}
.pygments .hll {
background-color: rgba(128, 113, 173, 0.2);
display: block
}
.pygments .c {
color: #75715e
}
.pygments .err {
color: #960050;
background-color: #1e0010
}
.pygments .k {
color: #66d9ef
}
.pygments .l {
color: #ae81ff
}
.pygments .n {
color: #f8f8f2
}
.pygments .o {
color: #f92672
}
.pygments .p {
color: #f8f8f2
}
.pygments .cm {
color: #75715e
}
.pygments .cp {
color: #75715e
}
.pygments .c1 {
color: #75715e
}
.pygments .cs {
color: #75715e
}
.pygments .ge {
font-style: italic
}
.pygments .gs {
font-weight: bold
}
.pygments .kc {
color: #66d9ef
}
.pygments .kd {
color: #66d9ef
}
.pygments .kn {
color: #f92672
}
.pygments .kp {
color: #66d9ef
}
.pygments .kr {
color: #66d9ef
}
.pygments .kt {
color: #66d9ef
}
.pygments .ld {
color: #e6db74
}
.pygments .m {
color: #ae81ff
}
.pygments .s {
color: #e6db74
}
.pygments .na {
color: #a6e22e
}
.pygments .nb {
color: #f8f8f2
}
.pygments .nc {
color: #a6e22e
}
.pygments .no {
color: #66d9ef
}
.pygments .nd {
color: #a6e22e
}
.pygments .ni {
color: #f8f8f2
}
.pygments .ne {
color: #a6e22e
}
.pygments .nf {
color: #a6e22e
}
.pygments .nl {
color: #f8f8f2
}
.pygments .nn {
color: #f8f8f2
}
.pygments .nx {
color: #a6e22e
}
.pygments .py {
color: #f8f8f2
}
.pygments .nt {
color: #f92672
}
.pygments .nv {
color: #f8f8f2
}
.pygments .ow {
color: #f92672
}
.pygments .w {
color: #f8f8f2
}
.pygments .mf {
color: #ae81ff
}
.pygments .mh {
color: #ae81ff
}
.pygments .mi {
color: #ae81ff
}
.pygments .mo {
color: #ae81ff
}
.pygments .sb {
color: #e6db74
}
.pygments .sc {
color: #e6db74
}
.pygments .sd {
color: #e6db74
}
.pygments .s2 {
color: #e6db74
}
.pygments .se {
color: #ae81ff
}
.pygments .sh {
color: #e6db74
}
.pygments .si {
color: #e6db74
}
.pygments .sx {
color: #e6db74
}
.pygments .sr {
color: #e6db74
}
.pygments .s1 {
color: #e6db74
}
.pygments .ss {
color: #e6db74
}
.pygments .bp {
color: #f8f8f2
}
.pygments .vc {
color: #f8f8f2
}
.pygments .vg {
color: #f8f8f2
}
.pygments .vi {
color: #f8f8f2
}
.pygments .il {
color: #ae81ff
}
code,
kbd,
samp,
var {
font-size: inherit;
font-weight: normal;
font-style: normal;
letter-spacing: normal;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word
}
code {
font-weight: normal;
letter-spacing: .05em;
background: rgba(0, 0, 0, 0.1);
padding: 1px 5px;
border-radius: 3px
}
kbd {
font-size: smaller;
color: #333;
text-shadow: 0 1px 0 #fff;
background-color: #eee;
border: 1px solid #ccc;
margin: 0 .1em;
padding: 0 .5em;
display: inline-block;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd {
font-size: inherit;
color: inherit;
text-shadow: none;
background: transparent;
border: 0;
margin: 0;
padding: 0;
display: inline;
box-shadow: none;
border-radius: 0
}
.gist {
text-align: left
}
.gist a,
.gist a:visited,
.no-touch .gist a:visited:hover,
.gist a:focus,
.no-touch .gist a:focus:hover,
.no-touch .gist a:hover,
.gist a:active {
box-shadow: none
}
.gist-file {
margin-top: 25px;
margin-bottom: 25px
}
figure {
margin: 0;
margin-top: 25px;
margin-bottom: 25px
}
figure img {
margin: 0 auto;
display: block;
vertical-align: top
}
figcaption {
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: .05em;
word-spacing: .15em;
mix-blend-mode: multiply
}
figcaption p {
font-size: inherit;
line-height: inherit;
margin: 5px 0
}
figcaption p:first-of-type {
margin-top: 0 !important
}
figcaption p:last-of-type {
margin-bottom: 0 !important
}
figcaption>div {
background: #ddd;
margin-top: 13px;
padding: 15px 20px;
display: inline-block;
border-radius: 6px;
position: relative
}
figcaption>div::after {
content: "";
border-width: 0 10px 10px;
border-style: solid;
border-color: #ddd transparent;
width: 0;
margin-left: -10px;
position: absolute;
top: -9px;
left: 50%;
-webkit-transform: rotate(360deg)
}
img {
border: 0;
max-width: 100%;
height: auto;
vertical-align: top
}
a img {
border: 0;
outline: 0
}
iframe {
border: 0
}
iframe,
object,
embed {
max-width: 100%;
outline: 0
}
audio,
video {
vertical-align: middle;
display: block
}
audio:focus,
audio:active,
video:focus,
video:active {
outline: 0
}
audio {
width: 100%;
margin-top: 20px;
margin-bottom: 20px
}
.mm {
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.mm iframe,
.mm object,
.mm embed,
.mm video {
border: 0;
width: 100% !important;
height: 100% !important;
max-width: none;
position: absolute;
top: 0;
left: 0
}
.mm.theatre {
padding-bottom: 59.171597633136%
}
.mm.slide {
padding-bottom: 66.666666666667%
}
.mm.tv {
padding-bottom: 75%
}
iframe[id^='twitter-widget-'],
.twitter-timeline {
width: 100%
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
font-weight: normal;
text-align: center;
line-height: normal;
vertical-align: baseline;
display: block;
zoom: 1;
cursor: pointer;
letter-spacing: .08em;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
mix-blend-mode: multiply;
font-size: 18px;
line-height: 20px;
color: #749e17;
width: 100%;
background-color: #aee239;
border: none transparent;
box-shadow: none;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 5px;
-webkit-tap-highlight-color: transparent
}
.button::-moz-focus-inner,
.form button::-moz-focus-inner,
.form input[type="button"]::-moz-focus-inner,
.form input[type="reset"]::-moz-focus-inner,
.form input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.button:visited,
.form button:visited,
.form input[type="button"]:visited,
.form input[type="reset"]:visited,
.form input[type="submit"]:visited,
.no-touch .button:visited:hover,
.no-touch .form button:visited:hover,
.form .no-touch button:visited:hover,
.no-touch .form input[type="button"]:visited:hover,
.form .no-touch input[type="button"]:visited:hover,
.no-touch .form input[type="reset"]:visited:hover,
.form .no-touch input[type="reset"]:visited:hover,
.no-touch .form input[type="submit"]:visited:hover,
.form .no-touch input[type="submit"]:visited:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus,
.no-touch .button:focus:hover,
.no-touch .form button:focus:hover,
.form .no-touch button:focus:hover,
.no-touch .form input[type="button"]:focus:hover,
.form .no-touch input[type="button"]:focus:hover,
.no-touch .form input[type="reset"]:focus:hover,
.form .no-touch input[type="reset"]:focus:hover,
.no-touch .form input[type="submit"]:focus:hover,
.form .no-touch input[type="submit"]:focus:hover,
.no-touch .button:hover,
.no-touch .form button:hover,
.form .no-touch button:hover,
.no-touch .form input[type="button"]:hover,
.form .no-touch input[type="button"]:hover,
.no-touch .form input[type="reset"]:hover,
.form .no-touch input[type="reset"]:hover,
.no-touch .form input[type="submit"]:hover,
.form .no-touch input[type="submit"]:hover,
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
text-decoration: none;
color: #435b0d;
box-shadow: none
}
.no-touch .button:hover,
.no-touch .form button:hover,
.form .no-touch button:hover,
.no-touch .form input[type="button"]:hover,
.form .no-touch input[type="button"]:hover,
.no-touch .form input[type="reset"]:hover,
.form .no-touch input[type="reset"]:hover,
.no-touch .form input[type="submit"]:hover,
.form .no-touch input[type="submit"]:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1))
}
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
outline: 0
}
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 10px rgba(0, 0, 0, 0.25) inset
}
.button[disabled],
.form button[disabled],
.form input[disabled][type="button"],
.form input[disabled][type="reset"],
.form input[disabled][type="submit"],
.button.button-disabled,
.form button.button-disabled,
.form input.button-disabled[type="button"],
.form input.button-disabled[type="reset"],
.form input.button-disabled[type="submit"],
.button.button-disabled:visited,
.form button.button-disabled:visited,
.form input.button-disabled[type="button"]:visited,
.form input.button-disabled[type="reset"]:visited,
.form input.button-disabled[type="submit"]:visited,
.no-touch .button.button-disabled:visited:hover,
.no-touch .form button.button-disabled:visited:hover,
.form .no-touch button.button-disabled:visited:hover,
.no-touch .form input.button-disabled[type="button"]:visited:hover,
.form .no-touch input.button-disabled[type="button"]:visited:hover,
.no-touch .form input.button-disabled[type="reset"]:visited:hover,
.form .no-touch input.button-disabled[type="reset"]:visited:hover,
.no-touch .form input.button-disabled[type="submit"]:visited:hover,
.form .no-touch input.button-disabled[type="submit"]:visited:hover,
.button.button-disabled:focus,
.form button.button-disabled:focus,
.form input.button-disabled[type="button"]:focus,
.form input.button-disabled[type="reset"]:focus,
.form input.button-disabled[type="submit"]:focus,
.no-touch .button.button-disabled:focus:hover,
.no-touch .form button.button-disabled:focus:hover,
.form .no-touch button.button-disabled:focus:hover,
.no-touch .form input.button-disabled[type="button"]:focus:hover,
.form .no-touch input.button-disabled[type="button"]:focus:hover,
.no-touch .form input.button-disabled[type="reset"]:focus:hover,
.form .no-touch input.button-disabled[type="reset"]:focus:hover,
.no-touch .form input.button-disabled[type="submit"]:focus:hover,
.form .no-touch input.button-disabled[type="submit"]:focus:hover,
.no-touch .button.button-disabled:hover,
.no-touch .form button.button-disabled:hover,
.form .no-touch button.button-disabled:hover,
.no-touch .form input.button-disabled[type="button"]:hover,
.form .no-touch input.button-disabled[type="button"]:hover,
.no-touch .form input.button-disabled[type="reset"]:hover,
.form .no-touch input.button-disabled[type="reset"]:hover,
.no-touch .form input.button-disabled[type="submit"]:hover,
.form .no-touch input.button-disabled[type="submit"]:hover,
.button.button-disabled:active,
.form button.button-disabled:active,
.form input.button-disabled[type="button"]:active,
.form input.button-disabled[type="reset"]:active,
.form input.button-disabled[type="submit"]:active {
border: none;
background-image: none;
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=40);
-khtml-opacity: .40;
-moz-opacity: .40;
opacity: .40;
cursor: not-allowed;
box-shadow: none
}
.button.button-hidden,
.form button.button-hidden,
.form input.button-hidden[type="button"],
.form input.button-hidden[type="reset"],
.form input.button-hidden[type="submit"] {
display: none
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.x2,
section article hr,
section article .hr,
.x3,
blockquote,
label,
.x4,
ol,
ul,
.x5,
figcaption,
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
.x7,
aside hr,
section hr,
aside .hr,
section .hr,
.x8,
hr,
.hr {
margin-right: auto;
margin-left: auto;
display: block;
width: 100%
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
max-width: 150px
}
.x2,
section article hr,
section article .hr {
max-width: 250px
}
.x3,
blockquote,
label {
max-width: 350px
}
.x4,
ol,
ul {
max-width: 450px
}
.x5,
figcaption {
max-width: 550px
}
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
max-width: 650px
}
.x7,
aside hr,
section hr,
aside .hr,
section .hr {
max-width: 750px
}
.x8,
hr,
.hr {
max-width: 800px
}
section>:first-child,
article>:first-child,
aside>:first-child {
margin-top: 0 !important
}
section>:last-child,
article>:last-child,
aside>:last-child {
margin-bottom: 0 !important
}
#primary>h2 {
font-weight: normal;
font-size: 18px;
line-height: 18px;
letter-spacing: .03em;
color: #000;
width: auto;
max-width: none;
margin-top: 5px;
margin-bottom: 15px;
display: table;
cursor: pointer;
cursor: hand
}
#primary>h2.ui-state-hover,
#primary>h2.ui-state-active {
color: #ff0090
}
#primary>h2:active,
#primary>h2:focus {
outline: 0
}
#primary>h2 span {
display: inline-block;
padding: 10px 30px
}
#secondary>h3 {
font-size: 26px;
line-height: 46px;
font-weight: normal;
letter-spacing: .05em;
color: #000;
width: auto;
max-width: none;
margin-top: 0;
margin-bottom: 20px;
display: table;
cursor: pointer;
cursor: hand
}
#secondary>h3>span {
padding: 10px;
background: #aee239;
-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
mix-blend-mode: multiply
}
#secondary>h3>span>span {
position: relative
}
#secondary>h3.ui-state-hover>span,
#secondary>h3.ui-state-active>span {
background: #ff0
}
#secondary>h3:active,
#secondary>h3:focus {
outline: 0
}
.progress {
width: 50px;
height: 50px;
background: url(../images/loader.gif) no-repeat;
background-size: 50px 50px;
display: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -25px;
mix-blend-mode: multiply
}
.ui-accordion-content {
position: relative;
min-height: 50px;
margin-bottom: 30px
}
.js .ui-accordion-content {
display: none
}
.ajax-content {
display: none;
margin-top: -10px
}
[itemprop="articleBody"] {
margin: 25px 0
}
[itemprop="articleBody"] h1,
[itemprop="articleBody"] h2,
[itemprop="articleBody"] h3,
[itemprop="articleBody"] h4,
[itemprop="articleBody"] h5,
[itemprop="articleBody"] h6 {
font-weight: normal;
text-transform: uppercase
}
[itemprop="articleBody"] h5,
[itemprop="articleBody"] h6 {
letter-spacing: .1em;
word-spacing: .2em
}
[itemprop="articleBody"] h1 {
font-size: 24px;
line-height: 26px
}
[itemprop="articleBody"] h2 {
font-size: 22px;
line-height: 24px
}
[itemprop="articleBody"] h3 {
font-size: 20px;
line-height: 22px
}
[itemprop="articleBody"] h4 {
font-size: 18px;
line-height: 20px
}
[itemprop="articleBody"] h5 {
font-size: 16px;
line-height: 18px
}
[itemprop="articleBody"] h6 {
font-size: 14px;
line-height: 16px
}
[itemprop="articleBody"] hr,
[itemprop="articleBody"] .hr {
border-top: none;
height: 4px;
background-color: transparent;
background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent);
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-position: center center
}
[itemprop="articleBody"]>:first-child {
margin-top: 0 !important
}
[itemprop="articleBody"]>:last-child {
margin-bottom: 0 !important
}
.scroll {
width: 100%;
margin: 25px auto;
position: relative;
overflow: hidden
}
.scroll img:first-of-type {
max-width: none
}
.scroll>*,
.scroll img:first-of-type {
margin-top: 0;
margin-bottom: 0
}
figure .scroll {
margin-top: 0;
margin-bottom: 0
}
.ps-container .ps-scrollbar-x-rail {
height: 6px;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
visibility: hidden
}
.ps-container.ps-active-x .ps-scrollbar-x-rail {
visibility: visible
}
.ps-container .ps-scrollbar-x {
background-color: rgba(255, 0, 144, 0.9);
height: 6px;
position: absolute;
bottom: 0;
cursor: pointer
}
.ps-container .ps-scrollbar-y-rail {
display: none !important
}
.js ul.harmonia {
display: none
}
.harmonia-select {
font-size: 16px;
margin: 0;
padding: 0
}
@-webkit-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-moz-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-ms-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-o-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-webkit-keyframes slide-up {
0% {
-webkit-transform: translateY(100%)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes slide-up {
0% {
-moz-transform: translateY(100%)
}
100% {
-moz-transform: translateY(0)
}
}
@-ms-keyframes slide-up {
0% {
-moz-transform: translateY(100%)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes slide-up {
0% {
-o-transform: translateY(100%)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes slide-up {
0% {
transform: translateY(100%)
}
100% {
transform: translateY(0)
}
}
@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
body {
margin-bottom: 500px
}
.js.no-touch .skull {
height: 500px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
mix-blend-mode: multiply
}
.js.no-touch .skull>div {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slide-up;
-moz-animation-name: slide-up;
-ms-animation-name: slide-up;
-o-animation-name: slide-up;
animation-name: slide-up
}
.js.no-touch .skull>div::after {
content: "";
background-image: url(http://uploads.mky.io/skull.jpg);
background-repeat: no-repeat;
background-position: center 0;
background-origin: content-box;
background-attachment: local;
background-size: 350px 24480px;
width: 350px;
height: 500px;
margin: 0 auto;
display: block;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: skull;
-moz-animation-name: skull;
-ms-animation-name: skull;
-o-animation-name: skull;
animation-name: skull;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps(48);
-moz-animation-timing-function: steps(48);
-ms-animation-timing-function: steps(48);
-o-animation-timing-function: steps(48);
animation-timing-function: steps(48)
}
}
header[role="banner"] div {
color: #000
}
header[role="banner"] div a,
header[role="banner"] div a:visited,
.no-touch header[role="banner"] div a:visited:hover,
header[role="banner"] div a:focus,
.no-touch header[role="banner"] div a:focus:hover,
.no-touch header[role="banner"] div a:hover,
header[role="banner"] div a:active {
color: inherit;
box-shadow: none
}
header[role="banner"] div h1 {
font-size: 18px;
line-height: 20px;
margin: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
header[role="banner"] div h1 span {
display: none
}
header[role="banner"] div h1 span+span {
font-size: 14px;
font-weight: normal;
font-variant: small-caps;
letter-spacing: .05em;
display: block
}
header[role="banner"] div p {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 12px;
margin: 0;
padding: 0;
max-width: none;
width: auto;
position: absolute;
bottom: 15px;
left: 20px
}
header[role="banner"] div p+p {
left: auto;
right: 20px
}
header[role="banner"]>div {
max-width: 3.5in;
margin: 0 auto 15px;
position: relative
}
header[role="banner"]>div>div {
padding-top: 57.142857142857%
}
header[role="banner"]>div>div>div {
background-color: #07e7f7;
mix-blend-mode: multiply;
border-radius: 5px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.callout {
color: #333;
margin-top: 25px;
margin-bottom: 25px;
mix-blend-mode: multiply
}
.callout.callout-box {
background-color: #ddd;
padding: 10px 20px;
border-radius: 6px
}
.callout.callout-box.callout-info {
background-color: #bde5f8
}
.callout.callout-box.callout-success {
background-color: #dff2bf
}
.callout.callout-box.callout-warning {
background-color: #feefb3
}
.callout.callout-box.callout-error {
background-color: #ffbaba
}
.callout.callout-info {
color: #0d5476
}
.callout.callout-info a,
.callout.callout-info a:visited,
.no-touch .callout.callout-info a:visited:hover,
.callout.callout-info a:focus,
.no-touch .callout.callout-info a:focus:hover,
.no-touch .callout.callout-info a:hover,
.callout.callout-info a:active {
color: #0d5476
}
.callout.callout-success {
color: #4a6a15
}
.callout.callout-success a,
.callout.callout-success a:visited,
.no-touch .callout.callout-success a:visited:hover,
.callout.callout-success a:focus,
.no-touch .callout.callout-success a:focus:hover,
.no-touch .callout.callout-success a:hover,
.callout.callout-success a:active {
color: #4a6a15
}
.callout.callout-warning {
color: #7d6502
}
.callout.callout-warning a,
.callout.callout-warning a:visited,
.no-touch .callout.callout-warning a:visited:hover,
.callout.callout-warning a:focus,
.no-touch .callout.callout-warning a:focus:hover,
.no-touch .callout.callout-warning a:hover,
.callout.callout-warning a:active {
color: #7d6502
}
.callout.callout-error {
color: #870000
}
.callout.callout-error a,
.callout.callout-error a:visited,
.no-touch .callout.callout-error a:visited:hover,
.callout.callout-error a:focus,
.no-touch .callout.callout-error a:focus:hover,
.no-touch .callout.callout-error a:hover,
.callout.callout-error a:active {
color: #870000
}
@media print {
body {
background: #fff;
color: #000
}
nav {
display: none
}
@page {
margin: 1cm
}
body {
width: 100%;
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid
}
article {
page-break-before: always
}
img {
page-break-inside: avoid
}
a[href^=http]:after {
font-style: italic;
content: " < " attr(href) " > "
}
a[href^="#"]:after {
content: ""
}
}
/*! Picard v1.1.0 | https://github.com/mhulse/picard */
/* https://github.com/mhulse/picard/blob/2cd47f3418f20fe69eadbe0f16882d73116caa31/prod/1.1.0/20140621/1/css/picard.min.css */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.baseline {
position: relative;
cursor: pointer;
cursor: hand;
-webkit-highlight: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-user-modify: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.baseline::before {
background-image: -webkit-linear-gradient(rgba(255, 0, 0, 0.75) 1px, transparent 1px), -webkit-linear-gradient(rgba(0, 255, 255, 0.75) 1px, transparent 1px), -webkit-linear-gradient(rgba(0, 255, 255, 0.25) 1px, transparent 1px);
background-image: -moz-linear-gradient(rgba(255, 0, 0, 0.25) 1px, transparent 1px), -moz-linear-gradient(rgba(0, 255, 255, 0.75) 1px, transparent 1px), -moz-linear-gradient(rgba(0, 255, 255, 0.25) 1px, transparent 1px);
background-image: linear-gradient(rgba(255, 0, 0, 0.75) 1px, transparent 1px), linear-gradient(rgba(0, 255, 255, 0.75) 1px, transparent 1px), linear-gradient(rgba(0, 255, 255, 0.25) 1px, transparent 1px);
background-size: 100% 1.57142857142857rem, 100% 0.78571428571429rem, 100% 0.39285714285714rem;
background-position: 0 0;
background-origin: content-box;
background-attachment: local;
width: 100%;
display: block;
position: absolute;
top: 0;
bottom: -1px;
z-index: 999;
content: "";
pointer-events: none
}
.baseline:active::before {
display: none
}
.baseline:active * {
box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.5)
}
html {
font-size: 87.5%
}
body {
font-size: 100%;
line-height: 1.57142857142857
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
font-size: 1rem;
line-height: 1.57142857142857;
margin-top: 0;
margin-bottom: .125em
}
h1,
.h1,
.sh1 {
font-size: 3.14285714285714rem;
line-height: 1
}
h2,
.h2,
.sh2 {
font-size: 2.71428571428571rem;
line-height: 1.01315789473684
}
h3,
.h3,
.sh3 {
font-size: 2.28571428571429rem;
line-height: 1.03125
}
h4,
.h4,
.sh4 {
font-size: 1.85714285714286rem;
line-height: 1.05769230769231
}
h5,
.h5,
.sh5 {
font-size: 1.42857142857143rem;
line-height: 1.1
}
h6,
.h6,
.sh6 {
font-size: 1.14285714285714rem;
line-height: 1.203125
}
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
font-weight: normal
}
li,
dt,
dd {
font-size: 1rem;
line-height: 1.17857142857143;
margin-top: 0.39285714285714em;
margin-bottom: 0.39285714285714em
}
p {
font-size: 1rem;
line-height: 1.57142857142857;
margin-top: 0.78571428571429rem;
margin-bottom: 0.78571428571429rem
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.28571428571429em
}
sup {
top: -0.57142857142857em
}
img {
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption {
font-size: 0.85714285714286rem;
line-height: 1.375;
padding-top: 0.22916666666667em;
padding-bottom: 0.22916666666667em
}
th,
td {
font-size: 1rem;
line-height: 1.17857142857143;
margin: 0;
padding-top: 0.19642857142857em;
padding-bottom: 0.19642857142857em
}
form {
margin: 0
}
fieldset {
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 0.07142857142857rem
}
input,
button {
font-size: 1em;
line-height: normal;
vertical-align: baseline
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
position: relative;
bottom: 0.14285714285714em;
vertical-align: middle
}
input[type="text"],
input[type="password"] {
font-size: 1em;
line-height: 1.57142857142857;
margin: 0;
padding-right: 0.26190476190476em;
padding-left: 0.26190476190476em;
vertical-align: baseline
}
label {
font-size: 1em;
line-height: 1.57142857142857;
vertical-align: middle
}
legend {
font-size: 1.14285714285714rem;
line-height: 1.203125;
margin: 0;
padding-bottom: 0.34375em
}
select {
font-size: 1em;
line-height: 1.57142857142857;
vertical-align: baseline
}
textarea {
font-size: 1em;
line-height: 1.57142857142857;
min-height: 7.85714285714286rem;
overflow: auto;
margin: 0;
padding: 0;
vertical-align: top
}
.fix {
*zoom: 1
}
.fix:before,
.fix:after {
content: " ";
display: table
}
.fix:after {
clear: both
}
.gone {
display: none !important;
visibility: hidden
}
.off {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ghost {
visibility: hidden
}
.nix,
.nix:focus,
.nix:hover,
.nix:active {
color: transparent;
text-decoration: none;
outline: 0;
border: 0
}
.force {
margin-top: -1px;
margin-bottom: -1px;
padding: 1px 0
}
.nono {
word-wrap: break-word;
overflow-wrap: break-word
}
.none {
max-width: none
}
.scroll {
width: 100%;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.scroll img:first-of-type {
max-width: none
}
.scroll>*,
.scroll img:first-of-type {
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateZ(0)
}
figure .scroll {
margin: 0
}
.scroll-wrap {
position: relative
}
.scroll-overlay {
font-size: 1em;
line-height: 1;
letter-spacing: .1em;
text-transform: lowercase;
text-shadow: 0 0.07142857142857rem 0.21428571428571rem #000, 0 0.07142857142857rem 0.21428571428571rem #000, 0 0.07142857142857rem 0.21428571428571rem #000, 0 0.07142857142857rem 0.21428571428571rem #000;
text-align: center;
color: #fff;
position: absolute;
z-index: 100;
width: 100%;
top: 0.71428571428571rem;
left: 0;
opacity: .5
}
.scroll-overlay::before,
.scroll-overlay::after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal
}
.scroll-overlay::before {
content: "\f0a5\00a0"
}
.scroll-overlay::after {
content: "\00a0\f0a4"
}
[data-icon]:before {
font-family: FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: normal;
content: attr(data-icon);
speak: none
}
html,
body {
overflow-x: hidden
}
html {
height: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: rgba(19, 170, 201, 0.55)
}
body {
font-family: Arial, sans-serif;
text-align: center;
color: #000;
background: #fff;
padding: 3.57142857142857rem;
min-height: 100%;
text-rendering: optimizeLegibility
}
@media (max-width: 53.5rem) {
body {
padding: 1.42857142857143rem
}
}
a,
a:visited {
color: #c30;
text-decoration: none
}
a:visited:hover,
a:focus,
a:focus:hover,
a:hover,
a:active {
color: #f60;
text-decoration: underline
}
::-moz-selection {
background: rgba(19, 170, 201, 0.55);
text-shadow: none
}
::selection {
background: rgba(19, 170, 201, 0.55);
text-shadow: none
}
hr,
.hr {
border: 0;
border-top: 0.28571428571429rem solid #eee;
height: 0;
margin-top: 2.85714285714286rem;
margin-bottom: 2.85714285714286rem;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box
}
article hr,
aside hr,
section hr,
article .hr,
aside .hr,
section .hr {
border-top-width: 0.14285714285714rem;
border-color: #ccc;
margin-top: 2.14285714285714rem;
margin-bottom: 2.14285714285714rem
}
.body hr,
.body .hr {
border-top: none;
height: 0.28571428571429rem;
background-color: transparent;
background-image: linear-gradient(90deg, #999 50%, transparent 50%, transparent);
-webkit-background-size: 0.71428571428571rem 0.71428571428571rem;
-moz-background-size: 0.71428571428571rem 0.71428571428571rem;
background-size: 0.71428571428571rem 0.71428571428571rem;
background-position: center center
}
section>:first-child,
article>:first-child,
aside>:first-child {
margin-top: 0 !important
}
section>:last-child,
article>:last-child,
aside>:last-child {
margin-bottom: 0 !important
}
ul,
ol,
dl {
padding: 0
}
ul,
ol {
list-style: none
}
dt {
font-size: 1.14285714285714rem;
line-height: 1.03125;
font-weight: bold;
margin: 0;
padding: 0.171875em 0
}
dd {
margin-left: 0
}
.li1,
.li2,
.body ol,
.body ul {
counter-reset: li
}
.li1>li::before,
.li2>li::before,
.body ol>li::before,
.body ul>li::before {
font-family: Cambria, Georgia, serif;
font-weight: bold;
color: #cca700;
margin-top: 0.71428571428571rem;
margin-bottom: 0.17857142857143rem;
display: block;
content: counter(li, lower-roman);
counter-increment: li
}
.li1>li:first-child::before,
.li2>li:first-child::before,
.body ol>li:first-child::before,
.body ul>li:first-child::before {
margin-top: 0
}
.li2>li::before,
.body ul>li::before {
content: counter(li, square);
margin-bottom: 0.11904761904762rem
}
.pager>li:first-child a::before,
.pager>li:last-child a::after {
font-family: FontAwesome;
line-height: 0;
position: relative;
font-style: normal;
font-weight: normal;
text-decoration: inherit
}
.pager {
color: #888;
width: auto;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
padding: 0;
display: inline-block
}
.pager>li {
font-size: 0.85714285714286rem;
line-height: 1;
margin: 0;
padding: 0;
display: inline-block
}
.pager>li a,
.pager>li span {
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
background: #eee;
width: 100%;
height: 100%;
padding: 1em 1.5em;
display: block
}
.pager>li .pager-current {
color: #000;
font-weight: bold;
background: #ccc
}
.pager>li:first-child a,
.pager>li:first-child span {
border-radius: 0.21428571428571rem 0 0 0.21428571428571rem
}
.pager>li:first-child a::before {
content: "\f177\00a0"
}
.pager>li:last-child a,
.pager>li:last-child span {
border-radius: 0 0.21428571428571rem 0.21428571428571rem 0
}
.pager>li:last-child a::after {
content: "\00a0\f178"
}
.pager a {
-webkit-transition: background 200ms linear, color 750ms linear;
transition: background 200ms linear, color 750ms linear
}
.pager a,
.pager a:visited {
color: #333
}
.pager a:visited:hover,
.pager a:focus,
.pager a:focus:hover,
.pager a:hover {
color: #eee;
text-decoration: none;
background: #333
}
.pager a:focus,
.pager a:active {
outline: 0
}
.pager .fa {
line-height: 0;
position: relative
}
ul.meta {
box-shadow: 0 0.21428571428571rem rgba(0, 0, 0, 0.1)
}
ul.meta>li {
border-bottom: 0.07142857142857rem solid #bbb;
margin: 0;
padding: 0.6875em;
background: #fbfbfb;
box-shadow: inset 0 0 0.71428571428571rem 0 rgba(0, 0, 0, 0.2)
}
ul.meta>li:last-child {
border-bottom: 0
}
.cloud>li {
display: inline-block;
text-transform: lowercase;
margin: .1rem .25rem;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-all
}
.cloud a {
line-height: 1;
display: block
}
.cloud a,
.cloud a:visited {
color: #1d678f
}
.cloud a:visited:hover,
.cloud a:focus,
.cloud a:focus:hover,
.cloud a:hover,
.cloud a:active {
color: #13aac9;
text-decoration: none
}
.archive .archive-year,
.archive .archive-month,
.archive .archive-day {
color: #555;
border: 0.07142857142857rem solid #ccc;
border-top-width: 0.35714285714286rem;
background: #fff;
margin: 0.78571428571429rem 0.14285714285714rem 0.71428571428571rem;
padding: 0.71428571428571rem;
display: inline-block;
white-space: nowrap;
border-radius: 0 0 0.14285714285714rem 0.21428571428571rem;
box-shadow: 0 0.21428571428571rem 0.07142857142857rem rgba(0, 0, 0, 0.05)
}
.archive .archive-year {
color: #333;
border-color: #666
}
.archive>:nth-of-type(-n+3) {
margin-top: 0
}
.archive .archive-item {
border-width: 0.07142857142857rem 0;
border-style: solid;
border-color: #ddd;
margin: 0 0 -0.07142857142857rem;
padding: 1.42857142857143rem
}
.archive .archive-item:last-child {
border-bottom: 0
}
.archive .archive-item i {
color: #f60
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.x2,
.body hr,
.body .hr,
.x3,
label,
.x4,
blockquote,
ol,
ul,
.x5,
figcaption,
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
.x7,
article hr,
article .hr,
aside hr,
aside .hr,
section hr,
section .hr {
margin-right: auto;
margin-left: auto;
display: block;
width: 100%
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
max-width: 10.71428571428571rem
}
.x2,
.body hr,
.body .hr {
max-width: 17.85714285714286rem
}
.x3,
label {
max-width: 25rem
}
.x4,
blockquote,
ol,
ul {
max-width: 32.14285714285715rem
}
.x5,
figcaption {
max-width: 39.28571428571429rem
}
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
max-width: 46.42857142857143rem
}
.x7,
article hr,
article .hr,
aside hr,
aside .hr,
section hr,
section .hr {
max-width: 53.57142857142857rem
}
nav[role="navigation"] ul {
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
padding: 0
}
nav[role="navigation"] ul li {
list-style: none;
display: inline-block;
margin: 0.14285714285714rem;
padding: 0
}
nav[role="navigation"] ul a {
font-size: 0.85714285714286rem;
line-height: 1.83333333333333;
font-weight: normal;
letter-spacing: .1em;
text-transform: uppercase;
background: #000;
padding: 0.45833333333333em 1.07142857142857em;
display: block;
text-shadow: 0 0.07142857142857rem 0.07142857142857rem #000;
white-space: nowrap;
border-radius: 0.21428571428571rem;
-webkit-transition: background-color 100ms linear;
transition: background-color 100ms linear
}
nav[role="navigation"] ul a,
nav[role="navigation"] ul a:visited {
color: #fff
}
nav[role="navigation"] ul a.selected,
nav[role="navigation"] ul a:visited:hover,
nav[role="navigation"] ul a:focus,