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.

CSS can be used to change the style of the entire wiki, for example to make the background a different colour, or you can use inline css to style specific pieces of text in your wiki. For example green text can be accomplished by doing. If you want to make all text on the wiki green you can add the code  to mediawiki:Common.css.

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.

If enabled on your wiki, individual users can create custom stylesheets just for themselves at special:mypage/.css (for example special:mypage/vector.css if they are using the vector skin).

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

W3Schools also has a tutorial on CSS - http://w3schools.com/css/css_intro.asp

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