GuildWiki:CSS classes

GuildWiki makes heavy use of custom CSS formatting. CSS that is applied to the entire wiki is stored in MediaWiki:Common.css, while style that are only applied on specific skins are stored under the skin name; for example, MediaWiki:Monobook.css contains CSS for the Monobook skin.

This article lists some of the CSS classes available for use from Common.css.

User CSS
Individual users can define additional CSS styles that will be applied only for that user. These styles are set on a per-skin basis, so personal styles for the Monobook skin would be stored in User:&lt;username>/monobook.css.

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

Table formatting and alignment classes

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


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


 * 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.


 * Sortable table
 * The class  creates a table with icons that let you sort columns. The table must contain a header row (delimited with   in wiki-code) for this to work.
 * To exclude any column from the sorting, apply the class  to that column's header cell.
 * To make a certain row always appear at the bottom of the table, apply the class  to that row.

{| style="margin-left:2em" !Wikicode!!Display


 * }

The class  makes a whole table collapsible. When collapsed, only the first row of the table will be shown. As with the  class above, the first row must be a header row. Requires Javascript.
 * Collapsible table


 * 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" style="margin-left:2em" !Wikicode!!Display
 * width=50%|
 * width=50%|
 * width=50%|


 * }

Limit TOC display depth
Classes  to   limit the depth of headers displayed in the TOC. By using toc3, for example, you limit the TOC to only display headers up to 3 levels deep.

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

An h5 header
Intentionally skipping a h4

A second h4 header

 * width=50%|
 * }

Fake headers
Using HTML tags instead of wikicode  will create a header that does not have a section edit link. These headers will still appear in the TOC, however.

To create a fake header that does not appear in the TOC, use a  tag with the class   or.

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