Wikipedia:Catalogue of CSS classes

WP:CLASS

The website HTML, generated Wikipedia content and the JavaScripts of Wikipedia define hundreds of classes and IDs. The use of most of them is not clearly explained or described anywhere. Most of these classes and IDs are used for styling using CSS and identify parts of the page that this styling should apply to. They can also be used to make manipulations to the webpages using JavaScript and some have additional semantic meaning and are used by external parties.

This page is an attempt to catalogue and describe the most used and most important classes and IDs used on this wiki.

Before getting started

There are many intricacies about Cascading Style Sheets and JavaScript, too many to discuss all of them here. Some important points however:

Classes are defined in the HTML document (generated by the server or by JavaScript). They are used as selectors in CSS.
Learn to use the browser inspectors of Firefox, lE, Chrome or Safari to inspect the webpages.
By default much of the CSS and JavaScript resources are processed for efficiency. Append ?debug=true or &debug=true to the URL to make them more readable when inspecting.
For styling to apply there are two concepts that are important:
- Load order
  Things defined later have priority and thus override things defined 'earlier'. We will try to give an overview of load order, later on.
- Specificity
  If load order is failing you when applying your styling, you should know that more complex selectors take priority over order of definition. This is called specificity. It is best practice to keep specificity as low as possible in order to be able to override contextually with lil code.^{[clarification needed]}
Using !important is generally bad. Use different forms of specificity instead.

CSS is complex. Follow the links above and the other links throughout this article to learn more. If you do not understand how Cascading Style Sheets and JavaScript work and what symbols to use, please begin with Wikipedia's own articles about CSS and JavaScript, which contain a list of references and external links to relevant material.

Stylesheets and JavaScript

Note: try searching through git for the core skin CSS/JS (eg. Go to /skins/Vector/ and /skins/MonoBook/ and /core.git/resources/src/mediawiki.skinningfor the current default/global sets).

The following table is really outdated since MediaWiki 1.17 (June 2011). The complexity of MediaWiki itself has increased significantly and many of the locations of the styling rules have been split out and are only collected and bundled when delivered to the browser.

One way to inspect the core CSS and JS files is to inspect a page with Web development tools while loading any Wikipedia page with ?debug=true URL parameter (this will separate different CSS files, prevent minification and preserve comments). Another way is to look at these skin files (example of Vector in Git); note that most MediaWiki core JS files are to be found in /resources/src directory.

Skin	Type	Stylesheets (in cascade order)	Javascript (in order)	Notes
Vector (default) (vector)	Template	[1] (screen) resources/src/mediawiki.legacy/shared.css resources/src/mediawiki.legacy/commonPrint.css MediaWiki:Common.css MediaWiki:Print.css (print) MediaWiki:Vector.css User preferences stylesheet (generated) User/common.css^{[J 1]} User/vector.css^{[J 1]} Css gadgets^{[J 1]}^{[J 1]}	IE fixes Global variables common/wikibits.js common/edit.js common/ajax.js common/ajaxwatch.js common/mwsuggest.js^{[J 2]} JavaScript gadgets^{[J 1]} Centralnotice Site js Skin variables MediaWiki:Common.js MediaWiki:Vector.js User/common.js^{[J 1]} User/vector.js^{[J 1]} Sitenotice `fixalpha()` `runOnloadHook()`	Default skin for anonymous users; Default skin for new users
Modern (modern)	Template (but not MonoBook)	common/shared.css (screen) modern/main.css (screen) modern/print.css (print) MediaWiki:Common.css MediaWiki:Print.css (print) MediaWiki:Modern.css User preferences stylesheet (generated) User/common.css^{[J 1]} User/modern.css^{[J 1]} Css gadgets^{[J 1]}	Global variables common/wikibits.js common/ajax.js common/ajaxwatch.js mwsuggest.js^{[J 2]} Javascript gadgets^{[J 1]} Site js Skin variables MediaWiki:Common.js MediaWiki:Modern.js User/common.js^{[J 1]} User/modern.js^{[J 1]} Sitenotice `runOnloadHook()`	No IE fixes (?), unique print css
MonoBook (monobook)	Template	common/shared.css (screen) common/commonPrint.css (print) monobook/main.css (screen) IE fixes (screen) MediaWiki:Common.css MediaWiki:Print.css (print) MediaWiki:Monobook.css User preferences stylesheet (generated) User/common.css^{[J 1]} User/monobook.css^{[J 1]} Css gadgets^{[J 1]}	IE fixes Global variables common/wikibits.js common/ajax.js common/ajaxwatch.js mwsuggest.js^{[J 2]} Javascript gadgets^{[J 1]} Site js Skin variables MediaWiki:Common.js MediaWiki:Monobook.js User/common.js^{[J 1]} User/monobook.js^{[J 1]} Sitenotice `fixalpha()` `runOnloadHook()`	Replaced by Vector as the default skin for anonymous and new users

Notes

Page/action specific

Several types of MediaWiki pages, actions, and preferences load conditional stylesheets and javascript, to reduce the burden of unnecessary script loading.

Script or style	Page or action	Description
allmessages.js	Special:Allmessages	Filtering tools for Allmessages list.
categorytree.js categorytree.css	Special:CategoryTree and pages with <categorytree>	mw:Extension:CategoryTree
diff.css	Diff pages	Stylesheet specifically for diff tables.
edit.js	action=edit	Edit page tools, split from wikibits.js.
feed.css	RSS/Atom feeds	"Make RSS and Atom feeds at least semi-legible to folk who accidentally load them in a browser."
history.js	action=history	History radio button list display.
metadata.js	Image pages with EXIF metadata	Show/hide tool for extended metadata list.
mwsuggest.js	If not disabled in preferences	Activates new search suggest ajax (enabled by default on Wikimedia).
prefs.js	Special:Preferences	Dynamic tabs and other tools in user preferences.
~~preview.js~~	action=edit	Live preview module, disabled on Wikipedia.
protect.js	action=protect	Dynamic updating of protect form elements.
rightclickedit.js	If enabled in preferences	Activates section editing by right-clicking on section titles.
upload.js	Special:Upload	Dynamic updating of upload form elements, and template selection preview.

User group specific

Special stylesheets and JavaScript are loaded for some user groups.

Script or style	Description
MediaWiki:Group-abusefilter.css	For abuse filter managers.
MediaWiki:Group-abusefilter-helper.css	For abuse filter helpers.
MediaWiki:Group-autoconfirmed.css	For autoconfirmed editors.
MediaWiki:Group-checkuser.css	For checkusers.
MediaWiki:Group-extendedconfirmed.css	For extended-confirmed editors.
MediaWiki:Group-extendedmover.css	For page movers.
MediaWiki:Group-patroller.css	For new page patrollers.
MediaWiki:Group-sysop.css MediaWiki:Group-sysop.js	For admins.
MediaWiki:Group-templateeditor.css	For template editors.
MediaWiki:Group-user.css MediaWiki:Group-user.js	For registered users.

Classes

We often add the name of a template or MediaWiki message itself as a class name in the code of the template or message. This allows users to style the message, and it allows future skinning of the message in the global CSS files. Please do not document such class names here, unless they are actually used in some CSS or JavaScript file, since there are (or at least should be) literally thousands of such class names.

class	description	in CSS^[1]	in HTML^[1]
:active	A CSS pseudo-class. See the W3 standard.	monobook/main.css (screen, projection)	N/A
active	Used on the active tab button (monobook).	monobook/main.css (screen, projection)	skins/MonoBook.php
allpagesredirect	Redirect in the listings of Special:Allpages and Special:Prefixindex.	MediaWiki:Common.css	includes/specials/SpecialAllpages.php
ambox, ambox-*	Article message box template styles. See also mbox-text etc. below.	MediaWiki:Common.css, MediaWiki:Print.css (hidden when printed from articles)	`{{ambox}}` meta-template that is used to create most article message boxes.
autocomment	Used for the section bits in edit summaries, i.e. the part between /* and */ on watchlist and rc pages.	common/shared.css	includes/Linker.php
autonumber	Class used in the interface for external links	—	includes/parser/Parser.php
autosigned	Class used to format automatic signatures	—	`{{Unsigned}}`
boilerplate	(deprecated) Another template class	—	—
catlinks	Category links normally at the bottom of the page.		includes/Skin.php
center	Emulates `<center>` functionality	monobook/main.css	includes/Linker.php
citation	Marks a full citation.	MediaWiki:Common.css	{{Citation}}
cleanup	(Deprecated) Used on some cleanup templates	MediaWiki:Common.css
cmbox, cmbox-*	Category message box template styles. See also mbox-text etc. below.	MediaWiki:Common.css	`{{cmbox}}` meta-template that is used to create most category message boxes.
collapsible, collapsed, autocollapse, innercollapse/outercollapse	Allows tables to be expanded and collapsed using associated javascript. See Help:Collapsing	MediaWiki:Common.js	`{{navbox}}`
collapseButton	Applied to the spans containing the show/hide links created by the CollapsibleTables javascript.	MediaWiki:Common.css, MediaWiki:Common.js	`{{navbox}}`
comment	Edit summaries on watchlist and rc pages.	monobook/main.css (screen, projection)	includes/Linker.php
dangerousLink	Used on Image pages to not have dangerous file types display previews.	?	includes/ImagePage.php
def	Used in the allmessagestable, Special:Allmessages (System messages)	monobook/main.css (screen, projection)	includes/specials/SpecialAllmessages.php
diff, diff-addedline, diff-context, diff-deletedline, diff-ntitle, diff-otitle, diffchange	Used by the diff view	common/commonPrint.css, common/diff.css, MediaWiki:Monobook.css	skin on diff view, includes/normal/RandomTest.php
disputed	(Deprecated) A cleanup class.	?
editlink	Class to mark an Edit link for use in templates.	MediaWiki:Print.css (hidden when printed)	`{{ed right}}`, `{{ed2}}`, `{{ed}}`
error	Marks up errors	MediaWiki:Monobook.css (only defined for paragraph elements), monobook/main.css (line 278)	includes/Math.php, `{{db-t3}}`
editHelp	Interface section	?	includes/EditPage.php
editOptions	Used in the div surrounding the minor edit and watch this page checkboxes.	monobook/main.css,	includes/EditPage.php
editsection	Class used in the interface for section [edit] links	common/commonPrint.css (hidden when printed)	includes/Linker.php
edittools-text	Prevents the static edittools from flashing before the compact edittools is loaded.	MediaWiki:Common.js/edit.js	MediaWiki:Edittools
external	Class used in the interface for external links	monobook/main.css (screen, projection)	includes/Linker.php
extiw	Used for Interwiki links.	monobook/main.css (screen, projection)	includes/Linker.php
expansion	(Deprecated) A type of cleanup class	?
div.fmbox-warning, mw-warning-with-logexcerpt, mw-cascadeprotectedwarning	Pink {{fmbox}} warning style for div based system warning notices. The interface renders a div with one of the "mw-" classes around messages like MediaWiki:Protectedpagewarning.	MediaWiki:Common.css	MediaWiki:Editingold, includes/EditPage.php
firstHeading	Used on the title of the page, e.g. "Wikipedia:Catalogue of CSS classes"	monobook/main.css (screen, projection)	skins/MonoBook.php
floatright, floatleft, floatnone	Used to float something to the right/left of the page (or not float it at all)	monobook/main.css (screen, protection) common/commonPrint.css (print)	includes/Linker.php
free	Used in the interface for external links	—	includes/parser/Parser.php
hatnote	Used to mark disambiguation links at the top of pages.	MediaWiki:Common.css	`{{hatnote}}`
hlist	Renders lists in horizontal style	MediaWiki:Common.css	`{{flatlist}}`
hlist inline	Allows nesting horizontal lists on one line	MediaWiki:Common.css
image	Interface class used for links to images.	?	includes/Linker.php
imbox, imbox-*	Image pages message box template styles. See also mbox-text etc. below.	MediaWiki:Common.css	`{{imbox}}` meta-template that is used to create most image message boxes.
interwiki-xx	Interface class used for interlanguage links in the page margin for language with code xx.	—	includes/SkinTemplate.php
infobox	Formatting for article infoboxes	MediaWiki:Common.css	Infoboxes
internal	Used in the interface on "Edit summary" and the question mark by the minor edit checkbox links, and in the links in the copyright statement(to the GFDL and Wikipedia:Copyrights).	?	includes/Parser.php, languages/Language.php, includes/Linker.php
ltr and rtl	Set in HTML body element. ltr = Page text goes "Left To Right" like now. rtl = Text goes "Right To Left", like in the Arabic Wikipedia.		body
magnify	The two "magnify" rectangles in the caption of a thumb'ed image (magnify-clip.png)	common/shared.css, monobook/main.css, common/commonPrint.css (print)	Linker.php (line 675)
mbox-inside	Tag for templates that might contain mboxes like `{{imbox}}` and `{{tmbox}}`. So that mboxes can detect that they are inside and adapt their margins accordingly.	MediaWiki:Common.css	`{{information}}`, `{{WikiProjectBanners}}` and `{{WikiProjectBannerShell}}` should have this class.
mbox-text, mbox-image, mbox-imageright, mbox-empty-cell	Used in <td> and <th> elements inside message boxes. See Wikipedia:Ambox CSS classes.	MediaWiki:Common.css	`{{ambox}}`, `{{tmbox}}`, `{{imbox}}`, `{{cmbox}}`, `{{ombox}}`, and `{{fmbox}}` meta-templates that are used to build most message boxes.
mediawiki	Set in HTML body element, to identify pages generated by MediaWiki.		as of 31533 this should appear in all skins
metadata	Used to mark elements in articles that are considered not to be part of the proper content of the article. These are annotations, maintenance templates, navigation links, media controls etc. These elements are often filtered out of 'alternative' views of the content, like CD-ROM editions, bookprint, webpage print, mobile views etc.	MediaWiki:Print.css (hidden when printed from articles)	`{{dmbox}}`, `{{Catfd}}`, `{{tfd}}`, `{{ambox}}`
minor	Used for the "m" marking minor edits.	monobook/main.css	includes/specials/SpecialContributions.php
mufi	Forces fonts used for Medieval Unicode Font Initiative (discussion)		`{{mufi}}`
mw-headline	The headline in a heading (without the "[edit]" link)	?	includes/Linker.php
mw-headline-number	The headline number, if auto-numbering the section headings (a user preference) is enabled		includes/parser/Parser.php
mw-hidden-cats-hidden	"Hidden categories" with preference "Show hidden categories" off	common/shared.css	includes/Skin.php
mw-hidden-cats-ns-shown	"Hidden categories" in the Category namespace		includes/Skin.php
mw-hidden-cats-user-shown	"Hidden categories" with preference "Show hidden categories" on		includes/Skin.php
mw-no-invert	Wikipedia:Dark mode (gadget) prevent flipping of the colors of an element when in dark mode	MediaWiki:Gadget-dark-mode.css
mw-tag-markers	Tags of the Edit filter	MediaWiki:Common.css
namespacesettings	Interface section on Recent Changes page	?	includes/specials/SpecialRecentchanges.php
namespaceselector	Part of the Recent Chages page	?	includes/GlobalFunctions.php
navbar	v•d•e links in navboxes and other templates	MediaWiki:Common.css	`{{navbar}}`
navbox, navbox-*	Navigational boxes	MediaWiki:Common.css	`{{navbox}}`
new	The redlink class; used on internal links to pages that do not have any undeleted history.	monobook/main.css (screen, projection), common/commonPrint.css (print)	includes/Linker.php, includes/Skin.php, languages/Language.php
new	Used in the allmessagestable, Special:Allmessages (System messages)	monobook/main.css (screen, projection)	includes/specials/SpecialAllmessages.php
newpage	The "N" used for new pages on watchlist, etc.	monobook/main.css (screen, projection)	includes/ChangesList.php
noarticletext	See MediaWiki:Noarticletext.	monobook/main.css (screen, projection)	includes/Article.php
nonumtoc	Hides automatic numbering on the table of contents (in combination with explicitly stating __TOC__ or __FORCETOC__	MediaWiki:Common.css	Articles
noprint	Hides content when printed. But for most usage, see metadata above instead.	common/commonPrint.css, MediaWiki:Print.css (hidden when printed)	`{{ed right}}`, `{{ed2}}`, `{{ed}}`, `{{edit}}`, `{{Shortcut}}`, and others.
noresize	Prevents images from being resized on mobile screen, adds scrollbars instead.	?	N/A
notice	(Deprecated) Style for "notices"? Used to be used in {{disambig}} etc.	MediaWiki:Common.css
nounderlines	Disables underlines on links who are children of this element (original request)	MediaWiki:Common.css	Articles
nourlexpansion	When printing only print the title of the link and not the link itself. (replaces "plainlinksneverexpand")	MediaWiki:Print.css
nowrap	Generic no-wrap class.	MediaWiki:Common.css
nowraplinks	Prevents line wraps inside links, but allows word wraps between the links and in normal text. Useful for instance for long link lists.	MediaWiki:Common.css	`{{nowraplinks}}`, `{{nowraplinks end}}`, `{{navbox}}`
ns--1, ns-0 - ns-101	Set in HTML body element. Shows which namespace the page is in. ns-0 (main), ns-1 (Talk) and so on. "ns--1" is used on all "Special:" pages. See Wikipedia:Namespace#Enumeration.		includes/Skin.php
ns-talk, ns-subject, ns-special	Set in HTML body element. Shows which namespace the page is in. "ns-talk" = all talk pages. "ns-subject" = all non-talk pages, such as articles, "Wikipedia:", "Image:" and so on. "ns-special" = all "Special:" pages (see Special:SpecialPages). See also Wikipedia:Namespace.
ombox, ombox-*	Other pages message box template styles. See also mbox-text etc. above.	MediaWiki:Common.css	`{{ombox}}` meta-template that is used to create most other pages message boxes.
orig	Used in the allmessagestable, Special:Allmessages (System messages)	monobook/main.css (screen, projection)	includes/specials/SpecialAllmessages.php
page-Pagename	Each page has its own name as a class in the body tag. Formed by the pagename with spaces and colons replaced by underscores, and prefixed by "page-". Like this page's body has the class "page-Wikipedia_Catalogue_of_CSS_classes" in its body tag.		includes/Skin.php
pBody	Used all-around on the various body-like pieces of the interface, including personal tools, sidebar, and tabs.	monobook/main.css	skins/MonoBook.php
plainlinks	Disables the external link arrow	common/shared.css	`{{Catfd}}`, `{{tfd}}`, and many other places.
plainlinks2	Changes the color of external links to en: to the internal links color.	MediaWiki:Monobook.css
plainlinksneverexpand	(Deprecated) Replaced with "plainlinks nourlexpansion"
plainrowheaders	Changes the font style of table row headers that have the `scope="row"` tag applied.	MediaWiki:Common.css
portlet	Used on the tab buttons, and the left navigation columns (in monobook)	MediaWiki:Monobook.css	skins/MonoBook.php, config/index.php
prettytable	(Removed) Predecessor of wikitable. No longer works.
printfooter	Used to mark the footer of the page in the interface.	?	includes/Skin.php
protected	(Deprecated) Used on some templates that go on protected pages.	?
rcoptions	Interface section on Recent Changes page	?	includes/specials/SpecialRecentchanges.php
redirect-in-category	redirect in the list of members, on a category page	MediaWiki:Common.css	includes/CategoryPage.php
redirectText	Span around the link on a redirect page	monobook/main.css, MediaWiki:Vector.css	includes/Article.php
reference	The class is assigned to the reference note links occurring within the article text and generated by Cite.php.	MediaWiki:Common.css	MediaWiki:Cite reference link
reference-accessdate	Some (not all as of 2008-06-08) citation templates wrap the "Retrieved on `date`" in this class, so it can be hidden in CSS optionally or by default.
references, reflist, refbegin	These classes are assigned to the ordered list of reference notes generated by Cite.php, and to the `{{Reflist}}` and `{{Refbegin}}` templates.	MediaWiki:Common.css	`{{Reflist}}`, `{{Refbegin}}`
references-column-count, references-column-count-n, references-column-width	Assigned to reference lists with columns		`{{Reflist}}`, `{{Refbegin}}`
references-small	(Removed [2]) For small-font references at 90% in articles (in any format, not only Cite.php). To be used where the per article consensus demands smaller font for the references. (original discussion). Also used to style the font size in tables. search in articles	MediaWiki:Common.css	Manually assigned by editors with `<div class="references-small">...</div>`
rimage	(Deprecated) Less useful equivalent of `floatright`	monobook/main.css, common/commonPrint.css (print)	—
rtl	"Right To Left" text direction, see ltr (Left To Right).
searchButton	Used in the interface on exactly what you would expect.	monobook/main.css	skins/MonoBook.php
selected	Used on the currently selected tab button in the interface. It changes the border-color.	monobook/main.css	includes/SkinTemplate.php, skins/MonoBook.php
selflink	Used on links pointing to the same page (e.g. Wikipedia:Catalogue of CSS classes)	?	?
skin-skinname	Each skin has its own name as a class in the `body` element. These classes allow skin-specific print rules to be easily applied. Skin name is lowercase: skin-monobook, skin-modern etc.		/includes/Skin.php
sortable	Related to sortable tables	—	wikibits.js
sortarrow	Related to sortable tables	—	wikibits.js
sortbottom	Related to sortable tables	—	wikibits.js
sortheader	Related to sortable tables	—	wikibits.js
special	Used for non-links in watchlists, etc. Like the "(diff)" on a new page.	?	includes/QueryPage.php, includes/ImagePage.php
subpages	used on the line listing the parent of a subpage	monobook/main.css (screen, projection)	includes/Skin.php, includes/SkinTemplate.php
sysop-show	Makes the enclosed content visible to admins. Only use this for very short items (such as the red "Group notice" and "Page notice" editnotice links), since some browsers show hidden items to all users.	MediaWiki:Group-sysop.css	{{editnotice load}}
template-documentation	For the box around template documentation.	MediaWiki:Common.css	Template:Documentation
templatesUsed	surrounds the div listing the templates used on a page, on the edit page.	?	includes/EditPage.php
texhtml	applies to span element that contains a formula	common/shared.css, MediaWiki:Common.css
text	Class used in the interface for external links	—	includes/parser/Parser.php
thumb	Outer div of a thumbnail. Its border (margin in monobook) is the outer "margin" for thumbnails. Also doubles as the inner padding for galleries.	monobook/main.css, MediaWiki:Common.css, MediaWiki:Monobook.css, common/commonPrint.css (print)	includes/Linker.php
thumbborder	On the image when `\|border` is specified.	monobook/main.css, common/commonPrint.css (print)	includes/Linker.php
thumbcaption	Div with the thumbnail's caption.	common/shared.css, monobook/main.css, common/commonPrint.css (print)	includes/Linker.php
thumbimage	On the thumbnail.	monobook/main.css	includes/Linker.php
thumbinner	Inner div of a thumbnail.	monobook/main.css, MediaWiki:Common.css	includes/Linker.php
tleft, tright	Floated thumbnails	common/commonPrint.css (print)	includes/Linker.php
tmbox, tmbox-*	Talk page message box template styles. See also mbox-text etc. above.	MediaWiki:Common.css	`{{tmbox}}` meta-template that is used to create most talk page message boxes.
toc, toctitle, toclevel-1, toclevel-2, toctext, tocnumber, toctoggle	Used by the Table of Contents. Should not be used by anything else; use class="toccolours" or a more semantic class (like "navbox") instead.	monobook/main.css, common/commonPrint.css (print)	skin on TOC
toccolours	Same formatting as class="toc", but can be used by other things.	common/oldshared.css, modern/main.css, monobook/main.css, vector/main-ltr.css, MediaWiki:Modern.css, MediaWiki:Monobook.css	lots of places
topicon	Formatting for top right icons like featured article star, protected page etc.	MediaWiki:Monobook.css	`{{top icon}}`
unsortable	Related to sortable tables	—	wikibits.js
userlinks	Username, for unambiguous letterforms like `l, 1, i`.	–	`{{userlinks}}`
usermessage	"You have new messages" box	monobook/main.css (screen, projection), modern/main.css (screen, projection)	–
watchlistredir	For redirects on Special:Watchlist/edit		Special:Watchlist/edit
wikitable	For content tables	common/shared.css	everywhere
wpb	For WikiProject banner tables.	MediaWiki:Common.css	`{{WPBannerMeta}}` and other WikiProject banners
wpb-header	For the header row of a WikiProject banner.	MediaWiki:Common.css	`{{WPBannerMeta}}` and other WikiProject banners
wpbs	For WikiProject banner shells	MediaWiki:Common.css	`{{WikiProjectBannerShell}}`
wrap	Generic wrap class to override nowrap.	MediaWiki:Common.css
wraplinks	Allows line wraps inside links (to override nowraplinks)	MediaWiki:Common.css
class	description	in CSS¹	in HTML¹

Classes not used in style sheets

Wikipedia also uses a number of classes with functions unrelated to style sheets.

Microformat classes as listed in Microformat classes.
noviewer, which causes Media Viewer to disregard contents
robots-nocontent, which causes Yahoo!'s crawler to disregard contents per [3]
nopopupnotice, prevents EditNoticesOnMobile (and in the future possibly the apps) from automatically popping up an edit notice. See also phab:T312999.

IDs

WP:IDS

[J 1]

[J 2]

[1]

id	Description	in CSS/JS	in HTML
about	Part of the interface (footer).
allmessagestable	Table with a list of system messages available in the MediaWiki: namespace.	monobook/main.css	Special:Allmessages
article	Main content area for standard-derived skins. Everything on MediaWiki:Common.css must have any effect only within the element with this ID.		standard-derived skins around content
bodyContent	Main content area for monobook-derived skins. Everything on MediaWiki:Common.css must have any effect only within the element with this ID.	monobook/main.css (screen, projection)	monobook-derived skins around content
collapsibleTable`n`, collapsibleButton`n`	Used by the collapsible tables code	MediaWiki:Monobook.js	MediaWiki:Monobook.js
column-content	part of the rendered page structure	monobook/main.css (screen, projection), common/commonPrint.css (print)	?
column-one	part of the rendered page structure	monobook/main.css (screen, projection), common/commonPrint.css (print)	?
confirmemail	Notice asking for users to confirm their email address	?	MediaWiki:Recentchangestext, Wikipedia:Administrators' noticeboard/Header
content	part of the rendered page	monobook/main.css (screen, projection), common/commonPrint.css (print)	?
contentSub	surrounds the notice of the partents of subpages	monobook/main.css (screen, projection)	?
coordinates	Used to show the coordinates below the page title (original discussion, talk page)	MediaWiki:Monobook.css	{{coord/display/inline,title}}
copyright	Part of the interface (footer).
delete-reason delete-criterion	Added by deletion templates (CSD/XfD/PROD); picked up by JavaScript and used to preload the deletion summary when such pages are deleted.	MediaWiki:Group-sysop.js	CSD, XfD and PROD deletion templates
differences-prevlink	Used in the diff pages	?	?
disambig	(Deprecated) Old disambiguation notices style. And it used to trigger the display of {{disambig editintro}} when editing a disambig page.	MediaWiki:Common.css MediaWiki:Common.js	Was used in {{dmbox}} and disambig boxes built with it.
disambigbox	Triggers the display of {{disambig editintro}} when editing a disambig page.	MediaWiki:Common.js	Used in {{dmbox}} and disambig boxes built with it.
disclaimer	Part of the interface (footer).
editform	Part of the interface.		includes/EditPage.php
editpage-copywarn	Part of the interface.		includes/EditPage.php
editpage-copywarn2	Part of the interface.		MediaWiki:Edittools
editpage-copywarn3	Part of the interface.		MediaWiki:Edittools
editpage-specialchars	Part of the interface.	MediaWiki:Edittools.js, MediaWiki:Common.js/edit.js	MediaWiki:Edittools
footer	part of the rendered page	common/commonPrint.css (print)	?
GeoGroupTemplate	Allow direct referencing of box (used once per page) containing map links	(none)	{{GeoGroupTemplate}}
globalWrapper	surrounds the whole page	monobook/main.css (screen, projection), common/commonPrint.css (print)	?
jump-to-nav	Links to jump to the navigation or the search bar, mainly for screen readers.	monobook/main.css (screen, projection) common/commonPrint.css (print)	?
lastmod	Part of the interface.
longpagewarning	Allows hiding of the "long page" warning via user CSS		MediaWiki:Longpagewarning
mw-youhavenewmessages	So JavaScript can find the "You have new messages" text in all skins.		MediaWiki:Youhavenewmessages
privacy	Part of the interface.
searchBody	Part of the interface.
searchGoButton	Part of the interface.
searchInput	Part of the interface.
searchform	Part of the interface.
searchTarget	?	monobook/main.css	?
searchTargetContainer	?	monobook/main.css	?
shared-image-desc	Wrapper around the image description from commons		includes/ImagePage.php
siteNotice	Site notices	MediaWiki:Monobook.css, monobook/main.css, common/wikiprintable.css (hidden), common/commonPrint.css (hidden)	skin around MediaWiki:Sitenotice, skin around MediaWiki:Anonnotice
siteSub	MediaWiki:Tagline - "From Wikipedia, the free encyclopedia", appears under the page title.	MediaWiki:Monobook.css, monobook/main.css (hidden)
stub	Stub notices (wikiproject)	monobook/main.css (screen, projection) (only on links, i.e. A elements) common/commonPrint.css (print)	{{stub}}, all stub templates (list)
tfd	Template:Catfd	?	{{Catfd}}, {{tfd}}
toc, toctitle	Table of Contents	common/commonPrint.css (print)	skin on TOC
top	anchor at the top of the page, used for links that go "back to the top"	?	?
villagepumpfaq	Allows the user to hide the FAQ on the top of Wikipedia:Village pump (technical)		Wikipedia:Village pump (technical)
watchlist-message			MediaWiki:Watchlist-messages
watchlist-message-RfX			Template:RfA watchlist notice
wikiPreview	Part of the interface.

id	Description	in CSS^[1]	in HTML^[1]
ca-addsection	"+" or "new section" tab button on top of talk pages.	monobook/main.css and MediaWiki:Monobook.css.	?
ca-delete	Delete tab button for administrators	?	?
ca-edit	edit this page tab button	MediaWiki:Monobook.css	?
ca-history	History tab button	?	?
ca-move	Move tab button	?	?
ca-nstab-user	"user page" tab button in user space	?	?
ca-nstab-wp	Wikipedia project page tab button	?	?
ca-protect	Protection tab button	?	?
ca-talk	Talk page tab button	?	?
ca-unwatch	Unwatch tab button	?	?
f-poweredbyico	Powered by MediaWiki icon in the footer	common/commonPrint.css (print)	?
f-copyrightico	Copyright Wikimedia Foundation in the footer	common/commonPrint.css (print)	?
f-list	Part of the interface.
n-Featured-articles	Part of the interface.
n-contact	Part of the interface.
n-currentevents	Part of the interface.
n-help	Part of the interface.
n-mainpage	Part of the interface.
n-portal	Part of the interface.
n-randompage	Part of the interface.
n-recentchanges	Part of the interface.
n-sitesupport	Part of the interface.
p-cactions	Sets padding, margin, placement and colours of the page top tab buttons in Monobook.	monobook/main.css and MediaWiki:Monobook.css.	?
p-coll-print_export	Surrounds the "print/export toolbar"	?	?
p-interation	Surrounds the "interaction toolbar".	?	?
p-personal	Surrounds the "personal toolbar", i.e. userpage, talk page, prefs, watchlist, contribs, log out.	monobook/main.css (screen, projection)	?
p-lang	Surrounds the links to other language Wikipedias	?	?
p-logo	Surrounds the logo image	?	?
p-nav	?	?	?
p-navigation	surrounds the Navigation menu; i.e. Main page, Community Portal, etc.	?	?
p-tb	surrounds the toolbox menu; i.e. whatlinkshere, related changes, etc.	?	?
pt-login	?	MediaWiki:Monobook.css	?
pt-userpage	Userpage link personal toolbar link	?	?
pt-logout	Part of the interface.
pt-mycontris	Part of the interface.
pt-mytalk	Part of the interface.
pt-preferences	Part of the interface.
pt-watchlist	Part of the interface.
t-permalink	Part of the interface.
t-recentchangeslinked	Part of the interface.
t-specialpages	Part of the interface.
t-upload	Part of the interface.
t-whatlinkshere	Part of the interface.
wpSave	Save button	monobook/main.css	?
wpDiff	Part of the interface.
wpMinoredit	Part of the interface.
wpPreview	Part of the interface.
wpScrolltop	Part of the interface.
wpSummary	Part of the interface.
wpSummaryLabel	Part of the interface.
wpSection	Part of the hidden interface.
wpStarttime	Part of the hidden interface.
wpRecreate	Part of the hidden interface.
wpEdittime	Part of the hidden interface.
wpEditToken	Part of the hidden interface.
wpTextbox1	Part of the interface.
wpWatchthis	Part of the interface.

v t e Wikipedia technical help
Get personal technical help at the Teahouse, help desk, village pump (technical), talk pages or IRC.
General technical help	Browser notes Bypass cache Keyboard shortcuts Editing CharInsert Edit conflict Edit toolbar Reverting How to create a page IRC Tutorial Mobile access Multilingual support Page history Page information Page name Help Printing Software notices Editnotice Special Characters Entering User access levels VisualEditor Help
Special page-related	Special page help AllPages Edit filter Emailing users Logging in Reset passwords Logs Moving a page History merging Non-admin and admin-only page moves Notifications/Echo FAQ Page Curation Page import Pending changes Random pages Recent changes Related changes Searching Linksearch Tags User contributions Watchlist What links here
Wikitext	Wikitext Cheatsheet Columns Line-break handling Lists Magic words For beginners Conditional expressions Switch parser function Time function Redirects Sections and TOCs Tables Introduction Basics Advanced table formatting Collapsing Conditional tables Sortable tables Using colours
Links and diffs	Links Interlanguage Interwiki Permanent Diffs Simplest diff guide Simple diff and link guide Complete diff and link guide Colon trick Link color Pipe trick URLs
Media files: images, videos and sounds	Media help Files Creation and usage Moving files to Commons Images Introduction to images Picture tutorial Preparing images for upload Uploading images Options to hide an image Extended image syntax SVG help Gallery tag Graphics tutorials Basic bitmap image editing How to improve image quality Graphics Lab resources Sound file markup Visual file markup
Other graphics	Family trees Graphs and charts How to create Barcharts To scale charts Math formulas Math symbols Musical scores Musical symbols Timeline EasyTimeline syntax WikiHiero syntax
Templates and Lua modules	Templates Advanced template coding Template documentation Template index Template limits Template sandbox and test cases Citation templates Lua help Lua project Resources To do Substitution Purge Job queue Transclusion Labeled section Costs and benefits Guide to Scribbling
Data structure	Namespaces Main/Article Category Draft File File description page Help Portal Project/Wikipedia Talk Archiving Simple Template User User page design MediaWiki Bug reports and feature requests TimedMediaHandler extension Module Special
HTML and CSS	Cascading Style Sheets HTML in wikitext Catalogue of CSS classes Common.js and common.css User CSS for monospaced coding font Classes in microformats Markup validation Span tags Useful styles
Customisation and tools	Preferences Gadgets Skins Citation tools Cleaning up vandalism tools Customizing watchlists Hide pages IRC Scripts User scripts Guide List Techniques User style Tools Alternative browsing Browser tools Editing tools Navigation shortcuts Optimum tool set Wikimedia Cloud Services Beta Features at MediaWiki
Automated editing	AfC helper script AntiVandal AutoWikiBrowser Bots Creating history HotCat Huggle Navigation popups RedWarn Twinkle Ultraviolet WPCleaner Inactive igloo STiki
See also: Category:Wikipedia how-to Category:Wikipedia information pages Further navigation at: Help pages Administrators Accessibility Accounts Bots Referencing Citation metadata Templates User scripts

Search

Wikipedia:Catalogue of CSS classes

Contents

Before getting started

Stylesheets and JavaScript

Page/action specific

User group specific

Classes

Classes not used in style sheets

IDs

ca-X, f-X, n-X, p-X, pt-X, t-X, wpX IDs

JavaScript variables

See also

Notes