GuildWiki:CSS classes

GuildWiki provides us with custom CSS classes to help us format articles more easily. They are stored in MediaWiki:Common.css. You can override or modify this with your own CSS by putting it in your borwser's style sheet(s), using MyPage/Monaco.css or MyPage/Monobook.css (depending on your default skin), or by placing it in w:Special:MyPage/global.css to be active for all skins on all Wikia wikis.

Profession colors and table (cell) formatting
The following formatting can be applied to any elements, including tables and table cells.

Table formatting and alignment
You can avoid using "align:top;" on a lot of table cells and instead align all cells at the same time - of course that can be overriden for individual cells.

will apply our standard table format; you can use both together.

Classes  to   hide columns in a table.

{|class="aligntop" !Wikicode!!Display
 * width=50%|
 * width=50%|
 * width=50%|


 * }

Collapsible table
The class  makes a whole table collapsible. It looks best when the table has a single cell in the top row; use  to achieve that. Requires Javascript.

Table column hider
Classes hidecol1 ~ hidecol10 hide the specified columns in the table. It can be useful for copying-pasting rows from one table to another table that has similar general layout but differ in few columns (so no need to modify the rows per table), or when you use table content templates designed for a table with more columns. Avoid using this feature if possible.

Note: Classes hidecol1 ~ hidecol10 uses Javascript in IE6 to compensate for CSS compatibility issues

Limit TOC display depth
Classes  to   limit the outline depth of the TOC, displaying subheading farther left than they would usually be. Example:

{|class="aligntop" !Wikicode!!Display
 * width=50%|
 * width=50%|

An h5 header
Intentionally skipping a h4

A second h4 header

 * width=50%|

An h5 header
Intentionally skipping a h4

A second h4 header

 * }

Fake headers
The classes  and   will make any div look like a section header, but it doesn't show up in the table of contents and won't have a section link.

Dual lines inline
The class  allows two small lines to be stacked without breaking text flow.

 note: this class may not work correctly in IE6