Printer-friendly CSS

The MadTheme comes with a print.css file that is located in /css/print.css. The CSS is optimized for hardcopy printing.

The CSS does the following things:

Optimize Colours

To achieve optimal radability, and high compatibility with black and white-printers, the print.css fiile reduces the colours of the output to high-contrast greyscale.

Optimize Font Size

By default the font-settings are very similar to those of the standard MadTheme. The print.css file has sensible defaults, and allows you to differentiate between screen and print output wherever, and as much as you want.

Hide Unwanted Elements

Hide unwanted elements from displaying on the print. most of these are browser-specific or interactive elements. The .push class for instance is a browser hack for the sticky footer method, and serves no purpose on paper.

By default it hides the following elements:

  • #mission
  • #main_menu ()
  • #secondary_menu ()
  • .sidebar ()
  • div.tabs ()
  • div.links ()
  • ul.menu
  • span.edit_link
  • .push