Improving the look of txt.io

txt.io is a cool service, but its default look sucks, to put it bluntly. I use the Stylish plugin for Firefox to clean it up (there’s a version for Chrome as well) and thought I’d share my script. So without further ado (or adon’t), here it is:

 
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.txt.io") {
    .txt {
        font-size:   small !important;
        font-family: "Adobe Casion Pro",serif !important;
        line-height: 120% !important;
    }
    h1,h2,h3,h4,h5 {
        font-family: Futura,sans !important;
        font-weight: bold !important;
    }
    h1 {
        font-size:  xx-large !important;
        color:      white;
        background: black;
    }
    h2 {
        font-size: x-large !important;
    }
    h3 {
        font-size: large !important;
    }
    h4 {
        font-size: medium !important;
    }
    h5 {
        font-size: small !important;
    }
    pre {
        line-height: 100%;
    }
    code {
        font-family: Typed !important;
        color:       navy;
    }
    ol,ul {
        margin-left:    1em !important;
        padding-bottom: 1em !important;
        padding-top:    0 !important;
    }
    li {
        list-style-position: outside;
        line-height:         110%;
        padding-top:         0 !important;
    }
}
 

(If you want to see it in a better light, I’ve pasted it to Slexy for convenience.)

You’ll probably want to change the font-family entries to match fonts that you’ve got available.