Extension:Agora

The Agora extension added skin-agnostic CSS styles to MediaWiki, following the Wikimedia Foundation Design principles. The CSS defines various mw-ui-* classes including
 * with many variations
 * for a container with a vertical "stacked" layout
 * several utility classes such as

Its test subdirectory has some static HTML pages illustrating their use.

Also in 1.22 core
As of, the same CSS is available in core MediaWiki in release 1.22wmf2 in the mediawiki.ui module, and you don't need this extension. In release 1.23, the CSS for buttons is split out into a mediawiki.ui.button module. Thus you can use context to ensure the CSS in core is loaded.

Installation
Consult its README file to decide how to enable the extension in pages on your wiki and set its globals accordingly in LocalSettings.php

Verifying the installation
On a page where the extension should provide its CSS according to your configuration, create a submit button and give it the styles 'mw-ui-button blue'.

To see if the extension is sent down on the current page, in a browser console enter mw.loader.state( 'ext.agora.base' ) ; it should return "ready".

Compass
The extension's CSS was generated from Sass .sccs files using Compass. You don't need Compass to use the CSS files in modules/css.