gray.css

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #33333f;
    }

code {
        font-family: "Inconsolata", "monospace";
        font-size: 16px;
    }

p>code, li>code {
        background-color: #eee;
        padding: 0.25em;
    }

h1, h2, h3 {
        font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    }

h2 {
        border-bottom: 1px solid #f0c;
        padding-bottom: 0.5em;
        font-size: 1.75em;
    }

h3 {
        margin-top: 2em;
        font-size: 1.5em;
    }

h4 {
        font-size: 1.25em;
    }

h5 {
        font-size: 1em;
    }

h2 code, h3 code, h4 code, h5 code, td code {
        font-family: inherit !important;
        font-size: inherit !important;
    }

td code {
        font-weight: bold;
    }

a:link, a:hover, a:visited {
                         text-decoration: none;
                         color: black;
                     }

a:link {
        background: #ff8;
    }

a:visited {
        color: #666;
        background: #ffc;
    }

a:link:hover,
a:visited:hover {
        background: #ff0;
    }

a[href^="http"] {
        background: #bff;