Skip to content

Instantly share code, notes, and snippets.

@mhulse

mhulse/data.css

Last active August 1, 2018 17:45
Show Gist options
  • Save mhulse/24e7b57e1301336f997c010e2af120dc to your computer and use it in GitHub Desktop.
Save mhulse/24e7b57e1301336f997c010e2af120dc to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mhulse revised this gist Aug 1, 2018. 1 changed file with 4176 additions and 0 deletions.
    4,176 changes: 4,176 additions & 0 deletions rg-election.css
    View file
    4,176 additions, 0 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
  2. mhulse revised this gist Aug 1, 2018. 2 changed files with 2397 additions and 0 deletions.
    2,395 changes: 2,395 additions & 0 deletions data.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,2395 @@
    /*! 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: ""
    }
    }
    2 changes: 2 additions & 0 deletions picard.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,7 @@
    /*! 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 */

  3. mhulse created this gist Aug 1, 2018.
    3,330 changes: 3,330 additions & 0 deletions picard.css
    View file
    3,330 additions, 0 deletions not shown because the diff is too large. Please use a local Git client to view these changes.