Updates to our CMS print style sheets

"Improve print style sheets" had been languishing near the bottom of my to-do list for what seems like eternity - they're not the most exiting topic after all. Today I decided that it was finally time to get on to it.

Here's what a typical page looked like:

It's not a complete disaster, but there's plenty of room for improvement - the logo looks messy, text is indented where it shouldn't be, and there's quite a bit of formatting missing, especially for styles that had been introduced via our CMS (the original page contains a styled quotation and some content in boxed regions).

So an hour of tinkering later, here's what the printed pages now look like:

Here's what I did:

• Added a print specific version of the logo, rather than using the one that appears on screen (using the :before pseudo-class).
  
• Added print styles to match the onscreen formatting of boxes, bullets, tables and quotations.
• Hid a few more links that aren't of use in printed form.
• Increased the line height to improve readability.

There are still a few more improvements that I'd like to make, such as automatically inserting the URLs of links (as described in the A List Apart article, Going to Print), but they can wait until next time.