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.

Standard table format
The class  will apply our standard table format. This can be seen on most of the tables on the wiki.

Top-aligned table
The class  applies   to all cells in the table; this can be overridden for individual cells, of course.

Armor crafting table
The class  applies special alignment to specific columns for tables that detail the crafting costs of armor. This can be seen on any of our armor articles, such as Warrior Ascalon armor.

Navbox table
The class  applies text and color formatting for our navboxes.

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.

Hiding table columns
Classes  ~   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: These classes rely on Javascript in IE6 to compensate for CSS compatibility issues

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


 * }

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