Skin:Erudite

Erudite is a clean and easy to read skin. Here's a live demo site.

The skin is designed to scale well to any device, using @media queries, only using relative units, no javascript, and generally keeping to the principle of "Keep It Simple, Stupid".

It is based on "The Erudite" WordPress theme by Matt Wiebe. It was first ported to MediaWiki for "The Unified Republic of Stars", later improved by Nick White, and now it sits in Wikimedia's source control.

Installation
Note this will only install the skin, but will not change the current skin. To change the current skin, navigate to Special:Preferences and use Appearances to change your skin. To set Erudite to be the default skin, you must edit the LocalSettings.php to read:

Top banner image
A background image can be set for the top section by adding a rule to your MediaWiki:Erudite.css page (create it if it doesn't yet exist) like this:

Top menu bar colour
You can change the colour of the top menu bar by adding a rule to your MediaWiki:Erudite.css page (create it if it doesn't yet exist) like this:

Font
The Erudite skin uses the Linux Liberation and Linux Biolinum fonts by default. To change this add rules to your MediaWiki:Erudite.css page (create it if it doesn't yet exist) like this:

Extra content in footer
Extra content can be added to each column of the footer. Just navigate to the page MediaWiki:Erudite-extracontent-column1 (or 2 or 3) on your wiki, and add the wikitext you want to appear.

Releases

 * (2014-01-29) : Fix bug that prevented table borders from being drawn, fix bug that made HTML invalid XML. Requires MW 1.25+
 * (2013-12-12) : Ensure extra menus added by extensions or manually are displayed (in middle column), add separator between top menu items, fix error if no navigation menu exists, simplify HTML & CSS, other small consistency improvements. Note that due to the HTML cleanup the custom top banner image code has been updated; see above.
 * (2013-11-20) : Subset webfonts, use SVG for graphics, add :focus rules for improved accessibility, replace top menu with button which pops it up if clicked if screen is narrow, fix sup & sub styles.
 * (2013-11-05) : Use webfonts from Linux Libertine, replace $wgEruditeBannerImg configure setting with optional css rule (see Customisation section above).
 * (2013-10-30) : Stop hiding TOC (this should be done the general MediaWiki way)
 * (2013-10-11) : Improved style.
 * (2013-07-18) : Fix @media rules on iOS browsers.
 * (2013-07-18) : Improve @media CSS queries.
 * (2013-07-04) : Simplify and improve CSS, add @media CSS queries to better handle smaller screens.
 * (2013-06-07) : First official release on mediawiki.org infrastructure. Many many improvements.