Last active
August 1, 2018 17:45
-
-
Save mhulse/24e7b57e1301336f997c010e2af120dc to your computer and use it in GitHub Desktop.
CSS from picard, data, other themes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! 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: "" | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! 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, | |
| nav[role="navigation"] ul a:focus:hover, | |
| nav[role="navigation"] ul a:hover, | |
| nav[role="navigation"] ul a:active { | |
| color: #fff; | |
| text-decoration: none; | |
| background: #c30; | |
| box-shadow: inset 0 0 0.35714285714286rem 0 #661a00 | |
| } | |
| nav[role="navigation"] ul a:focus, | |
| nav[role="navigation"] ul a:active { | |
| outline: 0 | |
| } | |
| h1#flag { | |
| font-family: "hulse", Arial, sans-serif; | |
| font-size: 8.21428571428571rem; | |
| font-weight: normal; | |
| font-style: normal; | |
| line-height: 8.21428571428571rem; | |
| text-transform: none; | |
| margin-bottom: 3.57142857142857rem; | |
| -webkit-touch-callout: none; | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-tap-highlight-color: transparent; | |
| position: relative | |
| } | |
| h1#flag a { | |
| display: inline-block; | |
| -webkit-transition: color 250ms linear; | |
| transition: color 250ms linear | |
| } | |
| h1#flag a, | |
| h1#flag a:visited { | |
| color: #13aac9 | |
| } | |
| h1#flag a:visited:hover, | |
| h1#flag a:focus, | |
| h1#flag a:focus:hover, | |
| h1#flag a:hover, | |
| h1#flag a:active { | |
| color: #1d678f; | |
| text-decoration: none | |
| } | |
| h1#flag a:active, | |
| h1#flag a:focus { | |
| outline: 0 | |
| } | |
| h1#flag::before { | |
| font-family: FontAwesome; | |
| font-size: 1rem; | |
| font-style: normal; | |
| font-weight: normal; | |
| color: #ffd100; | |
| line-height: 1; | |
| margin-left: 3.57142857142857rem; | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| content: "\f069" | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| text-transform: uppercase; | |
| word-wrap: break-word; | |
| overflow-wrap: break-word | |
| } | |
| h1 a, | |
| h1 a:visited, | |
| h2 a, | |
| h2 a:visited, | |
| h3 a, | |
| h3 a:visited, | |
| h4 a, | |
| h4 a:visited, | |
| h5 a, | |
| h5 a:visited, | |
| h6 a, | |
| h6 a:visited { | |
| color: #4e801c | |
| } | |
| h1 a:visited:hover, | |
| h1 a:focus, | |
| h1 a:focus:hover, | |
| h1 a:hover, | |
| h1 a:active, | |
| h2 a:visited:hover, | |
| h2 a:focus, | |
| h2 a:focus:hover, | |
| h2 a:hover, | |
| h2 a:active, | |
| h3 a:visited:hover, | |
| h3 a:focus, | |
| h3 a:focus:hover, | |
| h3 a:hover, | |
| h3 a:active, | |
| h4 a:visited:hover, | |
| h4 a:focus, | |
| h4 a:focus:hover, | |
| h4 a:hover, | |
| h4 a:active, | |
| h5 a:visited:hover, | |
| h5 a:focus, | |
| h5 a:focus:hover, | |
| h5 a:hover, | |
| h5 a:active, | |
| h6 a:visited:hover, | |
| h6 a:focus, | |
| h6 a:focus:hover, | |
| h6 a:hover, | |
| h6 a:active { | |
| color: #9ea301; | |
| text-decoration: none | |
| } | |
| h1:empty { | |
| display: none | |
| } | |
| .sh1, | |
| .sh2, | |
| .sh3, | |
| .sh4, | |
| .sh5, | |
| .sh6 { | |
| text-transform: none | |
| } | |
| blockquote { | |
| font-size: 1.42857142857143rem; | |
| line-height: 1.1; | |
| font-family: serif; | |
| font-style: italic; | |
| letter-spacing: .03em; | |
| color: #666; | |
| border-width: 0.14285714285714rem 0; | |
| border-style: dashed; | |
| border-color: #ddd; | |
| margin-top: 1.42857142857143rem; | |
| margin-bottom: 1.42857142857143rem; | |
| padding: 1.1em 2.2em; | |
| position: relative | |
| } | |
| blockquote p { | |
| font-size: inherit; | |
| line-height: inherit | |
| } | |
| blockquote footer { | |
| font-size: 70%; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| letter-spacing: .05em | |
| } | |
| blockquote footer p { | |
| margin: 0 | |
| } | |
| blockquote * { | |
| max-width: none | |
| } | |
| blockquote blockquote { | |
| border-width: 0.07142857142857rem 0 | |
| } | |
| blockquote a, | |
| blockquote a:visited { | |
| color: #1d678f | |
| } | |
| blockquote a:visited:hover, | |
| blockquote a:focus, | |
| blockquote a:focus:hover, | |
| blockquote a:hover, | |
| blockquote a:active { | |
| color: #13aac9; | |
| text-decoration: none | |
| } | |
| @media (max-width: 53.5rem) { | |
| blockquote { | |
| padding: 1.1em | |
| } | |
| } | |
| mark { | |
| background: rgba(254, 239, 179, 0.9); | |
| padding: 0.07142857142857rem 0.21428571428571rem; | |
| border-radius: 0.21428571428571rem | |
| } | |
| del, | |
| ins { | |
| line-height: 0; | |
| letter-spacing: .05em; | |
| padding: 0.07142857142857rem 0.21428571428571rem; | |
| position: relative; | |
| border-radius: -0.78571428571429rem | |
| } | |
| 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-family: Cambria, Georgia, serif; | |
| font-weight: bolder; | |
| font-style: italic | |
| } | |
| abbr { | |
| font-style: italic; | |
| cursor: help | |
| } | |
| abbr[title] { | |
| border-bottom: 0.07142857142857rem dotted | |
| } | |
| abbr[title="et cetera"] { | |
| font-family: "Hoefler Text", Palatino, Constantia, "Palatino Linotype", cursive | |
| } | |
| cite { | |
| font-style: italic | |
| } | |
| dfn { | |
| font-weight: bold; | |
| font-style: italic | |
| } | |
| dfn[title] { | |
| border-bottom: 0.07142857142857rem dotted; | |
| cursor: help | |
| } | |
| wbr::after { | |
| content: "\00200B" | |
| } | |
| small, | |
| .small { | |
| font-size: smaller | |
| } | |
| span.amp { | |
| font-size: 110%; | |
| font-family: adobe-caslon-pro, Adobe Caslon Pro, Baskerville, "Goudy Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Times, serif; | |
| font-weight: normal; | |
| font-style: italic; | |
| line-height: 0; | |
| vertical-align: baseline; | |
| position: relative | |
| } | |
| .marker { | |
| font-size: 1rem; | |
| font-weight: normal; | |
| text-transform: none; | |
| margin-top: 1.42857142857143rem; | |
| margin-bottom: 1.42857142857143rem; | |
| padding: 0 | |
| } | |
| .marker div { | |
| display: inline-block; | |
| overflow: hidden | |
| } | |
| .marker a, | |
| .marker span { | |
| font-size: 1.28571428571429rem; | |
| line-height: 1.06944444444444; | |
| letter-spacing: .03em; | |
| margin-left: 0.07142857142857rem; | |
| padding: 0.80208333333333em 0.71428571428571em; | |
| float: left | |
| } | |
| .marker span { | |
| color: #806900; | |
| background: #e6bc00 | |
| } | |
| .marker a { | |
| background: #ffd100; | |
| -webkit-transition: background-color 100ms linear; | |
| transition: background-color 100ms linear | |
| } | |
| .marker a, | |
| .marker a:visited { | |
| color: #997d00 | |
| } | |
| .marker a:visited:hover, | |
| .marker a:focus, | |
| .marker a:focus:hover, | |
| .marker a:hover, | |
| .marker a:active { | |
| color: #997d00; | |
| background: #ffe880 | |
| } | |
| .marker:first-child { | |
| margin-left: 0 | |
| } | |
| .subtle { | |
| font-size: 1.28571428571429rem; | |
| line-height: 0.91666666666667; | |
| font-family: monospace, serif; | |
| font-weight: normal; | |
| color: #cca700; | |
| letter-spacing: .1em; | |
| margin-top: 0.71428571428571rem; | |
| margin-bottom: 0.71428571428571rem | |
| } | |
| .marker code, | |
| .subtle code { | |
| font-size: inherit; | |
| color: inherit; | |
| text-shadow: none; | |
| background: transparent; | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| display: inline; | |
| box-shadow: none; | |
| border-radius: 0 | |
| } | |
| .body>p { | |
| font-size: 1.21428571428571rem; | |