The Sims Wiki:Colors and styles

Proposed Policy

This policy is still under discussion or undergoing a vote and should NOT be used to guide official decisions or actions. If you wish to participate in the discussion of this policy, see the appropriate entry on the Proposed Policies page.

Policies and Guidelines
General Behavior Policies
Main policies: Alternate and Multiple Account Policy · Creation Policies · Fanon Policy · Image and file policy · Notability policy · Retirement Policy · Unreleased games policy · Voting Policy
Manual of Style
Guidelines: Assume good faith · Be bold · Neutral point of view · Please don't bite the Newbies · Snowball clause · Simplified ruleset · 5 pillars · Spoilers
All Policies and Guidelines →

This guide documents the colors and style that The Sims Wiki uses and tips on how and when to use them to give the wiki a consistent look throughout.

Colors

These colors are used consistently throughout The Sims Wiki. When adding color, to a table or in a template, consider using one of these colors.

Green

Color	Hex	RGB	Notes
Green	#F0FBF1	rgb(240, 251, 241)	Not in use.
Green	#99FF99	rgb(0, 127, 255)	Used on the main page and portals.
Green	#64B668	rgb(100, 182, 104)	This is the main color for the site background.
Green	#0A6F2F	rgb(10, 111, 47)	Used on the main page and portals.

Blue

Color	Hex	RGB	Notes
Blue	#F2F7FF	rgb(242,247,255)	Level 3 color - used in tables and navigation templates.
Blue	#D7E6FD	rgb(215,230,253)	Level 2 color - used in tables and navigation templates.
Blue	#BFD7FF	rgb(170, 170, 170)	Level 1 color - used in tables and navigation templates.
Blue	#99BBEE	rgb(153, 187, 238)	Used on the main page and portals.
Blue	#6495ED	rgb(100, 149, 237)	Used on the main page and portals.
Blue	#007FFF	rgb(0, 127, 255)	Used as the default border color for infobox templates and other templates.
Blue	#0000CD	rgb(0, 0, 205)	Used on the main page and portals.
Blue	#264B87	rgb(38,75,135)	Used in tables.

Gray and white

Color	Hex	RGB	Notes
White	#fdfdfd	rgb(253, 253, 253)	Used in tables and navigation templates.
Gray	#f7f7f7	rgb(247, 247, 247)	Used in tables and navigation templates for row striping.
Gray	#efefef	rgb(239, 239, 239)	Used in tables.
Gray	#AAAAAA	rgb(170, 170, 170)	Used in tables.

Styles

Styles define how to display HTML elements. The Sims Wiki uses several styles consistently and many are defined as CSS classes in MediaWiki:Wikia.css.

Commonly used styles

Class name	Description
mpheading1 & mpheading2	Creates a heading in green (1) or blue (2)
mptable1 & mptable2	Adds border and background style to a table in green (1) or blue (2)
editlink	Affects position and text size. Adds appropriate text color when inside mpheading1 & mpheading2.
plaintable	Adds border and background style to a table in gray.
prettytable	Adds border and background style to a table in blue.
heading-blue	Adds a blue heading to a table.
small-text-cells	Reduces the size of text in the non-header cells of a table.
zebra	Creates a table with stripes, alternating the background colors of its rows.
sortable	Allows the records of a table to be sorted by column.
unsortable	Excludes a column from being sortable. Used with "sortable".

Headings

<p class="mpheading1">This is a green heading</p>

This is a green heading

p class="mpheading2">This is a blue heading</p>

This is a blue heading

Tables

Tables should use the "plaintable" or "prettytable" class design when possible, and should include as little "fancy" formatting as possible. Tables can also be made sortable by adding a "sortable" class.

For long tables, it is recommended to use the "alt" or "zebra" class to alternate row colors to enhance readability.

More information about wiki tables can be found on Help:Tables/wikitext.

With row headings, table caption, sortable

{| class="prettytable sortable" |+ I am a caption |- ! Heading one || Heading two || Heading three |- ! Row heading 1 | Row data 2b | Row data 3c |- ! Row heading 2 | Row data 2b | Row data 3a |- ! Row heading 3 | Row data 2c | Row data 3b |}

I am a caption Heading one Heading two Heading three Row heading 1 Row data 2b Row data 3c Row heading 2 Row data 2b Row data 3a Row heading 3 Row data 2c Row data 3b

Without row headings, with alt rows

{| class="plaintable zebra" |- ! Heading one || Heading two || Heading three |- | Row data 1 | Row data 2 | Row data 3 |- | Row data 1 | Row data 2 | Row data 3 |- | Row data 1 | Row data 2 | Row data 3 |- | Row data 1 | Row data 2 | Row data 3 |}

Heading one Heading two Heading three Row data 1 Row data 2 Row data 3 Row data 1 Row data 2 Row data 3 Row data 1 Row data 2 Row data 3 Row data 1 Row data 2 Row data 3