Manual:CSS


 * Did you mean: Extension:CSS?

Cascading style sheet (CSS) markup sets much of the look and feel of MediaWiki -- font size, colors, spacing, the logo and background image, even whether stuff is displayed or is hidden.

To change the look and feel of MediaWiki's monitor and projector display (how it looks in a browser window) you can put CSS into MediaWiki:Common.css.

To change the way MediaWiki pages print, you put CSS into MediaWiki:Print.css on your wiki.

You can also create custom skins for MediaWiki.

Help
CSS syntax, attributes and values, must be correct or stuff won't work right. W3.org is an excellent reference for checking how to write CSS correctly:
 * http://www.w3.org/TR/CSS21/propidx.html -- CSS 2.1 Index of properties &larr; very helpful
 * http://www.w3.org/TR/CSS21/indexlist.html -- CSS 2.1 Index of everything
 * http://www.w3.org/TR/CSS21/cover.html#minitoc -- CSS 2.1 Table of Contents

In addition, the $wgUseSiteCss setting in your Localsettings.php file must be set to "true".

Caveats
Some items should not be totally moved into CSS without double checking that they are still accessible to text browser users: