Wikipedia style

I used Kridsada Thanabulpong’s User CSS Safari Extension to apply some custom CSS rules to Wikipedia. (Extension found via Daring Fireball)

Top of Wikipedia’s article on Bears, shown with my style adjustments

My goal was to increase readability by changing the font and removing page elements I never use. I required that my modifications were lightweight; I don’t want to make as many changes as Beautipedia. Here is the CSS:

@media screen {
    * {
        background-image: none !important;
    }
    #mw-page-base,
    #mw-head-base,
    #mw-panel,
    #mw-head,
    #fwpHeaderContainer,
    span.editsection,
    table.navbox {
        display:none;
    }
    #content, #footer {
        max-width: 600px;
        margin: 0em auto !important;
        padding: 1em 2em 2em !important;
    }
    body {
        font: 20px Georgia !important;
    }
}

I use User CSS to apply this to the domains: http://en.wikipedia.org/wiki/* (Amusingly, that’s a real page.)

What’s going on:

Top of Wikipedia’s article on NetNewsWire, shown with my style adjustments

Bottom of Wikipedia’s article on the Nintendo 64, shown with my style adjustments

Known Problems