ਵਿਕੀਪੀਡੀਆ: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, way 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.
- Using
!important
is generally bad. Use different forms of specificity instead.
This might seem complex if you just want to make some changes for your own user account, but don't be fooled it IS complex. If you haven't read the above linked documents, you probably should not be trying to change styling, rename classes, or write your own scripts.
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.skinning
for the current default/global sets).
The following table is really outdated since MediaWiki 1.17. One way to look at the core CSS and JS files is to install Firebug, load any Wikipedia page with ?debug=true
URL parameter (this will separate different CSS files, prevent minification and preserve comments), then in Firebug switch to "CSS" tab, select CSS file and click "Edit". Another way is to look at these files at SVN; note that some JS files already migrated to /resources.
- Notes
- ↑ 1.00 1.01 1.02 1.03 1.04 1.05 1.06 1.07 1.08 1.09 1.10 1.11 1.12 1.13 1.14 1.15 1.16 1.17 1.18 1.19 1.20 1.21 1.22 1.23 Only available to logged in users.
- ↑ 2.0 2.1 2.2 2.3 Can be disabled via preferences.
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. |
block.js | Special:Blockip | Dynamic updating of block form elements. |
categorytree.js |
Special:CategoryTree and pages with <categorytree> |
mw:Extension:CategoryTree |
diff.css | diff pages | Stylesheet specifically for diff tables. |
diff.js | diff pages | JavaScript specifically for diff tables (Mozilla <1.2 fix). |
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. |
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. |
MediaWiki:Geshi.css | Any page using <source> | Part of the SyntaxHighlight extension. |
script or style | page or action | description |
---|---|---|
edit.js | Edit pages and Special:Upload | |
file.js | File (image) pages. | |
watchlist.js | Special:Watchlist | |
wikiminiatlas.js | WikiMiniAtlas popup button for the coordinate links. (Loads on all pages.) |
User group specific
[ਸੋਧੋ]Special stylesheets and javascript are loaded for some user groups.
script or style | description |
---|---|
MediaWiki:Group-templateeditor.css | For template editors. |
MediaWiki:Group-sysop.css | For admins. |
LocalSettings specific
[ਸੋਧੋ]Certain site settings result in loading of specific styles and scripts. Most of these do not apply to the English Wikipedia.
script or style | skins | description |
---|---|---|
ajaxsearch.js | Older version of mwsuggest.js (requires $wgAjaxSearch to be enabled, disabled here). | |
modern/rtl.css | modern | RTL styles (if content language is a right-to-left aligned writing system) for modern. |
monobook/rtl.css | monobook | RTL styles (if content language is a right-to-left aligned writing system) for monobook. |
common_rtl.css | cologne blue | RTL styles for non-template skins. Not applicable here. |
Browser specific
[ਸੋਧੋ]- Internet Explorer, KHTML and older versions of Opera are a bit more buggy than other popular browsers, and needs some additional CSS and JavaScript to work around some of its bugs.
skin | IE 5.0 – 6.0 | IE 5.0 | IE 5.5 | IE 6.0 | IE 7.0 |
---|---|---|---|---|---|
MonoBook
|
common/IEFixes.js | monobook/IE50Fixes.css | monobook/IE55Fixes.css | monobook/IE60Fixes.css | monobook/IE70Fixes.css |
Vector
|
common/IEFixes.js |
skin | IE Mac | KHTML | Opera 6 | Opera 7 |
---|---|---|---|---|
MonoBook
|
monobook/IEMacFixes.css | monobook/KHTMLFixes.css | monobook/Opera6Fixes.css | monobook/Opera7Fixes.css |
Vector
|
- Note that these are loaded sometimes via IE <!--[if]--> comment syntax, and sometimes via CSS, and sometimes via JavaScript.
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¹ | in HTML¹ |
---|---|---|---|
accountcreator-show | Makes the red "Group notice" and "Page notice" editnotice links visible to accountcreators. Only use this for very short items, since some browsers show hidden items to all users. | MediaWiki:Group-accountcreator.css | {{editnotice load}} |
: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 | — | — |
dmbox, dmbox-* | Disambig and set index message box styles. See also mbox-text etc. below. |
MediaWiki:Common.css | {{dmbox}} meta-template that is used to create most disambig and set index message boxes.
|
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. "ਵਿਕੀਪੀਡੀਆ:CLASS" | 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, MediaWiki:Common.js/IEFixes.js | {{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 |
IPA | Font-selection fixes for Windows, for IPA | MediaWiki:Common.js/IEFixes.js | {{IPA}}
|
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}} , {{fmbox}} and {{dmbox}} 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 | |
merge | (Deprecated) A cleanup class. | MediaWiki:Common.css | |
messagebox | (Deprecated) Used on some Template messageboxes, sensibly enough. | MediaWiki:Common.css | |
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) | MediaWiki:Common.css | {{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-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}}
|
NavFrame, NavHead, NavPic, NavContent | Used by the experimental Dynamic Navigation Bars code (See Wikipedia:NavFrame) | MediaWiki:Monobook.js | {{hidden}} , {{hidden begin}} , ({{hidden end}} )
|
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 |
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.
|
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 |
persondata | biographical metadata | — | {{Persondata}}
|
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 | MediaWiki:Cite references prefix, MediaWiki:Cite references suffix, {{Reflist}} , {{Refbegin}}
|
references-column-count, references-column-count-n, references-column-width | Assigned to reference lists with columns | {{Reflist}} , {{Refbegin}}
| |
references-small | (Removed [1]) 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/handheld rules to be easily applied. Skin name is lowercase: skin-monobook, skin-modern etc.
|
/includes/Skin.php | |
small | (Deprecated) Unusable way to make text/messageboxes smaller. | MediaWiki:Common.css | |
small-talk | (Deprecated) Standardized talk page templates | MediaWiki:Common.css | |
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 |
standard-talk | (Deprecated) Standardized talk page templates | MediaWiki:Common.css | |
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 | 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 thumnail. | 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}} , {{pp-meta}} , {{Spoken Wikipedia boilerplate}} , {{Featured article}}
|
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) | – |
Unicode | Font-selection fixes for Windows, for unusual Unicode characters | MediaWiki:Common.js/IEFixes.js | {{Unicode}}
|
UnicodeAnimal, UnicodeAstro, UnicodeChem, UnicodeCommunication, UnicodeDentistry, UnicodeEducation, UnicodeEmoticon, UnicodeEnclosed, UnicodeEvent, UnicodeFood, UnicodeGame, UnicodeMap, UnicodeMedicine, UnicodeMoney, UnicodeMusic, UnicodePerson, UnicodePicto, UnicodePlant, UnicodePoliticsReligion, UnicodeRegion, UnicodeSport, UnicodeTechnology, UnicodeTime, UnicodeUI, UnicodeWarning, UnicodeWeather | Font-selection consistency when using thematically-related characters, including better support than .Unicode for uncommon ranges
|
MediaWiki:Common.css | {{Unicode}}
|
visualClear | applies the style "clear:both", because floats are used to position the 2 columns in monobook | monobook/main.css (screen, projection) | includes/templates/Userlogin.php, skins/MonoBook.php |
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¹ |
Other classes
[ਸੋਧੋ]The following should perhaps also be added to the above table:
- Microformat classes as listed in Microformat classes.
robots-nocontent
- reserved, per [2]
IDs
[ਸੋਧੋ]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 |
collapsibleTablen, collapsibleButtonn | 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 | |
NavFramen, NavTogglen | Used by the experimental Dynamic Navigation Bars code | MediaWiki:Monobook.js | MediaWiki:Monobook.js |
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-details | ||
wikiPreview | Part of the interface. |
ca-X, f-X, n-X, p-X, pt-X, t-X, wpX IDs
[ਸੋਧੋ]i.e. interface buttons, links, etc.
id | Description | in CSS¹ | in HTML¹ |
---|---|---|---|
ca-addsection | "+" or "new section" tab button on top of talk pages. | monobook/main.css and MediaWiki:Monobook.css. | ? |
ca-delete | Delete tab button | ? | ? |
ca-edit | edit this page tab button | MediaWiki:Monobook.css | ? |
ca-history | History tab button | ? | ? |
ca-move | Move tab button | ? | ? |
ca-nstab-user | ? | ? | ? |
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. |
JavaScript variables
[ਸੋਧੋ]About 30 variables that can be used in JavaScript. View the rendered code of any page and find for instance "var wgUserName
".
Notes
[ਸੋਧੋ]- In some special cases in JavaScript.