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; | |
| line-height: 1.29411764705882; | |
| margin-top: 1.29411764705882em; | |
| margin-bottom: 1.29411764705882em | |
| } | |
| .body>:first-child { | |
| margin-top: 0 !important | |
| } | |
| .body>:last-child { | |
| margin-bottom: 0 !important | |
| } | |
| .body h1, | |
| .body h2, | |
| .body h3, | |
| .body h4, | |
| .body h5, | |
| .body h6 { | |
| color: #333 | |
| } | |
| .body h1 a, | |
| .body h1 a:visited, | |
| .body h2 a, | |
| .body h2 a:visited, | |
| .body h3 a, | |
| .body h3 a:visited, | |
| .body h4 a, | |
| .body h4 a:visited, | |
| .body h5 a, | |
| .body h5 a:visited, | |
| .body h6 a, | |
| .body h6 a:visited { | |
| color: #504375 | |
| } | |
| .body h1 a:visited:hover, | |
| .body h1 a:focus, | |
| .body h1 a:focus:hover, | |
| .body h1 a:hover, | |
| .body h1 a:active, | |
| .body h2 a:visited:hover, | |
| .body h2 a:focus, | |
| .body h2 a:focus:hover, | |
| .body h2 a:hover, | |
| .body h2 a:active, | |
| .body h3 a:visited:hover, | |
| .body h3 a:focus, | |
| .body h3 a:focus:hover, | |
| .body h3 a:hover, | |
| .body h3 a:active, | |
| .body h4 a:visited:hover, | |
| .body h4 a:focus, | |
| .body h4 a:focus:hover, | |
| .body h4 a:hover, | |
| .body h4 a:active, | |
| .body h5 a:visited:hover, | |
| .body h5 a:focus, | |
| .body h5 a:focus:hover, | |
| .body h5 a:hover, | |
| .body h5 a:active, | |
| .body h6 a:visited:hover, | |
| .body h6 a:focus, | |
| .body h6 a:focus:hover, | |
| .body h6 a:hover, | |
| .body h6 a:active { | |
| color: #8071ad; | |
| text-decoration: underline | |
| } | |
| .body h1, | |
| .body h2, | |
| .body h3, | |
| .body h4 { | |
| font-family: Cambria, Georgia, serif; | |
| font-weight: normal; | |
| text-transform: none | |
| } | |
| .body h1 { | |
| font-size: 2.71428571428571rem; | |
| line-height: 1.15789473684211 | |
| } | |
| .body h2 { | |
| font-size: 2.28571428571429rem; | |
| line-height: 1.203125 | |
| } | |
| .body h3 { | |
| font-size: 1.85714285714286rem; | |
| line-height: 1.26923076923077 | |
| } | |
| .body h4 { | |
| font-size: 1.42857142857143rem; | |
| line-height: 1.2375 | |
| } | |
| .body h5 { | |
| font-size: 1.14285714285714rem; | |
| line-height: 1.375 | |
| } | |
| .body h6 { | |
| font-size: 1rem; | |
| line-height: 1.375 | |
| } | |
| .body h4, | |
| .body h5, | |
| .body h6 { | |
| letter-spacing: .0375em | |
| } | |
| .label { | |
| font-size: 0.85714285714286rem; | |
| line-height: 1; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| letter-spacing: .15em; | |
| margin-top: 0.71428571428571rem; | |
| margin-bottom: 0.71428571428571rem; | |
| padding: 0 | |
| } | |
| .label a, | |
| .label span { | |
| background: #eee; | |
| padding: .75em 1.25em; | |
| display: inline-block | |
| } | |
| .label span { | |
| color: #888 | |
| } | |
| .label a { | |
| -webkit-transition: background 200ms linear, color 750ms linear; | |
| transition: background 200ms linear, color 750ms linear | |
| } | |
| .label a, | |
| .label a:visited { | |
| color: #333 | |
| } | |
| .label a:visited:hover, | |
| .label a:focus, | |
| .label a:focus:hover, | |
| .label a:hover, | |
| .label a:active { | |
| color: #fff; | |
| text-decoration: none; | |
| background: #333 | |
| } | |
| .label a:focus, | |
| .label a:active { | |
| outline: 0 | |
| } | |
| .head { | |
| font-size: 1.14285714285714rem; | |
| line-height: 0.928125; | |
| font-weight: bold; | |
| text-transform: none; | |
| color: #6c9cb6; | |
| margin-bottom: 0.71428571428571rem | |
| } | |
| .head a, | |
| .head a:visited { | |
| color: #1d678f | |
| } | |
| .head a:visited:hover, | |
| .head a:focus, | |
| .head a:focus:hover, | |
| .head a:hover, | |
| .head a:active { | |
| color: #13aac9; | |
| text-decoration: none | |
| } | |
| .external { | |
| font-size: 1rem; | |
| line-height: normal; | |
| text-transform: none; | |
| letter-spacing: .1em | |
| } | |
| .external a { | |
| font-size: 1.57142857142857rem; | |
| line-height: 1.25; | |
| padding: 1.07142857142857rem 4.28571428571429rem; | |
| display: inline-block; | |
| position: relative; | |
| border-radius: 0.21428571428571rem; | |
| text-shadow: 0 0.07142857142857rem rgba(53, 86, 19, 0.75); | |
| box-shadow: 0 0.21428571428571rem rgba(109, 112, 1, 0.2); | |
| width: auto; | |
| background-color: #4e801c; | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.075) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0.075) 75%, transparent 75%, transparent); | |
| -webkit-background-size: 3.57142857142857rem 3.57142857142857rem; | |
| -moz-background-size: 3.57142857142857rem 3.57142857142857rem; | |
| background-size: 3.57142857142857rem 3.57142857142857rem; | |
| -webkit-transition: background-color 100ms linear; | |
| transition: background-color 100ms linear | |
| } | |
| .external a, | |
| .external a:visited { | |
| color: #fff | |
| } | |
| .external a:visited:hover, | |
| .external a:focus, | |
| .external a:focus:hover, | |
| .external a:hover, | |
| .external a:active { | |
| color: #fff; | |
| text-decoration: none; | |
| background-color: #9ea301 | |
| } | |
| .external a::before { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: smaller; | |
| text-decoration: none; | |
| content: "\f08e"; | |
| color: #fff; | |
| position: absolute; | |
| top: 1.07142857142857rem; | |
| right: 0.85714285714286rem | |
| } | |
| @media (max-width: 53.5rem) { | |
| .external a { | |
| padding: 1.07142857142857rem; | |
| width: 100%; | |
| word-wrap: break-word; | |
| overflow-wrap: break-word | |
| } | |
| .external a::before { | |
| content: "" | |
| } | |
| } | |
| .external time, | |
| .external span { | |
| font-weight: normal; | |
| line-height: 1.2; | |
| display: block | |
| } | |
| .external time { | |
| font-size: 60%; | |
| letter-spacing: .15em; | |
| text-transform: uppercase; | |
| margin-bottom: .4em | |
| } | |
| .external span { | |
| font-size: smaller; | |
| letter-spacing: .125em; | |
| margin-top: .3em | |
| } | |
| .excerpt { | |
| margin-top: .5rem; | |
| margin-bottom: .25rem | |
| } | |
| @-webkit-keyframes cursor-blink { | |
| 80% { | |
| visibility: hidden | |
| } | |
| } | |
| @keyframes cursor-blink { | |
| 80% { | |
| visibility: hidden | |
| } | |
| } | |
| pre { | |
| font-size: 1rem; | |
| line-height: 1.375; | |
| font-family: monospace, serif; | |
| text-align: left; | |
| word-wrap: normal; | |
| padding: 0.35714285714286rem 0.71428571428571rem; | |
| 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; | |
| text-shadow: 0 0.07142857142857rem 0 #000; | |
| background: #0e1705; | |
| border: 0.07142857142857rem solid #000; | |
| box-shadow: inset 0 0 0.35714285714286rem 0 rgba(0, 0, 0, 0.75) | |
| } | |
| pre.terminal .cursor { | |
| color: transparent; | |
| background: #c30; | |
| letter-spacing: -.15em | |
| } | |
| pre.terminal .prompt { | |
| color: #4e801c | |
| } | |
| .pre { | |
| color: #444; | |
| background: rgba(238, 238, 238, 0.5); | |
| border: 0.07142857142857rem solid #ddd; | |
| border-radius: 0.21428571428571rem | |
| } | |
| .pygments { | |
| color: #ccc; | |
| background: #222; | |
| border: 0.35714285714286rem solid #222; | |
| margin-top: 0.71428571428571rem; | |
| margin-bottom: 0.71428571428571rem | |
| } | |
| .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: 0.35714285714286rem; | |
| 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-family: monospace, serif; | |
| 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 { | |
| letter-spacing: .05em; | |
| color: #504375; | |
| background: rgba(80, 67, 117, 0.25); | |
| padding: 0.14285714285714rem 0.21428571428571rem; | |
| border-radius: 0.21428571428571rem | |
| } | |
| kbd { | |
| font-size: smaller; | |
| color: #333; | |
| text-shadow: 0 0.07142857142857rem 0 #fff; | |
| background-color: #eee; | |
| border: 0.07142857142857rem 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: 0.21428571428571rem; | |
| box-shadow: 0 0.07142857142857rem 0 rgba(0, 0, 0, 0.2), 0 0 0 0.14285714285714rem #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-file { | |
| margin-top: 0.71428571428571rem; | |
| margin-bottom: 0.71428571428571rem | |
| } | |
| .table { | |
| empty-cells: hide; | |
| margin-top: 0.71428571428571rem; | |
| margin-right: 0.71428571428571rem; | |
| width: 100% | |
| } | |
| .table caption { | |
| text-align: left | |
| } | |
| .table thead { | |
| vertical-align: bottom | |
| } | |
| .table tfoot { | |
| vertical-align: top | |
| } | |
| .table tfoot th, | |
| .table tfoot td { | |
| color: #666 | |
| } | |
| .table th, | |
| .table td { | |
| text-align: left; | |
| padding-right: 0.71428571428571rem; | |
| padding-left: 0.71428571428571rem | |
| } | |
| .table th:first-child, | |
| .table td:first-child { | |
| padding-left: 0 | |
| } | |
| .table th:last-child, | |
| .table td:last-child { | |
| padding-right: 0 | |
| } | |
| .table th { | |
| white-space: nowrap | |
| } | |
| .table tbody { | |
| vertical-align: top | |
| } | |
| .table.table-border-x thead th, | |
| .table.table-border-x tbody th, | |
| .table.table-border-x tbody td { | |
| border-bottom: 0.07142857142857rem solid #999 | |
| } | |
| .table.table-border-x tfoot th, | |
| .table.table-border-x tfoot td { | |
| border-top: 0.07142857142857rem 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: 0.07142857142857rem solid #999; | |
| border-left: 0.07142857142857rem 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 | |
| } | |
| .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; | |
| -webkit-user-drag: none; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| font-size: 1.14285714285714rem; | |
| line-height: 1.375; | |
| font-family: Arial, sans-serif; | |
| text-shadow: 0 0.07142857142857rem #993d00; | |
| letter-spacing: .1em; | |
| color: #993d00; | |
| width: 100%; | |
| background-color: #f60; | |
| border: none transparent; | |
| border-radius: 0.21428571428571rem; | |
| margin-top: 0.71428571428571rem; | |
| margin-bottom: 0.71428571428571rem; | |
| padding: 0; | |
| padding-top: 0.34375em; | |
| padding-bottom: 0.34375em; | |
| -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, | |
| .button:visited:hover, | |
| .form button:visited:hover, | |
| .form input[type="button"]:visited:hover, | |
| .form input[type="reset"]:visited:hover, | |
| .form 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, | |
| .button:focus:hover, | |
| .form button:focus:hover, | |
| .form input[type="button"]:focus:hover, | |
| .form input[type="reset"]:focus:hover, | |
| .form input[type="submit"]:focus:hover, | |
| .button:hover, | |
| .form button:hover, | |
| .form input[type="button"]:hover, | |
| .form input[type="reset"]:hover, | |
| .form 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: #fff | |
| } | |
| .button.button-hover, | |
| .form button.button-hover, | |
| .form input.button-hover[type="button"], | |
| .form input.button-hover[type="reset"], | |
| .form input.button-hover[type="submit"], | |
| .button:hover, | |
| .form button:hover, | |
| .form input[type="button"]:hover, | |
| .form input[type="reset"]:hover, | |
| .form 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 0.14285714285714rem rgba(0, 0, 0, 0.15) inset, 0 0 0.71428571428571rem 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, | |
| .button.button-disabled:visited:hover, | |
| .form button.button-disabled:visited:hover, | |
| .form input.button-disabled[type="button"]:visited:hover, | |
| .form input.button-disabled[type="reset"]:visited:hover, | |
| .form 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, | |
| .button.button-disabled:focus:hover, | |
| .form button.button-disabled:focus:hover, | |
| .form input.button-disabled[type="button"]:focus:hover, | |
| .form input.button-disabled[type="reset"]:focus:hover, | |
| .form input.button-disabled[type="submit"]:focus:hover, | |
| .button.button-disabled:hover, | |
| .form button.button-disabled:hover, | |
| .form input.button-disabled[type="button"]:hover, | |
| .form input.button-disabled[type="reset"]:hover, | |
| .form 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 | |
| } | |
| .button.button-info, | |
| .form button.button-info, | |
| .form input.button-info[type="button"], | |
| .form input.button-info[type="reset"], | |
| .form input.button-info[type="submit"], | |
| .button.button-success, | |
| .form button.button-success, | |
| .form input.button-success[type="button"], | |
| .form input.button-success[type="reset"], | |
| .form input.button-success[type="submit"], | |
| .button.button-warning, | |
| .form button.button-warning, | |
| .form input.button-warning[type="button"], | |
| .form input.button-warning[type="reset"], | |
| .form input.button-warning[type="submit"], | |
| .button.button-error, | |
| .form button.button-error, | |
| .form input.button-error[type="button"], | |
| .form input.button-error[type="reset"], | |
| .form input.button-error[type="submit"] { | |
| text-shadow: none | |
| } | |
| .button.button-info, | |
| .form button.button-info, | |
| .form input.button-info[type="button"], | |
| .form input.button-info[type="reset"], | |
| .form input.button-info[type="submit"] { | |
| color: #0f658d; | |
| background-color: #bde5f8 | |
| } | |
| .button.button-success, | |
| .form button.button-success, | |
| .form input.button-success[type="button"], | |
| .form input.button-success[type="reset"], | |
| .form input.button-success[type="submit"] { | |
| color: #597f1a; | |
| background-color: #dff2bf | |
| } | |
| .button.button-warning, | |
| .form button.button-warning, | |
| .form input.button-warning[type="button"], | |
| .form input.button-warning[type="reset"], | |
| .form input.button-warning[type="submit"] { | |
| color: #977902; | |
| background-color: #feefb3 | |
| } | |
| .button.button-error, | |
| .form button.button-error, | |
| .form input.button-error[type="button"], | |
| .form input.button-error[type="reset"], | |
| .form input.button-error[type="submit"] { | |
| color: #a10000; | |
| background-color: #ffbaba | |
| } | |
| a.social.fa-lg { | |
| font-size: 1.3875em | |
| } | |
| a.social, | |
| a.social:visited { | |
| color: #999 | |
| } | |
| a.social:visited:hover, | |
| a.social:focus, | |
| a.social:focus:hover, | |
| a.social:hover, | |
| a.social:active { | |
| color: #666; | |
| text-decoration: none | |
| } | |
| a.social-twitter, | |
| a.social-twitter:visited, | |
| a.social-twitter:visited:hover, | |
| a.social-twitter:focus, | |
| a.social-twitter:focus:hover, | |
| a.social-twitter:hover, | |
| a.social-twitter:active { | |
| color: #41b7d8 | |
| } | |
| a.social-facebook, | |
| a.social-facebook:visited, | |
| a.social-facebook:visited:hover, | |
| a.social-facebook:focus, | |
| a.social-facebook:focus:hover, | |
| a.social-facebook:hover, | |
| a.social-facebook:active { | |
| color: #3b5997 | |
| } | |
| a.social-google-plus, | |
| a.social-google-plus:visited, | |
| a.social-google-plus:visited:hover, | |
| a.social-google-plus:focus, | |
| a.social-google-plus:focus:hover, | |
| a.social-google-plus:hover, | |
| a.social-google-plus:active { | |
| color: #d64937 | |
| } | |
| a.social-linkedin, | |
| a.social-linkedin:visited, | |
| a.social-linkedin:visited:hover, | |
| a.social-linkedin:focus, | |
| a.social-linkedin:focus:hover, | |
| a.social-linkedin:hover, | |
| a.social-linkedin:active { | |
| color: #0073b2 | |
| } | |
| a.social-pinterest, | |
| a.social-pinterest:visited, | |
| a.social-pinterest:visited:hover, | |
| a.social-pinterest:focus, | |
| a.social-pinterest:focus:hover, | |
| a.social-pinterest:hover, | |
| a.social-pinterest:active { | |
| color: #cb2027 | |
| } | |
| a.social-vk, | |
| a.social-vk:visited, | |
| a.social-vk:visited:hover, | |
| a.social-vk:focus, | |
| a.social-vk:focus:hover, | |
| a.social-vk:hover, | |
| a.social-vk:active { | |
| color: #54769b | |
| } | |
| a.social-xing, | |
| a.social-xing:visited, | |
| a.social-xing:visited:hover, | |
| a.social-xing:focus, | |
| a.social-xing:focus:hover, | |
| a.social-xing:hover, | |
| a.social-xing:active { | |
| color: #006567 | |
| } | |
| a.social-tumblr, | |
| a.social-tumblr:visited, | |
| a.social-tumblr:visited:hover, | |
| a.social-tumblr:focus, | |
| a.social-tumblr:focus:hover, | |
| a.social-tumblr:hover, | |
| a.social-tumblr:active { | |
| color: #34465d | |
| } | |
| .form fieldset { | |
| border: 0; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| .form fieldset legend:empty { | |
| display: none | |
| } | |
| .form label { | |
| color: #666; | |
| letter-spacing: .05em; | |
| padding: 0.35714285714286rem | |
| } | |
| .form input[type="text"], | |
| .form input[type="password"], | |
| .form input[type="search"], | |
| .form textarea { | |
| font-size: 1.14285714285714rem; | |
| line-height: 1.375; | |
| padding: 0.39285714285714em; | |
| color: #333; | |
| letter-spacing: .05em; | |
| text-align: center; | |
| border: 0.07142857142857rem solid #ccc; | |
| background: #fbfbfb; | |
| width: 100%; | |
| display: block; | |
| box-shadow: inset 0 0.07142857142857rem 0.21428571428571rem #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 | |
| } | |
| .form input[type="text"]::-webkit-input-placeholder, | |
| .form input[type="password"]::-webkit-input-placeholder, | |
| .form input[type="search"]::-webkit-input-placeholder, | |
| .form textarea::-webkit-input-placeholder { | |
| text-align: center; | |
| color: #999 | |
| } | |
| .form input[type="text"]:-moz-placeholder, | |
| .form input[type="password"]:-moz-placeholder, | |
| .form input[type="search"]:-moz-placeholder, | |
| .form textarea:-moz-placeholder { | |
| text-align: center; | |
| color: #999 | |
| } | |
| .form input[type="text"]::-moz-placeholder, | |
| .form input[type="password"]::-moz-placeholder, | |
| .form input[type="search"]::-moz-placeholder, | |
| .form textarea::-moz-placeholder { | |
| text-align: center; | |
| color: #999 | |
| } | |
| .form input[type="text"]:-ms-input-placeholder, | |
| .form input[type="password"]:-ms-input-placeholder, | |
| .form input[type="search"]:-ms-input-placeholder, | |
| .form textarea:-ms-input-placeholder { | |
| text-align: center; | |
| color: #999 | |
| } | |
| .form input[type="text"]:focus, | |
| .form input[type="password"]:focus, | |
| .form input[type="search"]:focus, | |
| .form textarea:focus, | |
| .form input[type="text"]:active, | |
| .form input[type="password"]:active, | |
| .form input[type="search"]:active, | |
| .form textarea:active { | |
| outline: 0 | |
| } | |
| .form input[type="text"]:focus, | |
| .form input[type="password"]:focus, | |
| .form input[type="search"]:focus, | |
| .form textarea:focus { | |
| border-color: #c30 | |
| } | |
| .form input[disabled][type="text"], | |
| .form input[disabled][type="password"], | |
| .form input[disabled][type="search"], | |
| .form textarea[disabled] { | |
| cursor: not-allowed; | |
| background: #eee; | |
| color: #ccc | |
| } | |
| .form input[readonly][type="text"], | |
| .form input[readonly][type="password"], | |
| .form input[readonly][type="search"], | |
| .form textarea[readonly] { | |
| background: #eee; | |
| color: #777; | |
| border-color: #ccc | |
| } | |
| .form input[type="text"], | |
| .form input[type="password"] { | |
| height: auto | |
| } | |
| .form input[type="search"] { | |
| background: #ddd; | |
| background: linear-gradient(to bottom, #ddd 0, #fff 100%); | |
| padding: 0.78571428571429em; | |
| border-radius: 0 0 0.42857142857143rem 0.42857142857143rem; | |
| box-shadow: inset 0 0.07142857142857rem 0.35714285714286rem rgba(0, 0, 0, 0.5), 0 0.21428571428571rem 0.07142857142857rem rgba(0, 0, 0, 0.05); | |
| border: 0 none; | |
| border-top: 0.28571428571429rem solid #000; | |
| display: block | |
| } | |
| .form input[type="search"]:focus { | |
| border-color: #c30 | |
| } | |
| .form input[type="search"]::-webkit-search-decoration, | |
| .form input[type="search"]::-webkit-search-cancel-button, | |
| .form input[type="search"]::-webkit-search-results-button, | |
| .form input[type="search"]::-webkit-search-results-decoration { | |
| display: none | |
| } | |
| .form textarea { | |
| min-height: 15.71428571428571rem; | |
| resize: vertical | |
| } | |
| .form input[type="checkbox"], | |
| .form input[type="radio"] { | |
| bottom: 0.07142857142857rem | |
| } | |
| .form select { | |
| font-size: 1rem; | |
| width: 100% | |
| } | |
| form#search { | |
| position: relative | |
| } | |
| form#search #bigglesworth_result, | |
| form#search #bigglesworth_result-no { | |
| width: 100%; | |
| margin: -0.71428571428571rem auto 0; | |
| padding: 0; | |
| box-shadow: 0 0.35714285714286rem 0.35714285714286rem rgba(0, 0, 0, 0.2); | |
| position: absolute; | |
| top: auto; | |
| left: 0; | |
| right: 0; | |
| z-index: 100 | |
| } | |
| form#search #bigglesworth_result li { | |
| border: 0.07142857142857rem solid #ddd; | |
| margin: 0 0 -0.07142857142857rem; | |
| list-style: none | |
| } | |
| form#search #bigglesworth_result time { | |
| font-size: 0.85714285714286rem; | |
| line-height: 1.375; | |
| text-transform: uppercase; | |
| letter-spacing: .1em; | |
| display: block | |
| } | |
| form#search #bigglesworth_result div { | |
| font-size: 1.14285714285714rem; | |
| line-height: 1.203125; | |
| font-weight: bold | |
| } | |
| form#search #bigglesworth_result a { | |
| background: rgba(255, 255, 255, 0.9); | |
| padding: 0.71428571428571rem; | |
| display: block | |
| } | |
| form#search #bigglesworth_result a, | |
| form#search #bigglesworth_result a:visited, | |
| form#search #bigglesworth_result a:visited:hover, | |
| form#search #bigglesworth_result a:focus, | |
| form#search #bigglesworth_result a:focus:hover, | |
| form#search #bigglesworth_result a:hover, | |
| form#search #bigglesworth_result a:active { | |
| text-decoration: none | |
| } | |
| form#search #bigglesworth_result a:focus, | |
| form#search #bigglesworth_result a:active { | |
| outline: 0 | |
| } | |
| form#search #bigglesworth_result-no p { | |
| font-size: 0.92857142857143rem; | |
| line-height: 1.48076923076923; | |
| border: 0.07142857142857rem solid #ddd; | |
| background: rgba(255, 255, 255, 0.9); | |
| margin: 0; | |
| padding: 0.71428571428571rem; | |
| max-width: none | |
| } | |
| form#search .bigglesworth_on { | |
| display: block | |
| } | |
| form#search .bigglesworth_off { | |
| display: none | |
| } | |
| form#search label { | |
| padding: 0 | |
| } | |
| figure { | |
| margin: 0; | |
| margin-top: 0.71428571428571rem; | |
| margin-bottom: 0.71428571428571rem | |
| } | |
| figure img { | |
| vertical-align: top | |
| } | |
| .body figure { | |
| margin-top: 1.42857142857143rem; | |
| margin-bottom: 1.42857142857143rem | |
| } | |
| figcaption>div { | |
| font-size: 0.85714285714286rem; | |
| line-height: 1.60416666666667; | |
| text-transform: uppercase; | |
| text-shadow: 0 0.07142857142857rem 0.07142857142857rem #000; | |
| letter-spacing: .05em; | |
| word-spacing: .25em; | |
| color: #ddd; | |
| background: #111; | |
| background: linear-gradient(to bottom, #222 0, #111 100%); | |
| margin-top: 0.92857142857143rem; | |
| padding: 1.17857142857143em; | |
| border-radius: 0.42857142857143rem; | |
| box-shadow: 0 0 0.14285714285714rem rgba(0, 0, 0, 0.9); | |
| display: inline-block; | |
| position: relative | |
| } | |
| figcaption>div::after { | |
| content: ""; | |
| border-width: 0 0.71428571428571rem 0.71428571428571rem; | |
| border-style: solid; | |
| border-color: #222 transparent; | |
| width: 0; | |
| margin-left: -0.71428571428571rem; | |
| position: absolute; | |
| top: -0.64285714285714rem; | |
| left: 50%; | |
| -webkit-transform: rotate(360deg) | |
| } | |
| figcaption>div b, | |
| figcaption>div strong { | |
| color: #fff; | |
| letter-spacing: .08em | |
| } | |
| figcaption>div p { | |
| font-size: inherit; | |
| line-height: inherit | |
| } | |
| figcaption>div p:first-of-type { | |
| margin-top: 0 !important | |
| } | |
| figcaption>div p:last-of-type { | |
| margin-bottom: 0 !important | |
| } | |
| figcaption>div a, | |
| figcaption>div a:visited { | |
| color: #f60 | |
| } | |
| figcaption>div a:visited:hover, | |
| figcaption>div a:focus, | |
| figcaption>div a:focus:hover, | |
| figcaption>div a:hover, | |
| figcaption>div a:active { | |
| color: #ffd100; | |
| text-decoration: none | |
| } | |
| figcaption>div .social { | |
| white-space: nowrap | |
| } | |
| figcaption>div .social i { | |
| margin-right: 0.21428571428571rem | |
| } | |
| img { | |
| border: 0; | |
| max-width: 100%; | |
| height: auto | |
| } | |
| a img { | |
| border: 0; | |
| outline: 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: 1.42857142857143rem; | |
| margin-bottom: 1.42857142857143rem | |
| } | |
| .mm { | |
| height: 0; | |
| padding-bottom: 56.25%; | |
| position: relative; | |
| overflow: hidden; | |
| margin-top: 0.71428571428571rem; | |
| margin-bottom: 0.71428571428571rem | |
| } | |
| .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% | |
| } | |
| .meta { | |
| font-size: 1rem; | |
| line-height: 1.375; | |
| color: #666; | |
| font-style: italic; | |
| border: 0.07142857142857rem solid #bbb; | |
| background: #fbfbfb; | |
| border-radius: 0.21428571428571rem | |
| } | |
| .meta a { | |
| font-weight: bold | |
| } | |
| .meta a, | |
| .meta a:visited { | |
| color: #666 | |
| } | |
| .meta a:visited:hover, | |
| .meta a:focus, | |
| .meta a:focus:hover, | |
| .meta a:hover, | |
| .meta a:active { | |
| color: #000; | |
| text-decoration: underline | |
| } | |
| p.meta { | |
| padding: 0.58928571428571em 1.57142857142857em; | |
| box-shadow: inset 0 0 0.71428571428571rem 0 rgba(0, 0, 0, 0.2), 0 0.21428571428571rem rgba(0, 0, 0, 0.1) | |
| } | |
| ul.meta>li, | |
| p.meta { | |
| -webkit-transition: background-color 200ms linear; | |
| transition: background-color 200ms linear | |
| } | |
| ul.meta>li:hover, | |
| p.meta:hover { | |
| background: #fff | |
| } | |
| .callout { | |
| color: #333; | |
| letter-spacing: .03em | |
| } | |
| .callout a { | |
| font-weight: bold | |
| } | |
| .callout a, | |
| .callout a:visited { | |
| color: #333; | |
| text-decoration: none | |
| } | |
| .callout a:visited:hover, | |
| .callout a:focus, | |
| .callout a:focus:hover, | |
| .callout a:hover, | |
| .callout a:active { | |
| color: #333; | |
| text-decoration: underline | |
| } | |
| .callout.callout-box { | |
| font-size: 0.85714285714286rem; | |
| line-height: 1.375; | |
| background-color: #ddd; | |
| padding: 1.42857142857143rem; | |
| border-radius: 0.42857142857143rem | |
| } | |
| .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, | |
| .callout.callout-info a:visited:hover, | |
| .callout.callout-info a:focus, | |
| .callout.callout-info a:focus:hover, | |
| .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, | |
| .callout.callout-success a:visited:hover, | |
| .callout.callout-success a:focus, | |
| .callout.callout-success a:focus:hover, | |
| .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, | |
| .callout.callout-warning a:visited:hover, | |
| .callout.callout-warning a:focus, | |
| .callout.callout-warning a:focus:hover, | |
| .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, | |
| .callout.callout-error a:visited:hover, | |
| .callout.callout-error a:focus, | |
| .callout.callout-error a:focus:hover, | |
| .callout.callout-error a:hover, | |
| .callout.callout-error a:active { | |
| color: #870000 | |
| } | |
| .boring { | |
| font-size: 0.92857142857143rem; | |
| line-height: 1.48076923076923; | |
| font-style: italic; | |
| letter-spacing: .03em; | |
| color: #666 | |
| } | |
| .boring:first-line { | |
| color: #333 | |
| } | |
| .boring a, | |
| .boring a:visited { | |
| color: #1d678f | |
| } | |
| .boring a:visited:hover, | |
| .boring a:focus, | |
| .boring a:focus:hover, | |
| .boring a:hover, | |
| .boring a:active { | |
| color: #1d678f; | |
| font-style: underline | |
| } | |
| .boring small { | |
| font-size: 1em; | |
| display: block | |
| } | |
| @media (max-width: 53.5rem) { | |
| .boring span { | |
| display: block | |
| } | |
| .boring span span { | |
| display: none | |
| } | |
| } | |
| .js #disqus { | |
| display: none | |
| } | |
| .silly:before { | |
| font-family: FontAwesome; | |
| font-size: inherit; | |
| font-style: normal; | |
| font-weight: normal; | |
| color: #ffd100; | |
| content: "\f069\00a0" | |
| } | |
| footer[role="contentinfo"] { | |
| position: relative | |
| } | |
| .jump { | |
| border-radius: 100%; | |
| background: #ddd; | |
| width: 3.5rem; | |
| height: 3.5rem; | |
| position: absolute; | |
| top: 0; | |
| -webkit-transition: background 200ms linear, color 750ms linear; | |
| transition: background 200ms linear, color 750ms linear; | |
| -webkit-touch-callout: none; | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| .jump, | |
| .jump:visited { | |
| color: #333; | |
| text-decoration: none | |
| } | |
| .jump:visited:hover, | |
| .jump:focus, | |
| .jump:focus:hover, | |
| .jump:hover, | |
| .jump:active { | |
| color: #fff; | |
| text-decoration: none; | |
| background: #333 | |
| } | |
| .jump:active, | |
| .jump:focus { | |
| outline: 0 | |
| } | |
| .jump span { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px | |
| } | |
| .jump i { | |
| line-height: 0; | |
| text-align: center; | |
| height: 0; | |
| margin-top: 0.07142857142857rem; | |
| display: block; | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| z-index: 100 | |
| } | |
| .jump.jump-old { | |
| left: 0 | |
| } | |
| .jump.jump-old i { | |
| left: -1px | |
| } | |
| .jump.jump-new { | |
| right: 0 | |
| } | |
| .jump.jump-new i { | |
| right: -1px | |
| } | |
| @media (max-width: 26.75rem) { | |
| .jump { | |
| width: 2.78571428571429rem; | |
| height: 2.78571428571429rem; | |
| top: 1.07142857142857rem | |
| } | |
| } | |
| @-webkit-keyframes skull { | |
| 0% { | |
| background-position: center 0 | |
| } | |
| 100% { | |
| background-position: center -24480px | |
| } | |
| } | |
| @keyframes skull { | |
| 0% { | |
| background-position: center 0 | |
| } | |
| 100% { | |
| background-position: center -24480px | |
| } | |
| } | |
| .js footer[role="contentinfo"]::after { | |
| 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; | |
| height: 500px; | |
| margin: 0 auto -3.57142857142857rem; | |
| display: block; | |
| content: ""; | |
| -webkit-animation-duration: 2s; | |
| animation-duration: 2s; | |
| -webkit-animation-name: skull; | |
| animation-name: skull; | |
| -webkit-animation-iteration-count: infinite; | |
| animation-iteration-count: infinite; | |
| -webkit-animation-timing-function: steps(48); | |
| animation-timing-function: steps(48) | |
| } | |
| @media (max-width: 53.5rem) { | |
| .js footer[role="contentinfo"]::after { | |
| margin-bottom: -1.42857142857143rem | |
| } | |
| } | |
| @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
| /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
| /* https://github.com/mhulse/election-2014-general/blob/b7cb574ee7f240a60f87775f3b566a7bb50efc23/prod/0.1.1/20141115/1/styles/rg.min.css */ | |
| html { | |
| font-family: sans-serif; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100% | |
| } | |
| body { | |
| margin: 0 | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block | |
| } | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| vertical-align: baseline | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0 | |
| } | |
| [hidden], | |
| template { | |
| display: none | |
| } | |
| a { | |
| background-color: transparent | |
| } | |
| 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 | |
| } | |
| /*! | |
| Pure v0.5.0 | |
| Copyright 2014 Yahoo! Inc. All rights reserved. | |
| Licensed under the BSD License. | |
| https://github.com/yui/pure/blob/master/LICENSE.md | |
| */ | |
| .pure-g { | |
| letter-spacing: -0.31em; | |
| *letter-spacing: normal; | |
| *word-spacing: -0.43em; | |
| text-rendering: optimizespeed; | |
| font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; | |
| display: -webkit-flex; | |
| -webkit-flex-flow: row wrap; | |
| display: -ms-flexbox; | |
| -ms-flex-flow: row wrap | |
| } | |
| .opera-only:-o-prefocus, | |
| .pure-g { | |
| word-spacing: -0.43em | |
| } | |
| .pure-u { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto | |
| } | |
| .pure-g [class*="pure-u"] { | |
| font-family: sans-serif | |
| } | |
| .pure-u-1, | |
| .pure-u-1-1, | |
| .pure-u-1-2, | |
| .pure-u-1-3, | |
| .pure-u-2-3, | |
| .pure-u-1-4, | |
| .pure-u-3-4, | |
| .pure-u-1-5, | |
| .pure-u-2-5, | |
| .pure-u-3-5, | |
| .pure-u-4-5, | |
| .pure-u-5-5, | |
| .pure-u-1-6, | |
| .pure-u-5-6, | |
| .pure-u-1-8, | |
| .pure-u-3-8, | |
| .pure-u-5-8, | |
| .pure-u-7-8, | |
| .pure-u-1-12, | |
| .pure-u-5-12, | |
| .pure-u-7-12, | |
| .pure-u-11-12, | |
| .pure-u-1-24, | |
| .pure-u-2-24, | |
| .pure-u-3-24, | |
| .pure-u-4-24, | |
| .pure-u-5-24, | |
| .pure-u-6-24, | |
| .pure-u-7-24, | |
| .pure-u-8-24, | |
| .pure-u-9-24, | |
| .pure-u-10-24, | |
| .pure-u-11-24, | |
| .pure-u-12-24, | |
| .pure-u-13-24, | |
| .pure-u-14-24, | |
| .pure-u-15-24, | |
| .pure-u-16-24, | |
| .pure-u-17-24, | |
| .pure-u-18-24, | |
| .pure-u-19-24, | |
| .pure-u-20-24, | |
| .pure-u-21-24, | |
| .pure-u-22-24, | |
| .pure-u-23-24, | |
| .pure-u-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto | |
| } | |
| .pure-u-1-24 { | |
| width: 4.1667%; | |
| *width: 4.1357% | |
| } | |
| .pure-u-1-12, | |
| .pure-u-2-24 { | |
| width: 8.3333%; | |
| *width: 8.3023% | |
| } | |
| .pure-u-1-8, | |
| .pure-u-3-24 { | |
| width: 12.5000%; | |
| *width: 12.4690% | |
| } | |
| .pure-u-1-6, | |
| .pure-u-4-24 { | |
| width: 16.6667%; | |
| *width: 16.6357% | |
| } | |
| .pure-u-1-5 { | |
| width: 20%; | |
| *width: 19.9690% | |
| } | |
| .pure-u-5-24 { | |
| width: 20.8333%; | |
| *width: 20.8023% | |
| } | |
| .pure-u-1-4, | |
| .pure-u-6-24 { | |
| width: 25%; | |
| *width: 24.9690% | |
| } | |
| .pure-u-7-24 { | |
| width: 29.1667%; | |
| *width: 29.1357% | |
| } | |
| .pure-u-1-3, | |
| .pure-u-8-24 { | |
| width: 33.3333%; | |
| *width: 33.3023% | |
| } | |
| .pure-u-3-8, | |
| .pure-u-9-24 { | |
| width: 37.5000%; | |
| *width: 37.4690% | |
| } | |
| .pure-u-2-5 { | |
| width: 40%; | |
| *width: 39.9690% | |
| } | |
| .pure-u-5-12, | |
| .pure-u-10-24 { | |
| width: 41.6667%; | |
| *width: 41.6357% | |
| } | |
| .pure-u-11-24 { | |
| width: 45.8333%; | |
| *width: 45.8023% | |
| } | |
| .pure-u-1-2, | |
| .pure-u-12-24 { | |
| width: 50%; | |
| *width: 49.9690% | |
| } | |
| .pure-u-13-24 { | |
| width: 54.1667%; | |
| *width: 54.1357% | |
| } | |
| .pure-u-7-12, | |
| .pure-u-14-24 { | |
| width: 58.3333%; | |
| *width: 58.3023% | |
| } | |
| .pure-u-3-5 { | |
| width: 60%; | |
| *width: 59.9690% | |
| } | |
| .pure-u-5-8, | |
| .pure-u-15-24 { | |
| width: 62.5000%; | |
| *width: 62.4690% | |
| } | |
| .pure-u-2-3, | |
| .pure-u-16-24 { | |
| width: 66.6667%; | |
| *width: 66.6357% | |
| } | |
| .pure-u-17-24 { | |
| width: 70.8333%; | |
| *width: 70.8023% | |
| } | |
| .pure-u-3-4, | |
| .pure-u-18-24 { | |
| width: 75%; | |
| *width: 74.9690% | |
| } | |
| .pure-u-19-24 { | |
| width: 79.1667%; | |
| *width: 79.1357% | |
| } | |
| .pure-u-4-5 { | |
| width: 80%; | |
| *width: 79.9690% | |
| } | |
| .pure-u-5-6, | |
| .pure-u-20-24 { | |
| width: 83.3333%; | |
| *width: 83.3023% | |
| } | |
| .pure-u-7-8, | |
| .pure-u-21-24 { | |
| width: 87.5000%; | |
| *width: 87.4690% | |
| } | |
| .pure-u-11-12, | |
| .pure-u-22-24 { | |
| width: 91.6667%; | |
| *width: 91.6357% | |
| } | |
| .pure-u-23-24 { | |
| width: 95.8333%; | |
| *width: 95.8023% | |
| } | |
| .pure-u-1, | |
| .pure-u-1-1, | |
| .pure-u-5-5, | |
| .pure-u-24-24 { | |
| width: 100% | |
| } | |
| @media all and (min-width: 640px) { | |
| .pure-u-sm-1, | |
| .pure-u-sm-1-1, | |
| .pure-u-sm-1-2, | |
| .pure-u-sm-1-3, | |
| .pure-u-sm-2-3, | |
| .pure-u-sm-1-4, | |
| .pure-u-sm-3-4, | |
| .pure-u-sm-1-5, | |
| .pure-u-sm-2-5, | |
| .pure-u-sm-3-5, | |
| .pure-u-sm-4-5, | |
| .pure-u-sm-5-5, | |
| .pure-u-sm-1-6, | |
| .pure-u-sm-5-6, | |
| .pure-u-sm-1-8, | |
| .pure-u-sm-3-8, | |
| .pure-u-sm-5-8, | |
| .pure-u-sm-7-8, | |
| .pure-u-sm-1-12, | |
| .pure-u-sm-5-12, | |
| .pure-u-sm-7-12, | |
| .pure-u-sm-11-12, | |
| .pure-u-sm-1-24, | |
| .pure-u-sm-2-24, | |
| .pure-u-sm-3-24, | |
| .pure-u-sm-4-24, | |
| .pure-u-sm-5-24, | |
| .pure-u-sm-6-24, | |
| .pure-u-sm-7-24, | |
| .pure-u-sm-8-24, | |
| .pure-u-sm-9-24, | |
| .pure-u-sm-10-24, | |
| .pure-u-sm-11-24, | |
| .pure-u-sm-12-24, | |
| .pure-u-sm-13-24, | |
| .pure-u-sm-14-24, | |
| .pure-u-sm-15-24, | |
| .pure-u-sm-16-24, | |
| .pure-u-sm-17-24, | |
| .pure-u-sm-18-24, | |
| .pure-u-sm-19-24, | |
| .pure-u-sm-20-24, | |
| .pure-u-sm-21-24, | |
| .pure-u-sm-22-24, | |
| .pure-u-sm-23-24, | |
| .pure-u-sm-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto | |
| } | |
| .pure-u-sm-1-24 { | |
| width: 4.16666666666667% | |
| } | |
| .pure-u-sm-1-12, | |
| .pure-u-sm-2-24 { | |
| width: 8.33333333333333% | |
| } | |
| .pure-u-sm-1-8, | |
| .pure-u-sm-3-24 { | |
| width: 12.50000000000000% | |
| } | |
| .pure-u-sm-1-6, | |
| .pure-u-sm-4-24 { | |
| width: 16.66666666666666% | |
| } | |
| .pure-u-sm-1-5 { | |
| width: 20% | |
| } | |
| .pure-u-sm-5-24 { | |
| width: 20.83333333333334% | |
| } | |
| .pure-u-sm-1-4, | |
| .pure-u-sm-6-24 { | |
| width: 25% | |
| } | |
| .pure-u-sm-7-24 { | |
| width: 29.16666666666667% | |
| } | |
| .pure-u-sm-1-3, | |
| .pure-u-sm-8-24 { | |
| width: 33.33333333333333% | |
| } | |
| .pure-u-sm-3-8, | |
| .pure-u-sm-9-24 { | |
| width: 37.50000000000000% | |
| } | |
| .pure-u-sm-2-5 { | |
| width: 40% | |
| } | |
| .pure-u-sm-5-12, | |
| .pure-u-sm-10-24 { | |
| width: 41.66666666666667% | |
| } | |
| .pure-u-sm-11-24 { | |
| width: 45.83333333333333% | |
| } | |
| .pure-u-sm-1-2, | |
| .pure-u-sm-12-24 { | |
| width: 50% | |
| } | |
| .pure-u-sm-13-24 { | |
| width: 54.16666666666666% | |
| } | |
| .pure-u-sm-7-12, | |
| .pure-u-sm-14-24 { | |
| width: 58.33333333333334% | |
| } | |
| .pure-u-sm-3-5 { | |
| width: 60% | |
| } | |
| .pure-u-sm-5-8, | |
| .pure-u-sm-15-24 { | |
| width: 62.50000000000000% | |
| } | |
| .pure-u-sm-2-3, | |
| .pure-u-sm-16-24 { | |
| width: 66.66666666666666% | |
| } | |
| .pure-u-sm-17-24 { | |
| width: 70.83333333333334% | |
| } | |
| .pure-u-sm-3-4, | |
| .pure-u-sm-18-24 { | |
| width: 75% | |
| } | |
| .pure-u-sm-19-24 { | |
| width: 79.16666666666666% | |
| } | |
| .pure-u-sm-4-5 { | |
| width: 80% | |
| } | |
| .pure-u-sm-5-6, | |
| .pure-u-sm-20-24 { | |
| width: 83.33333333333334% | |
| } | |
| .pure-u-sm-7-8, | |
| .pure-u-sm-21-24 { | |
| width: 87.50000000000000% | |
| } | |
| .pure-u-sm-11-12, | |
| .pure-u-sm-22-24 { | |
| width: 91.66666666666666% | |
| } | |
| .pure-u-sm-23-24 { | |
| width: 95.83333333333334% | |
| } | |
| .pure-u-sm-1, | |
| .pure-u-sm-1-1, | |
| .pure-u-sm-5-5, | |
| .pure-u-sm-24-24 { | |
| width: 100% | |
| } | |
| } | |
| @media all and (min-width: 960px) { | |
| .pure-u-md-1, | |
| .pure-u-md-1-1, | |
| .pure-u-md-1-2, | |
| .pure-u-md-1-3, | |
| .pure-u-md-2-3, | |
| .pure-u-md-1-4, | |
| .pure-u-md-3-4, | |
| .pure-u-md-1-5, | |
| .pure-u-md-2-5, | |
| .pure-u-md-3-5, | |
| .pure-u-md-4-5, | |
| .pure-u-md-5-5, | |
| .pure-u-md-1-6, | |
| .pure-u-md-5-6, | |
| .pure-u-md-1-8, | |
| .pure-u-md-3-8, | |
| .pure-u-md-5-8, | |
| .pure-u-md-7-8, | |
| .pure-u-md-1-12, | |
| .pure-u-md-5-12, | |
| .pure-u-md-7-12, | |
| .pure-u-md-11-12, | |
| .pure-u-md-1-24, | |
| .pure-u-md-2-24, | |
| .pure-u-md-3-24, | |
| .pure-u-md-4-24, | |
| .pure-u-md-5-24, | |
| .pure-u-md-6-24, | |
| .pure-u-md-7-24, | |
| .pure-u-md-8-24, | |
| .pure-u-md-9-24, | |
| .pure-u-md-10-24, | |
| .pure-u-md-11-24, | |
| .pure-u-md-12-24, | |
| .pure-u-md-13-24, | |
| .pure-u-md-14-24, | |
| .pure-u-md-15-24, | |
| .pure-u-md-16-24, | |
| .pure-u-md-17-24, | |
| .pure-u-md-18-24, | |
| .pure-u-md-19-24, | |
| .pure-u-md-20-24, | |
| .pure-u-md-21-24, | |
| .pure-u-md-22-24, | |
| .pure-u-md-23-24, | |
| .pure-u-md-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto | |
| } | |
| .pure-u-md-1-24 { | |
| width: 4.16666666666667% | |
| } | |
| .pure-u-md-1-12, | |
| .pure-u-md-2-24 { | |
| width: 8.33333333333333% | |
| } | |
| .pure-u-md-1-8, | |
| .pure-u-md-3-24 { | |
| width: 12.50000000000000% | |
| } | |
| .pure-u-md-1-6, | |
| .pure-u-md-4-24 { | |
| width: 16.66666666666666% | |
| } | |
| .pure-u-md-1-5 { | |
| width: 20% | |
| } | |
| .pure-u-md-5-24 { | |
| width: 20.83333333333334% | |
| } | |
| .pure-u-md-1-4, | |
| .pure-u-md-6-24 { | |
| width: 25% | |
| } | |
| .pure-u-md-7-24 { | |
| width: 29.16666666666667% | |
| } | |
| .pure-u-md-1-3, | |
| .pure-u-md-8-24 { | |
| width: 33.33333333333333% | |
| } | |
| .pure-u-md-3-8, | |
| .pure-u-md-9-24 { | |
| width: 37.50000000000000% | |
| } | |
| .pure-u-md-2-5 { | |
| width: 40% | |
| } | |
| .pure-u-md-5-12, | |
| .pure-u-md-10-24 { | |
| width: 41.66666666666667% | |
| } | |
| .pure-u-md-11-24 { | |
| width: 45.83333333333333% | |
| } | |
| .pure-u-md-1-2, | |
| .pure-u-md-12-24 { | |
| width: 50% | |
| } | |
| .pure-u-md-13-24 { | |
| width: 54.16666666666666% | |
| } | |
| .pure-u-md-7-12, | |
| .pure-u-md-14-24 { | |
| width: 58.33333333333334% | |
| } | |
| .pure-u-md-3-5 { | |
| width: 60% | |
| } | |
| .pure-u-md-5-8, | |
| .pure-u-md-15-24 { | |
| width: 62.50000000000000% | |
| } | |
| .pure-u-md-2-3, | |
| .pure-u-md-16-24 { | |
| width: 66.66666666666666% | |
| } | |
| .pure-u-md-17-24 { | |
| width: 70.83333333333334% | |
| } | |
| .pure-u-md-3-4, | |
| .pure-u-md-18-24 { | |
| width: 75% | |
| } | |
| .pure-u-md-19-24 { | |
| width: 79.16666666666666% | |
| } | |
| .pure-u-md-4-5 { | |
| width: 80% | |
| } | |
| .pure-u-md-5-6, | |
| .pure-u-md-20-24 { | |
| width: 83.33333333333334% | |
| } | |
| .pure-u-md-7-8, | |
| .pure-u-md-21-24 { | |
| width: 87.50000000000000% | |
| } | |
| .pure-u-md-11-12, | |
| .pure-u-md-22-24 { | |
| width: 91.66666666666666% | |
| } | |
| .pure-u-md-23-24 { | |
| width: 95.83333333333334% | |
| } | |
| .pure-u-md-1, | |
| .pure-u-md-1-1, | |
| .pure-u-md-5-5, | |
| .pure-u-md-24-24 { | |
| width: 100% | |
| } | |
| } | |
| @media all and (min-width: 1280px) { | |
| .pure-u-lg-1, | |
| .pure-u-lg-1-1, | |
| .pure-u-lg-1-2, | |
| .pure-u-lg-1-3, | |
| .pure-u-lg-2-3, | |
| .pure-u-lg-1-4, | |
| .pure-u-lg-3-4, | |
| .pure-u-lg-1-5, | |
| .pure-u-lg-2-5, | |
| .pure-u-lg-3-5, | |
| .pure-u-lg-4-5, | |
| .pure-u-lg-5-5, | |
| .pure-u-lg-1-6, | |
| .pure-u-lg-5-6, | |
| .pure-u-lg-1-8, | |
| .pure-u-lg-3-8, | |
| .pure-u-lg-5-8, | |
| .pure-u-lg-7-8, | |
| .pure-u-lg-1-12, | |
| .pure-u-lg-5-12, | |
| .pure-u-lg-7-12, | |
| .pure-u-lg-11-12, | |
| .pure-u-lg-1-24, | |
| .pure-u-lg-2-24, | |
| .pure-u-lg-3-24, | |
| .pure-u-lg-4-24, | |
| .pure-u-lg-5-24, | |
| .pure-u-lg-6-24, | |
| .pure-u-lg-7-24, | |
| .pure-u-lg-8-24, | |
| .pure-u-lg-9-24, | |
| .pure-u-lg-10-24, | |
| .pure-u-lg-11-24, | |
| .pure-u-lg-12-24, | |
| .pure-u-lg-13-24, | |
| .pure-u-lg-14-24, | |
| .pure-u-lg-15-24, | |
| .pure-u-lg-16-24, | |
| .pure-u-lg-17-24, | |
| .pure-u-lg-18-24, | |
| .pure-u-lg-19-24, | |
| .pure-u-lg-20-24, | |
| .pure-u-lg-21-24, | |
| .pure-u-lg-22-24, | |
| .pure-u-lg-23-24, | |
| .pure-u-lg-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto | |
| } | |
| .pure-u-lg-1-24 { | |
| width: 4.16666666666667% | |
| } | |
| .pure-u-lg-1-12, | |
| .pure-u-lg-2-24 { | |
| width: 8.33333333333333% | |
| } | |
| .pure-u-lg-1-8, | |
| .pure-u-lg-3-24 { | |
| width: 12.50000000000000% | |
| } | |
| .pure-u-lg-1-6, | |
| .pure-u-lg-4-24 { | |
| width: 16.66666666666666% | |
| } | |
| .pure-u-lg-1-5 { | |
| width: 20% | |
| } | |
| .pure-u-lg-5-24 { | |
| width: 20.83333333333334% | |
| } | |
| .pure-u-lg-1-4, | |
| .pure-u-lg-6-24 { | |
| width: 25% | |
| } | |
| .pure-u-lg-7-24 { | |
| width: 29.16666666666667% | |
| } | |
| .pure-u-lg-1-3, | |
| .pure-u-lg-8-24 { | |
| width: 33.33333333333333% | |
| } | |
| .pure-u-lg-3-8, | |
| .pure-u-lg-9-24 { | |
| width: 37.50000000000000% | |
| } | |
| .pure-u-lg-2-5 { | |
| width: 40% | |
| } | |
| .pure-u-lg-5-12, | |
| .pure-u-lg-10-24 { | |
| width: 41.66666666666667% | |
| } | |
| .pure-u-lg-11-24 { | |
| width: 45.83333333333333% | |
| } | |
| .pure-u-lg-1-2, | |
| .pure-u-lg-12-24 { | |
| width: 50% | |
| } | |
| .pure-u-lg-13-24 { | |
| width: 54.16666666666666% | |
| } | |
| .pure-u-lg-7-12, | |
| .pure-u-lg-14-24 { | |
| width: 58.33333333333334% | |
| } | |
| .pure-u-lg-3-5 { | |
| width: 60% | |
| } | |
| .pure-u-lg-5-8, | |
| .pure-u-lg-15-24 { | |
| width: 62.50000000000000% | |
| } | |
| .pure-u-lg-2-3, | |
| .pure-u-lg-16-24 { | |
| width: 66.66666666666666% | |
| } | |
| .pure-u-lg-17-24 { | |
| width: 70.83333333333334% | |
| } | |
| .pure-u-lg-3-4, | |
| .pure-u-lg-18-24 { | |
| width: 75% | |
| } | |
| .pure-u-lg-19-24 { | |
| width: 79.16666666666666% | |
| } | |
| .pure-u-lg-4-5 { | |
| width: 80% | |
| } | |
| .pure-u-lg-5-6, | |
| .pure-u-lg-20-24 { | |
| width: 83.33333333333334% | |
| } | |
| .pure-u-lg-7-8, | |
| .pure-u-lg-21-24 { | |
| width: 87.50000000000000% | |
| } | |
| .pure-u-lg-11-12, | |
| .pure-u-lg-22-24 { | |
| width: 91.66666666666666% | |
| } | |
| .pure-u-lg-23-24 { | |
| width: 95.83333333333334% | |
| } | |
| .pure-u-lg-1, | |
| .pure-u-lg-1-1, | |
| .pure-u-lg-5-5, | |
| .pure-u-lg-24-24 { | |
| width: 100% | |
| } | |
| } | |
| @media all and (min-width: 1600px) { | |
| .pure-u-xl-1, | |
| .pure-u-xl-1-1, | |
| .pure-u-xl-1-2, | |
| .pure-u-xl-1-3, | |
| .pure-u-xl-2-3, | |
| .pure-u-xl-1-4, | |
| .pure-u-xl-3-4, | |
| .pure-u-xl-1-5, | |
| .pure-u-xl-2-5, | |
| .pure-u-xl-3-5, | |
| .pure-u-xl-4-5, | |
| .pure-u-xl-5-5, | |
| .pure-u-xl-1-6, | |
| .pure-u-xl-5-6, | |
| .pure-u-xl-1-8, | |
| .pure-u-xl-3-8, | |
| .pure-u-xl-5-8, | |
| .pure-u-xl-7-8, | |
| .pure-u-xl-1-12, | |
| .pure-u-xl-5-12, | |
| .pure-u-xl-7-12, | |
| .pure-u-xl-11-12, | |
| .pure-u-xl-1-24, | |
| .pure-u-xl-2-24, | |
| .pure-u-xl-3-24, | |
| .pure-u-xl-4-24, | |
| .pure-u-xl-5-24, | |
| .pure-u-xl-6-24, | |
| .pure-u-xl-7-24, | |
| .pure-u-xl-8-24, | |
| .pure-u-xl-9-24, | |
| .pure-u-xl-10-24, | |
| .pure-u-xl-11-24, | |
| .pure-u-xl-12-24, | |
| .pure-u-xl-13-24, | |
| .pure-u-xl-14-24, | |
| .pure-u-xl-15-24, | |
| .pure-u-xl-16-24, | |
| .pure-u-xl-17-24, | |
| .pure-u-xl-18-24, | |
| .pure-u-xl-19-24, | |
| .pure-u-xl-20-24, | |
| .pure-u-xl-21-24, | |
| .pure-u-xl-22-24, | |
| .pure-u-xl-23-24, | |
| .pure-u-xl-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto | |
| } | |
| .pure-u-xl-1-24 { | |
| width: 4.16666666666667% | |
| } | |
| .pure-u-xl-1-12, | |
| .pure-u-xl-2-24 { | |
| width: 8.33333333333333% | |
| } | |
| .pure-u-xl-1-8, | |
| .pure-u-xl-3-24 { | |
| width: 12.50000000000000% | |
| } | |
| .pure-u-xl-1-6, | |
| .pure-u-xl-4-24 { | |
| width: 16.66666666666666% | |
| } | |
| .pure-u-xl-1-5 { | |
| width: 20% | |
| } | |
| .pure-u-xl-5-24 { | |
| width: 20.83333333333334% | |
| } | |
| .pure-u-xl-1-4, | |
| .pure-u-xl-6-24 { | |
| width: 25% | |
| } | |
| .pure-u-xl-7-24 { | |
| width: 29.16666666666667% | |
| } | |
| .pure-u-xl-1-3, | |
| .pure-u-xl-8-24 { | |
| width: 33.33333333333333% | |
| } | |
| .pure-u-xl-3-8, | |
| .pure-u-xl-9-24 { | |
| width: 37.50000000000000% | |
| } | |
| .pure-u-xl-2-5 { | |
| width: 40% | |
| } | |
| .pure-u-xl-5-12, | |
| .pure-u-xl-10-24 { | |
| width: 41.66666666666667% | |
| } | |
| .pure-u-xl-11-24 { | |
| width: 45.83333333333333% | |
| } | |
| .pure-u-xl-1-2, | |
| .pure-u-xl-12-24 { | |
| width: 50% | |
| } | |
| .pure-u-xl-13-24 { | |
| width: 54.16666666666666% | |
| } | |
| .pure-u-xl-7-12, | |
| .pure-u-xl-14-24 { | |
| width: 58.33333333333334% | |
| } | |
| .pure-u-xl-3-5 { | |
| width: 60% | |
| } | |
| .pure-u-xl-5-8, | |
| .pure-u-xl-15-24 { | |
| width: 62.50000000000000% | |
| } | |
| .pure-u-xl-2-3, | |
| .pure-u-xl-16-24 { | |
| width: 66.66666666666666% | |
| } | |
| .pure-u-xl-17-24 { | |
| width: 70.83333333333334% | |
| } | |
| .pure-u-xl-3-4, | |
| .pure-u-xl-18-24 { | |
| width: 75% | |
| } | |
| .pure-u-xl-19-24 { | |
| width: 79.16666666666666% | |
| } | |
| .pure-u-xl-4-5 { | |
| width: 80% | |
| } | |
| .pure-u-xl-5-6, | |
| .pure-u-xl-20-24 { | |
| width: 83.33333333333334% | |
| } | |
| .pure-u-xl-7-8, | |
| .pure-u-xl-21-24 { | |
| width: 87.50000000000000% | |
| } | |
| .pure-u-xl-11-12, | |
| .pure-u-xl-22-24 { | |
| width: 91.66666666666666% | |
| } | |
| .pure-u-xl-23-24 { | |
| width: 95.83333333333334% | |
| } | |
| .pure-u-xl-1, | |
| .pure-u-xl-1-1, | |
| .pure-u-xl-5-5, | |
| .pure-u-xl-24-24 { | |
| width: 100% | |
| } | |
| } | |
| .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 | |
| } | |
| [data-icon]:before { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: inherit; | |
| content: attr(data-icon); | |
| speak: none | |
| } | |
| .scroll { | |
| width: 100%; | |
| margin: 10px 0; | |
| 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 1px 3px #000, 0 1px 3px #000, 0 1px 3px #000, 0 1px 3px #000; | |
| text-align: center; | |
| color: #fff; | |
| position: absolute; | |
| z-index: 100; | |
| width: 100%; | |
| top: 10px; | |
| 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" | |
| } | |
| *, | |
| *::before, | |
| *::after { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box | |
| } | |
| html, | |
| body { | |
| overflow-x: hidden | |
| } | |
| html { | |
| height: 100%; | |
| overflow-y: scroll; | |
| -webkit-tap-highlight-color: transparent; | |
| position: relative | |
| } | |
| body { | |
| font-size: 14px; | |
| line-height: 20px; | |
| font-family: Arial, sans-serif; | |
| color: #000; | |
| background: #000; | |
| min-height: 100%; | |
| text-rendering: optimizeLegibility | |
| } | |
| p.excerpt { | |
| margin-top: 5px | |
| } | |
| a, | |
| a:visited { | |
| color: #ca4700; | |
| text-decoration: none | |
| } | |
| .no-touch a:visited:hover, | |
| a:focus, | |
| .no-touch a:focus:hover, | |
| .no-touch a:hover, | |
| a:active { | |
| color: #ff7931 | |
| } | |
| ::-moz-selection { | |
| background: rgba(202, 71, 0, 0.55); | |
| text-shadow: none | |
| } | |
| ::selection { | |
| background: rgba(202, 71, 0, 0.55); | |
| text-shadow: none | |
| } | |
| hr { | |
| border: 0; | |
| border-top: 4px solid #eee; | |
| height: 0; | |
| margin: 50px 0; | |
| 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: 1px; | |
| border-color: #ccc; | |
| margin: 25px 0 | |
| } | |
| blockquote { | |
| font-family: Cambria, Georgia, serif; | |
| font-size: 18px; | |
| font-style: italic; | |
| line-height: 22px; | |
| letter-spacing: .05em; | |
| word-spacing: .15em; | |
| margin: 50px 0 0 40px; | |
| padding: 0; | |
| position: relative | |
| } | |
| blockquote p { | |
| font-size: inherit; | |
| line-height: inherit; | |
| margin: 10px 0 | |
| } | |
| 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 | |
| } | |
| blockquote::before, | |
| blockquote::after { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 60px; | |
| color: rgba(0, 0, 0, 0.1); | |
| line-height: 1; | |
| position: absolute | |
| } | |
| blockquote::before { | |
| top: -25px; | |
| left: -40px; | |
| content: "\f10d" | |
| } | |
| 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 | |
| } | |
| 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: 25px 0; | |
| 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 | |
| } | |
| 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: #0083ca | |
| } | |
| .no-touch h1 a:visited:hover, | |
| h1 a:focus, | |
| .no-touch h1 a:focus:hover, | |
| .no-touch h1 a:hover, | |
| h1 a:active, | |
| .no-touch h2 a:visited:hover, | |
| h2 a:focus, | |
| .no-touch h2 a:focus:hover, | |
| .no-touch h2 a:hover, | |
| h2 a:active, | |
| .no-touch h3 a:visited:hover, | |
| h3 a:focus, | |
| .no-touch h3 a:focus:hover, | |
| .no-touch h3 a:hover, | |
| h3 a:active, | |
| .no-touch h4 a:visited:hover, | |
| h4 a:focus, | |
| .no-touch h4 a:focus:hover, | |
| .no-touch h4 a:hover, | |
| h4 a:active, | |
| .no-touch h5 a:visited:hover, | |
| h5 a:focus, | |
| .no-touch h5 a:focus:hover, | |
| .no-touch h5 a:hover, | |
| h5 a:active, | |
| .no-touch h6 a:visited:hover, | |
| h6 a:focus, | |
| .no-touch h6 a:focus:hover, | |
| .no-touch h6 a:hover, | |
| h6 a:active { | |
| color: #31b7ff; | |
| text-decoration: none | |
| } | |
| .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 | |
| } | |
| .mast { | |
| font-family: "BentonSansCond Regular", Arial, sans-serif; | |
| font-style: normal; | |
| font-weight: bold; | |
| color: #333; | |
| margin: 10px 0; | |
| padding: 0 | |
| } | |
| .mast a, | |
| .mast a:visited, | |
| .no-touch .mast a:visited:hover, | |
| .mast a:focus, | |
| .no-touch .mast a:focus:hover, | |
| .no-touch .mast a:hover, | |
| .mast a:active { | |
| color: #000 | |
| } | |
| .head { | |
| font-family: "BentonSansCond Regular", Arial, sans-serif; | |
| font-style: normal; | |
| font-weight: bold; | |
| font-size: 20px; | |
| line-height: 22px; | |
| letter-spacing: .05em; | |
| text-transform: uppercase; | |
| color: #999; | |
| margin: 10px 0 5px; | |
| margin: 10px 0; | |
| padding: 5px 0 | |
| } | |
| .head a, | |
| .head a:visited { | |
| color: #999 | |
| } | |
| .no-touch .head a:visited:hover, | |
| .head a:focus, | |
| .no-touch .head a:focus:hover, | |
| .no-touch .head a:hover, | |
| .head a:active { | |
| color: #666 | |
| } | |
| ul, | |
| ol, | |
| dl { | |
| margin: 25px 0 | |
| } | |
| ul, | |
| ol { | |
| padding: 0 0 0 40px | |
| } | |
| 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; | |
| padding: 0 0 0 10px | |
| } | |
| dl>:first-child { | |
| margin-top: 0 !important | |
| } | |
| dl>:last-child { | |
| margin-bottom: 0 !important | |
| } | |
| .pager>li:first-child a::before, | |
| .pager>li:last-child a::after { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 0; | |
| position: relative; | |
| text-decoration: inherit | |
| } | |
| .pager { | |
| text-align: center; | |
| color: #888; | |
| margin: 20px auto; | |
| padding: 0 | |
| } | |
| .pager>li { | |
| font-size: 12px; | |
| 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; | |
| 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: 3px 0 0 3px | |
| } | |
| .pager>li:first-child a::before { | |
| content: "\f177\00a0" | |
| } | |
| .pager>li:last-child a, | |
| .pager>li:last-child span { | |
| border-radius: 0 3px 3px 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 | |
| } | |
| .no-touch .pager a:visited:hover, | |
| .pager a:focus, | |
| .no-touch .pager a:focus:hover, | |
| .no-touch .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 | |
| } | |
| .table { | |
| font-size: 14px; | |
| line-height: 16px; | |
| empty-cells: hide; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| margin: 25px 0; | |
| 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: 25px 0; | |
| 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 | |
| } | |
| .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: #ca4700 | |
| } | |
| .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: 25px 0; | |
| 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: 25px 0 | |
| } | |
| .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-file { | |
| margin: 25px 0 | |
| } | |
| figure { | |
| margin: 25px 0 | |
| } | |
| figure img { | |
| margin: 0; | |
| display: block; | |
| vertical-align: top | |
| } | |
| figcaption { | |
| font-size: 14px; | |
| line-height: 18px; | |
| letter-spacing: .05em; | |
| color: #ccc; | |
| background: #222; | |
| padding: 10px 15px; | |
| display: block | |
| } | |
| .js figcaption { | |
| display: none | |
| } | |
| figcaption p { | |
| font-size: inherit; | |
| line-height: inherit; | |
| margin: 10px 0 | |
| } | |
| figcaption p:first-of-type { | |
| margin-top: 0 !important | |
| } | |
| figcaption p:last-of-type { | |
| margin-bottom: 0 !important | |
| } | |
| 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: 25px 0 | |
| } | |
| .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-rendered, | |
| .twitter-timeline { | |
| width: 100% !important; | |
| max-width: none !important | |
| } | |
| .loading { | |
| background: url(../images/loader2.gif) no-repeat center 10px; | |
| background-size: 32px 10px; | |
| min-height: 30px | |
| } | |
| .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; | |
| font-size: 18px; | |
| line-height: 20px; | |
| color: #004164; | |
| width: 100%; | |
| background-color: #0083ca; | |
| border: none transparent; | |
| box-shadow: none; | |
| border-radius: 3px; | |
| margin: 10px 0; | |
| 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: #caecff; | |
| 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 | |
| } | |
| @media all and (min-width: 640px) { | |
| .button, | |
| .form button, | |
| .form input[type="button"], | |
| .form input[type="reset"], | |
| .form input[type="submit"] { | |
| display: inline-block; | |
| max-width: 200px | |
| } | |
| } | |
| a.social.fa-lg { | |
| font-size: 1.3875em | |
| } | |
| a.social, | |
| a.social:visited { | |
| color: #999 | |
| } | |
| .no-touch a.social:visited:hover, | |
| a.social:focus, | |
| .no-touch a.social:focus:hover, | |
| .no-touch a.social:hover, | |
| a.social:active { | |
| color: #666; | |
| text-decoration: none | |
| } | |
| a.social:active, | |
| a.social:focus { | |
| outline: none | |
| } | |
| a.social-twitter, | |
| a.social-twitter:visited, | |
| .no-touch a.social-twitter:visited:hover, | |
| a.social-twitter:focus, | |
| .no-touch a.social-twitter:focus:hover, | |
| .no-touch a.social-twitter:hover, | |
| a.social-twitter:active { | |
| color: #41b7d8 | |
| } | |
| a.social-facebook, | |
| a.social-facebook:visited, | |
| .no-touch a.social-facebook:visited:hover, | |
| a.social-facebook:focus, | |
| .no-touch a.social-facebook:focus:hover, | |
| .no-touch a.social-facebook:hover, | |
| a.social-facebook:active { | |
| color: #3b5997 | |
| } | |
| a.social-google-plus, | |
| a.social-google-plus:visited, | |
| .no-touch a.social-google-plus:visited:hover, | |
| a.social-google-plus:focus, | |
| .no-touch a.social-google-plus:focus:hover, | |
| .no-touch a.social-google-plus:hover, | |
| a.social-google-plus:active { | |
| color: #d64937 | |
| } | |
| a.social-linkedin, | |
| a.social-linkedin:visited, | |
| .no-touch a.social-linkedin:visited:hover, | |
| a.social-linkedin:focus, | |
| .no-touch a.social-linkedin:focus:hover, | |
| .no-touch a.social-linkedin:hover, | |
| a.social-linkedin:active { | |
| color: #0073b2 | |
| } | |
| a.social-pinterest, | |
| a.social-pinterest:visited, | |
| .no-touch a.social-pinterest:visited:hover, | |
| a.social-pinterest:focus, | |
| .no-touch a.social-pinterest:focus:hover, | |
| .no-touch a.social-pinterest:hover, | |
| a.social-pinterest:active { | |
| color: #cb2027 | |
| } | |
| a.social-vk, | |
| a.social-vk:visited, | |
| .no-touch a.social-vk:visited:hover, | |
| a.social-vk:focus, | |
| .no-touch a.social-vk:focus:hover, | |
| .no-touch a.social-vk:hover, | |
| a.social-vk:active { | |
| color: #54769b | |
| } | |
| a.social-xing, | |
| a.social-xing:visited, | |
| .no-touch a.social-xing:visited:hover, | |
| a.social-xing:focus, | |
| .no-touch a.social-xing:focus:hover, | |
| .no-touch a.social-xing:hover, | |
| a.social-xing:active { | |
| color: #006567 | |
| } | |
| a.social-tumblr, | |
| a.social-tumblr:visited, | |
| .no-touch a.social-tumblr:visited:hover, | |
| a.social-tumblr:focus, | |
| .no-touch a.social-tumblr:focus:hover, | |
| .no-touch a.social-tumblr:hover, | |
| a.social-tumblr:active { | |
| color: #34465d | |
| } | |
| .base { | |
| background-color: #fff; | |
| margin-top: -1px; | |
| margin-bottom: -1px; | |
| padding: 1px 0 | |
| } | |
| .wrap { | |
| padding-right: 25px; | |
| padding-left: 25px | |
| } | |
| @media all and (min-width: 640px) { | |
| .wrap { | |
| padding-right: 50px; | |
| padding-left: 50px | |
| } | |
| } | |
| .core { | |
| max-width: 1600px; | |
| margin: 0 auto | |
| } | |
| .pure-g [class*="pure-u"] { | |
| font-family: Arial, sans-serif | |
| } | |
| .pure-g>:first-child { | |
| padding-top: 0 | |
| } | |
| .pure-g>:last-child { | |
| padding-bottom: 0 | |
| } | |
| .pure-g.pure-pad [class*="pure-u"] { | |
| padding: 10px 0 | |
| } | |
| @media all and (min-width: 960px) { | |
| .pure-g.pure-pad [class*="pure-u"] { | |
| padding: 0 20px | |
| } | |
| .pure-g.pure-pad>:first-child { | |
| padding-left: 0 | |
| } | |
| .pure-g.pure-pad>:last-child { | |
| padding-right: 0 | |
| } | |
| } | |
| #header { | |
| background-color: #000; | |
| margin-top: -40px | |
| } | |
| #header #slideshow { | |
| background: url(../images/loader1.gif) no-repeat center center; | |
| background-size: 40px | |
| } | |
| #header #masthead>div { | |
| position: relative; | |
| padding: 25px 0 | |
| } | |
| #header #masthead>div .sharing { | |
| text-align: center; | |
| margin-top: 15px | |
| } | |
| @media all and (min-width: 960px) { | |
| #header #masthead>div { | |
| -webkit-transform-style: preserve-3d; | |
| -moz-transform-style: preserve-3d; | |
| -ms-transform-style: preserve-3d; | |
| -o-transform-style: preserve-3d; | |
| transform-style: preserve-3d | |
| } | |
| #header #masthead>div h1 { | |
| position: absolute; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -moz-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| -o-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| #header #masthead>div .sharing { | |
| margin: 0; | |
| position: absolute; | |
| top: 25px; | |
| right: 0 | |
| } | |
| } | |
| #header #masthead>div h2, | |
| #header #masthead>div h3 { | |
| text-align: center; | |
| margin: 0 | |
| } | |
| @media all and (min-width: 960px) { | |
| #header #masthead>div h2, | |
| #header #masthead>div h3 { | |
| text-align: left; | |
| margin-left: 165px | |
| } | |
| } | |
| #header #masthead>div h2 { | |
| font-family: "MillerHeadline Bold"; | |
| font-weight: bold; | |
| font-style: normal; | |
| font-size: 70px; | |
| line-height: 60px; | |
| letter-spacing: normal; | |
| color: #eee; | |
| margin-bottom: 5px | |
| } | |
| #header #masthead>div h2 .char1 { | |
| margin-left: 0 | |
| } | |
| #header #masthead>div h2 .char2 { | |
| margin-left: 6px | |
| } | |
| #header #masthead>div h2 .char3 { | |
| margin-left: 2px | |
| } | |
| #header #masthead>div h2 .char4 { | |
| margin-left: 4px | |
| } | |
| #header #masthead>div h2 .char5 { | |
| margin-left: 4px | |
| } | |
| #header #masthead>div h2 .char6 { | |
| margin-left: 4px | |
| } | |
| #header #masthead>div h2 .char7 { | |
| margin-left: 2px | |
| } | |
| #header #masthead>div h2 .char8 { | |
| margin-left: 1px | |
| } | |
| #header #masthead>div h2 .char9 { | |
| margin-left: 0 | |
| } | |
| #header #masthead>div h2 .char10 { | |
| margin-left: 0 | |
| } | |
| #header #masthead>div h2 .char11 { | |
| margin-left: 4px | |
| } | |
| #header #masthead>div h2 .char12 { | |
| margin-left: 0 | |
| } | |
| #header #masthead>div h2 .char13 { | |
| margin-left: 2px | |
| } | |
| @media all and (min-width: 960px) { | |
| #header #masthead>div h2 { | |
| font-size: 90px; | |
| line-height: 75px | |
| } | |
| #header #masthead>div h2 .char1 { | |
| margin-left: 0 | |
| } | |
| #header #masthead>div h2 .char2 { | |
| margin-left: 5px | |
| } | |
| #header #masthead>div h2 .char3 { | |
| margin-left: 0px | |
| } | |
| #header #masthead>div h2 .char4 { | |
| margin-left: 3px | |
| } | |
| #header #masthead>div h2 .char5 { | |
| margin-left: 3px | |
| } | |
| #header #masthead>div h2 .char6 { | |
| margin-left: 6px | |
| } | |
| #header #masthead>div h2 .char7 { | |
| margin-left: 0px | |
| } | |
| #header #masthead>div h2 .char8 { | |
| margin-left: -1px | |
| } | |
| #header #masthead>div h2 .char9 { | |
| margin-left: 0 | |
| } | |
| #header #masthead>div h2 .char10 { | |
| margin-left: 0 | |
| } | |
| #header #masthead>div h2 .char11 { | |
| margin-left: 3px | |
| } | |
| #header #masthead>div h2 .char12 { | |
| margin-left: -2px | |
| } | |
| #header #masthead>div h2 .char13 { | |
| margin-left: -0px | |
| } | |
| } | |
| #header #masthead>div h3 { | |
| font-family: "MillerHeadline Light"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 20px; | |
| line-height: 25px; | |
| letter-spacing: .15em; | |
| color: #ccc; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-feature-settings: "kern"; | |
| -moz-font-feature-settings: "kern"; | |
| -moz-font-feature-settings: "kern=1"; | |
| font-feature-settings: "kern" | |
| } | |
| @media all and (min-width: 960px) { | |
| #header #masthead>div h3 { | |
| font-size: 30px; | |
| line-height: 30px; | |
| letter-spacing: .075em | |
| } | |
| } | |
| footer[role="contentinfo"] { | |
| margin: 25px 0 50px; | |
| text-align: center | |
| } | |
| footer[role="contentinfo"] p { | |
| font: 11px/24px Arial, sans-serif; | |
| text-transform: uppercase; | |
| letter-spacing: .1em; | |
| color: #666; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| footer[role="contentinfo"] span { | |
| display: block | |
| } | |
| footer[role="contentinfo"] span span { | |
| display: none | |
| } | |
| footer[role="contentinfo"] a { | |
| color: #999; | |
| text-decoration: none | |
| } | |
| footer[role="contentinfo"] a:visited { | |
| color: #999 | |
| } | |
| footer[role="contentinfo"] .no-touch a:visited:hover, | |
| footer[role="contentinfo"] a:focus, | |
| footer[role="contentinfo"] .no-touch a:focus:hover, | |
| footer[role="contentinfo"] .no-touch a:hover, | |
| footer[role="contentinfo"] a:active { | |
| color: #000; | |
| text-decoration: underline | |
| } | |
| @media all and (min-width: 640px) { | |
| footer[role="contentinfo"] span, | |
| footer[role="contentinfo"] span span { | |
| display: inline | |
| } | |
| } | |
| nav[role="navigation"] { | |
| padding: 10px 0; | |
| background: #000 | |
| } | |
| nav[role="navigation"] ul, | |
| nav[role="navigation"] ul li { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| nav[role="navigation"] ul li { | |
| font-size: 16px; | |
| line-height: 18px; | |
| letter-spacing: .1em; | |
| list-style: none; | |
| display: inline-block; | |
| text-shadow: 0 1px 1px #000 | |
| } | |
| nav[role="navigation"] ul a { | |
| display: block; | |
| background-size: 100% 200%; | |
| background-image: linear-gradient(to bottom, transparent 50%, #000 50%); | |
| padding: 10px 15px; | |
| -webkit-transition: background-position 150ms ease-in, color 200ms linear; | |
| -moz-transition: background-position 150ms ease-in, color 200ms linear; | |
| -ms-transition: background-position 150ms ease-in, color 200ms linear; | |
| -o-transition: background-position 150ms ease-in, color 200ms linear; | |
| transition: background-position 150ms ease-in, color 200ms linear; | |
| -webkit-transform-style: preserve-3d; | |
| -moz-transform-style: preserve-3d; | |
| -ms-transform-style: preserve-3d; | |
| -o-transform-style: preserve-3d; | |
| transform-style: preserve-3d | |
| } | |
| nav[role="navigation"] ul a, | |
| nav[role="navigation"] ul a:visited { | |
| color: #ccc; | |
| text-decoration: none | |
| } | |
| .no-touch nav[role="navigation"] ul a:visited:hover, | |
| nav[role="navigation"] ul a:focus, | |
| .no-touch nav[role="navigation"] ul a:focus:hover, | |
| .no-touch nav[role="navigation"] ul a:hover, | |
| nav[role="navigation"] ul a:active { | |
| color: #31b7ff; | |
| background-position: 0 -100% | |
| } | |
| .js nav[role="navigation"] ul { | |
| display: none; | |
| visibility: hidden | |
| } | |
| @media all and (min-width: 960px) { | |
| .js nav[role="navigation"] ul { | |
| display: block; | |
| visibility: visible | |
| } | |
| } | |
| nav[role="navigation"] .harmonia-select { | |
| font-size: 16px; | |
| width: 100%; | |
| max-width: 300px; | |
| margin: 0 auto; | |
| display: block; | |
| padding: 0 | |
| } | |
| @media all and (min-width: 960px) { | |
| nav[role="navigation"] { | |
| background: #222; | |
| background-image: linear-gradient(to bottom, #222 0, #333 100%); | |
| padding: 0 | |
| } | |
| nav[role="navigation"] .harmonia-select { | |
| display: none; | |
| visibility: hidden | |
| } | |
| } | |
| #flag { | |
| margin: 0 0 25px; | |
| padding: 0; | |
| -webkit-touch-callout: none; | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-tap-highlight-color: transparent; | |
| text-indent: -999em; | |
| white-space: nowrap; | |
| width: 200px; | |
| height: 148px; | |
| margin: 0 auto 20px; | |
| overflow: hidden | |
| } | |
| #flag a { | |
| width: 100%; | |
| height: 100%; | |
| background-image: url(../images/flag.png); | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| display: block | |
| } | |
| #flag a:active, | |
| #flag a:focus { | |
| outline: none | |
| } | |
| @media all and (min-width: 960px) { | |
| #flag { | |
| width: 150px; | |
| height: 111px; | |
| margin: 0 | |
| } | |
| } | |
| [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 | |
| } | |
| #results { | |
| position: relative | |
| } | |
| .legend { | |
| font-size: 16px; | |
| line-height: 20px; | |
| position: absolute; | |
| top: 0; | |
| right: 0 | |
| } | |
| .key-info { | |
| color: #ca4700 | |
| } | |
| .key-incumbent { | |
| color: #000 | |
| } | |
| .key-affilition { | |
| font-size: 14px; | |
| line-height: inherit; | |
| color: #888; | |
| letter-spacing: .1em | |
| } | |
| .poll { | |
| font-family: arial, sans-serif; | |
| color: #333; | |
| border: 1px solid #ccc; | |
| background: #eee; | |
| box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); | |
| margin: 0 0 25px; | |
| padding: 0; | |
| position: relative; | |
| display: none; | |
| -webkit-transition: box-shadow .4s; | |
| -moz-transition: box-shadow .4s; | |
| -o-transition: box-shadow .4s; | |
| transition: box-shadow .4s | |
| } | |
| .poll .poll-spinner { | |
| background: url(../images/loading.gif) no-repeat; | |
| width: 20px; | |
| height: 20px; | |
| background-size: cover; | |
| position: absolute; | |
| top: 5px; | |
| right: 5px; | |
| z-index: 10; | |
| display: none | |
| } | |
| .poll .poll-head { | |
| font-size: 14px; | |
| line-height: 25px; | |
| letter-spacing: .05em; | |
| text-transform: uppercase; | |
| margin: 0; | |
| padding: 5px 10px; | |
| background: #ddd; | |
| color: #333; | |
| -webkit-transform-style: preserve-3d; | |
| -moz-transform-style: preserve-3d; | |
| -ms-transform-style: preserve-3d; | |
| -o-transform-style: preserve-3d; | |
| transform-style: preserve-3d | |
| } | |
| .poll .poll-head.poll-click { | |
| cursor: pointer; | |
| cursor: hand; | |
| -webkit-transition: background .5s; | |
| -moz-transition: background .5s; | |
| -ms-transition: background .5s; | |
| -o-transition: background .5s; | |
| transition: background .5s | |
| } | |
| .no-touch .poll .poll-head.poll-click:hover { | |
| background: #ccc | |
| } | |
| .poll .poll-head i { | |
| font-size: 18px; | |
| position: absolute; | |
| right: 10px; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -moz-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| -o-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| .poll .poll-info { | |
| font-size: 14px; | |
| line-height: 18px; | |
| letter-spacing: .08em; | |
| color: #bbb; | |
| background: #333; | |
| padding: 10px; | |
| display: none | |
| } | |
| .poll .poll-content { | |
| padding: 10px 15px 15px | |
| } | |
| .poll .poll-content:first-child { | |
| margin-top: 0 | |
| } | |
| .poll .poll-content:last-child { | |
| margin-bottom: 0 | |
| } | |
| .poll .poll-grid { | |
| margin: 5px 0 | |
| } | |
| .poll .poll-grid::after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .poll .poll-grid .poll-grid-secondary { | |
| position: absolute; | |
| top: 0; | |
| right: 0 | |
| } | |
| .poll .poll-grid .poll-grid-tertiary { | |
| width: 50px; | |
| float: left | |
| } | |
| .poll .poll-grid .poll-grid-tertiary+.poll-grid-primary { | |
| margin-left: 60px | |
| } | |
| @media all and (min-width: 640px) { | |
| .poll .poll-grid .poll-grid-secondary { | |
| position: static; | |
| width: 90px; | |
| float: right | |
| } | |
| .poll .poll-grid .poll-grid-primary { | |
| margin-right: 100px | |
| } | |
| } | |
| .poll .poll-bar { | |
| margin: 15px 0; | |
| position: relative | |
| } | |
| .poll .poll-bar .poll-bar-wrap { | |
| border-radius: 3px; | |
| background: #eee; | |
| background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.1) 100%); | |
| box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.35); | |
| position: relative | |
| } | |
| .poll .poll-bar .poll-bar-wrap.poll-bar-up::before, | |
| .poll .poll-bar .poll-bar-wrap.poll-bar-down::before { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 20px; | |
| line-height: 30px; | |
| background: rgba(0, 0, 0, 0.75); | |
| padding: 0 5px; | |
| border-radius: 3px 0 0 3px; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 100 | |
| } | |
| .poll .poll-bar .poll-bar-wrap.poll-bar-up::before { | |
| color: #86be27; | |
| content: "\f062" | |
| } | |
| .poll .poll-bar .poll-bar-wrap.poll-bar-down::before { | |
| color: #ed0000; | |
| content: "\f063" | |
| } | |
| .poll .poll-bar .poll-bar-votes { | |
| line-height: 30px; | |
| border-radius: 3px; | |
| background: #999; | |
| background: linear-gradient(to bottom, #ff9a64 0, #ff7931 50%, #fd5900 51%, #ff7931 100%); | |
| box-shadow: inset 0 0 3px rgba(151, 53, 0, 0.5); | |
| width: 0; | |
| height: 30px; | |
| -webkit-transition: width 500ms; | |
| -moz-transition: width 500ms; | |
| -ms-transition: width 500ms; | |
| -o-transition: width 500ms; | |
| transition: width 500ms | |
| } | |
| .poll .poll-bar .poll-bar-votes>span { | |
| font-size: 14px; | |
| letter-spacing: .05em; | |
| color: #642300; | |
| margin: 0 5px; | |
| display: inline-block | |
| } | |
| .poll .poll-bar .poll-bar-title { | |
| font-size: 16px; | |
| line-height: 18px; | |
| letter-spacing: .025em; | |
| color: #333; | |
| border-bottom: 1px solid #ccc; | |
| padding-right: 100px; | |
| padding-bottom: 5px; | |
| margin-bottom: 10px | |
| } | |
| .poll .poll-bar .poll-bar-title span+span span::before { | |
| content: "(" | |
| } | |
| .poll .poll-bar .poll-bar-title span+span span::after { | |
| content: ")" | |
| } | |
| @media all and (min-width: 640px) { | |
| .poll .poll-bar .poll-bar-title { | |
| padding-right: 0 | |
| } | |
| .poll .poll-bar .poll-bar-title::after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .poll .poll-bar .poll-bar-title span { | |
| float: left | |
| } | |
| .poll .poll-bar .poll-bar-title span+span { | |
| float: right | |
| } | |
| .poll .poll-bar .poll-bar-title span+span span::before, | |
| .poll .poll-bar .poll-bar-title span+span span::after { | |
| content: "" | |
| } | |
| } | |
| .poll .poll-bar .poll-bar-label, | |
| .poll .poll-bar .poll-bar-count { | |
| font-size: 14px; | |
| letter-spacing: .05em; | |
| color: #666 | |
| } | |
| .poll .poll-bar .poll-bar-label { | |
| line-height: 30px | |
| } | |
| @media all and (min-width: 640px) { | |
| .poll .poll-bar .poll-bar-count { | |
| line-height: 30px | |
| } | |
| } | |
| .nutshell { | |
| position: relative | |
| } | |
| .nutshell, | |
| .nutshell li { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| .nutshell li { | |
| list-style: none; | |
| margin-bottom: 5px | |
| } | |
| .nutshell a { | |
| font-size: 18px; | |
| line-height: 20px; | |
| font-weight: normal; | |
| letter-spacing: .08em; | |
| color: #caecff; | |
| background-color: #0083ca; | |
| padding: 10px; | |
| white-space: nowrap; | |
| cursor: pointer; | |
| cursor: hand; | |
| border-radius: 3px; | |
| position: relative; | |
| z-index: 2; | |
| display: block | |
| } | |
| .nutshell a .nutshell a:visited, | |
| .no-touch .nutshell a:visited:hover, | |
| .nutshell a:focus, | |
| .no-touch .nutshell a:focus:hover, | |
| .no-touch .nutshell a:hover, | |
| .nutshell a:active { | |
| text-decoration: none; | |
| color: #caecff; | |
| box-shadow: none | |
| } | |
| .js .nutshell a::before { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 14px; | |
| content: "\f1db\00a0"; | |
| position: relative; | |
| top: -1px | |
| } | |
| .js .nutshell a.nutshell-selected::before { | |
| content: "\f192\00a0" | |
| } | |
| .nutshell a.nutshell-selected, | |
| .no-touch .nutshell a:hover, | |
| .nutshell a:focus { | |
| background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)) | |
| } | |
| .nutshell a:focus { | |
| outline: 0 | |
| } | |
| .nutshell a:active { | |
| box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 10px rgba(0, 0, 0, 0.25) inset | |
| } | |
| @media all and (min-width: 480px) { | |
| .nutshell { | |
| border-bottom: 5px solid #0083ca; | |
| border-radius: 3px 3px 0 0; | |
| *zoom: 1 | |
| } | |
| .nutshell::before, | |
| .nutshell::after { | |
| content: " "; | |
| display: table | |
| } | |
| .nutshell::after { | |
| clear: both | |
| } | |
| .nutshell li { | |
| float: left; | |
| display: inline; | |
| margin-right: 5px; | |
| margin-bottom: -5px | |
| } | |
| .nutshell li:last-child { | |
| margin-right: 0 | |
| } | |
| } | |
| .nutshell-panel { | |
| background: rgba(0, 0, 0, 0.1); | |
| border-radius: 3px; | |
| margin-top: -8px; | |
| padding: 13px 10px 10px | |
| } | |
| .nutshell-panel>:last-child { | |
| margin-bottom: 0 | |
| } | |
| .js .nutshell-panel { | |
| display: none | |
| } | |
| @media all and (min-width: 480px) { | |
| .nutshell-panel { | |
| margin-top: 0; | |
| border-radius: 0 0 3px 3px | |
| } | |
| } | |
| .ion-head { | |
| font-size: 18px; | |
| line-height: 20px; | |
| font-weight: normal; | |
| letter-spacing: .08em; | |
| text-transform: none; | |
| color: #caecff; | |
| background-color: #0083ca; | |
| margin: 10px 0 5px; | |
| padding: 10px; | |
| white-space: nowrap; | |
| cursor: pointer; | |
| cursor: hand; | |
| border-radius: 3px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| .no-touch .ion-head:hover, | |
| .ion-head:focus { | |
| background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)) | |
| } | |
| .ion-head:focus { | |
| outline: 0 | |
| } | |
| .ion-head:active { | |
| box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 10px rgba(0, 0, 0, 0.25) inset | |
| } | |
| .js .ion-head::before { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 18px; | |
| line-height: 20px; | |
| content: "\f067"; | |
| position: absolute; | |
| top: 10px; | |
| right: 10px | |
| } | |
| .js .ion-head.ion-head-selected::before { | |
| content: "\f068" | |
| } | |
| .ion-panel { | |
| background: rgba(0, 0, 0, 0.1); | |
| border-radius: 0 0 3px 3px; | |
| position: relative; | |
| top: -8px; | |
| z-index: 1; | |
| overflow: hidden | |
| } | |
| .js .ion-panel { | |
| display: none | |
| } | |
| .ion-wrap { | |
| padding: 13px 10px 10px | |
| } | |
| .ion-wrap>:first-child { | |
| margin-top: 0 | |
| } | |
| .ion-wrap>:last-child { | |
| margin-bottom: 0 | |
| } | |
| #slideshow { | |
| height: 650px; | |
| height: 65vh; | |
| position: relative | |
| } | |
| #slideshow a#parallax { | |
| background-position: center top; | |
| background-repeat: no-repeat; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -ms-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| display: block; | |
| width: 100%; | |
| height: 100% | |
| } | |
| #slideshow a#parallax, | |
| #slideshow a#parallax:visited, | |
| .no-touch #slideshow a#parallax:visited:hover, | |
| #slideshow a#parallax:focus, | |
| .no-touch #slideshow a#parallax:focus:hover, | |
| .no-touch #slideshow a#parallax:hover, | |
| #slideshow a#parallax:active { | |
| color: #fff; | |
| text-decoration: none | |
| } | |
| #slideshow a#parallax:active, | |
| #slideshow a#parallax:focus { | |
| outline: 0 | |
| } | |
| #slideshow a#parallax>span { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 20px; | |
| letter-spacing: .1em; | |
| color: #ccc; | |
| background: rgba(0, 0, 0, 0.75); | |
| padding: 5px 10px; | |
| position: absolute; | |
| right: 0; | |
| bottom: 0; | |
| left: 0 | |
| } | |
| #slideshow a#parallax>span br { | |
| display: none | |
| } | |
| #slideshow a#parallax>span>span:last-child { | |
| color: #888 | |
| } | |
| #slideshow a#parallax>span>span:last-child::before { | |
| content: "(" | |
| } | |
| #slideshow a#parallax>span>span:last-child::after { | |
| content: ")" | |
| } | |
| #slideshow a#parallax>span>span:last-child span { | |
| display: inline | |
| } | |
| @media all and (min-width: 960px) { | |
| #slideshow a#parallax>span { | |
| font-size: 18px; | |
| line-height: 44px; | |
| background: transparent; | |
| padding: 5px; | |
| right: 50px; | |
| bottom: 50px; | |
| left: auto; | |
| max-width: 350px | |
| } | |
| #slideshow a#parallax>span br { | |
| display: block | |
| } | |
| #slideshow a#parallax>span>span:first-child { | |
| padding: 10px; | |
| background: rgba(0, 0, 0, 0.75); | |
| -webkit-box-decoration-break: clone; | |
| -moz-box-decoration-break: clone; | |
| -ms-box-decoration-break: clone; | |
| -o-box-decoration-break: clone; | |
| box-decoration-break: clone | |
| } | |
| #slideshow a#parallax>span>span:last-child { | |
| font-size: 12px; | |
| line-height: 18px; | |
| text-transform: uppercase; | |
| letter-spacing: .05em; | |
| display: block; | |
| margin: 10px 0 0 30px; | |
| text-shadow: 0 1px 1px #000, 0 1px 1px #000; | |
| position: relative | |
| } | |
| #slideshow a#parallax>span>span:last-child::before { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: normal; | |
| content: "\f030"; | |
| position: absolute; | |
| top: 0; | |
| left: -1.8em | |
| } | |
| #slideshow a#parallax>span>span:last-child::after { | |
| content: "" | |
| } | |
| #slideshow a#parallax>span>span:last-child span { | |
| display: none | |
| } | |
| } | |
| .banner { | |
| text-align: center; | |
| border-width: 1px 0; | |
| border-style: solid; | |
| border-color: #ddd; | |
| padding: 5px 0 10px; | |
| margin: 25px 0 | |
| } | |
| .banner>p { | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| letter-spacing: .15em; | |
| color: #999; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| .advert { | |
| text-align: center; | |
| position: relative; | |
| margin: 0 auto | |
| } | |
| .advert * { | |
| font-size: 100%; | |
| font: inherit; | |
| border: 0; | |
| margin: 0 auto; | |
| padding: 0; | |
| outline: 0 | |
| } | |
| .advert img { | |
| width: auto; | |
| height: auto; | |
| max-width: 100%; | |
| max-height: 100%; | |
| -ms-interpolation-mode: bicubic | |
| } | |
| .callout { | |
| color: #333; | |
| margin: 25px 0 | |
| } | |
| .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 | |
| } | |
| ul.meta { | |
| box-shadow: 0 3px rgba(0, 0, 0, 0.1); | |
| padding: 0 | |
| } | |
| ul.meta>li { | |
| border-bottom: 1px solid #bbb; | |
| margin: 0; | |
| padding: 10px 15px; | |
| background: #fbfbfb; | |
| box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); | |
| list-style: none | |
| } | |
| ul.meta>li:last-child { | |
| border-bottom: 0 | |
| } | |
| .meta { | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: #666; | |
| font-style: italic; | |
| border: 1px solid #bbb; | |
| background: #fbfbfb; | |
| border-radius: 3px | |
| } | |
| .meta a { | |
| font-weight: bold | |
| } | |
| .meta a, | |
| .meta a:visited { | |
| color: #666 | |
| } | |
| .no-touch .meta a:visited:hover, | |
| .meta a:focus, | |
| .no-touch .meta a:focus:hover, | |
| .no-touch .meta a:hover, | |
| .meta a:active { | |
| color: #000; | |
| text-decoration: underline | |
| } | |
| p.meta { | |
| padding: 10px 15px; | |
| box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 3px rgba(0, 0, 0, 0.1) | |
| } | |
| ul.meta>li, | |
| p.meta { | |
| -webkit-transition: background-color 200ms linear; | |
| transition: background-color 200ms linear | |
| } | |
| .no-touch ul.meta>li:hover, | |
| .no-touch p.meta:hover { | |
| background: #fff | |
| } | |
| .js #disqus { | |
| display: none | |
| } | |
| .stories .story { | |
| position: relative; | |
| border-width: 1px 0; | |
| border-style: solid; | |
| border-color: #ddd; | |
| margin: 0 0 -1px; | |
| padding: 10px 0 | |
| } | |
| .stories .story::after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .stories .story h4 { | |
| font-size: 18px; | |
| line-height: 20px; | |
| margin: 0 | |
| } | |
| .stories .story h5 { | |
| font-size: 16px; | |
| line-height: 18px; | |
| color: #000; | |
| margin: 0 | |
| } | |
| .stories .story h6 { | |
| font-size: 12px; | |
| line-height: 14px; | |
| text-transform: uppercase; | |
| letter-spacing: .1em; | |
| color: #666; | |
| margin: 0 0 5px | |
| } | |
| .stories .story h6+h4, | |
| .stories .story h4+h5 { | |
| margin-top: 5px | |
| } | |
| .stories .story time { | |
| font-size: 12px; | |
| line-height: 12px; | |
| letter-spacing: .1em; | |
| color: #666; | |
| float: right; | |
| margin: 0 0 0 5px | |
| } | |
| .stories .story img { | |
| border-radius: 3px; | |
| max-width: none; | |
| margin: 0 0 5px 5px; | |
| float: right | |
| } | |
| .glow { | |
| box-shadow: 0 0 20px #ffbaba | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment