Wikipedia talk:Catalogue of CSS classes

message: Very worthwhile.  It would be good to identify the classes that are built into the main skins that come with MediaWiki (monobook/main.css, etc), and the ones that have been added to the editor-accessible stylesheets in this project (Monobook.css, etc).  Or is this list only for the latter?  —Michael Z. 2006-02-03 06:38 Z
:It's for both. --cesarb 14:17, 3 February 2006 (UTC)
thread_title: Section Zero

message: I personally am quite confused by when to put a mention of a class or id in the Defined at column and when in the Used by column.  My guess was that CSS classes are defined by code in CSS files like #spoiler { border-top: 2px solid #ddd; } and used in HTML or wikicode like class="spoiler", and IDs are reversed; they are defined by HTML id="bar", and used in CSS files.  But maybe I got this backwards.  In any case, it would be very helpful if this was defined(no pun intented) at the top of the page. JesseW, the juggling janitor 08:10, 17 March 2006 (UTC)
replies: text: I agree, they are confusing. If you can suggest better names for the columns, go ahead (but they should be the same in both the classes and the IDs tables, to make it easier to follow). The introduction also needs some editing; I wrote it mostly as a quick placeholder. --cesarb 02:24, 26 March 2006 (UTC)
replies: text: Er, did I get them backwards, or is my understanding correct?  If it is, we could just name the columns In CSS and In HTML, which I think would be clearer, unless that's wrong... JesseW, the juggling janitor 02:37, 26 March 2006 (UTC)
replies: text: Yes, "in CSS" and "in HTML" would be correct almost all the time... Except in the couple of places where one or both of the columns are in fact "in JS" (where the code both uses the classes as markers and creates elements with the classes; mostly the "Dynamic Navigation Bars" stuff). I think I'll do it as you suggested and simply add a footnote. --cesarb 18:37, 26 March 2006 (UTC)
replies: text: Well, my understanding of the javascript use is that it falls into the CSS or HTML form as well; if the JS uses the DOM to define an ID, that's "In HTML", if it uses the DOM to define the style attribute, that's "In CSS".  Thanks for making the change, in any case. JesseW, the juggling janitor 01:03, 27 March 2006 (UTC)
thread_title:  Defined at vs Used by confusion 

message: How should we link to mentions of the classes and IDs in MediaWiki source code.  While line #s do change, so can all the other information in the page, and line #s provide a very useful way to link to the specific mention in question.  We could link to sf.net cvs browser, which would let us link to specific versions of the code... JesseW, the juggling janitor 08:16, 17 March 2006 (UTC)
replies: text: A way to avoid the problem would be to mention not the line number but the function name; however, there's still the problem that it bloats the (already very long) table considerably. Finding the correct files is the hard part; after that, it's easy to search within then for mentions of the class or ID. I'd prefer to link only to the files. --cesarb 02:24, 26 March 2006 (UTC)
replies: text: OK; as I don't see a particuarly elegant solution either, linking to the files only seems fine for now. JesseW, the juggling janitor 02:36, 26 March 2006 (UTC)
thread_title:  Linking to source code mentions 

message: I'm the author of a wikipedia userstyle for the FF stylish extension (local CSS altering) and I was wondering about the new "p-interact"/"p-interaction" menu. It's implementation seems very random - sometimes it's there, sometimes it's not. Can anyone tell me if it's here to stay or? (I don't want to make any alterations to my userstyle if it's just being tried on for size) Thought this might be a good place to ask - apologies if it's not.... chochem 08:51, 20 December 2006 (UTC)
replies: text: It is a good place to ask, except that I don't expect many people to see your question. The best place for that question would be Wikipedia:Village pump (technical). --cesarb 15:49, 23 December 2006 (UTC)
replies: text:  Ok, thanks. (Update: I took a random-article-tour of some 30 articles without seeing it once, so I don't think I'll   pursue it any further.) chochem 15:59, 28 December 2006 (UTC)
thread_title:  "p-interact"/"p-interaction" 

message: I think there should be an example section, to allow users to see what a small one would look like - like a visual reference. Any thoughts? If no one disagrees I could try doing one, however this would probably be a bad idea since I uhh, well, don't really get how to (I can do easy ones, but these seem more complex), but again, any thoughts?--Daniel()Folsom T|C|U 17:06, 15 January 2007 (UTC)
replies: text: It's better to have the examples on the pages where the classes are documented or used (the whole point of this page is to link to where each CSS class/id is documented, defined, and used). Adding examples here would lose the focus of this page. Also, they often aren't supposed to be used directly; they are either part of the interface (automatically used by MediaWiki), or used only on specific templates (for instance, the spoiler ones, which do have their own examples). --cesarb 22:08, 17 January 2007 (UTC)
thread_title: New Part of the Table?

message: Please excuse the cross posting -- not sure where this belongs. 
The Go and Search buttons on the Chick skin spill over into the edit box (in which I am currently typing). 
Could they be moved beneath the Search box (directly above the Toolbox label). 
Robert Greer (talk) 14:01, 11 December 2007 (UTC)
thread_title:  Go and Search buttons in Chick skin 

message: Hi, I've got a question at Wikipedia:Village pump (technical)#Modern skin that someone here might have more info on. I'd also like to bump/remind anyone that knows what to do, to update this page to include info on the new modern skin. Thanks :) -- Quiddity (talk) 21:03, 28 January 2008 (UTC)
thread_title:  Modern skin 

message: Ths selflink class is used for self referencing wikilinks such as this one.  Should it be listed here?  -- Tcncv (talk) 06:42, 10 May 2009 (UTC)
replies: text: Is it used in any stylesheets? I believe that's the current threshold of inclusion here. Never mind, it's auto-inserted by MediaWiki anyways. 「ダイノガイ千？！」(Dinoguy1000) 07:31, 12 May 2009 (UTC)

text: *passes out* 「ダイノガイ千？！」(Dinoguy1000) 07:38, 12 May 2009 (UTC)
thread_title:  Should selflink be listed? 

message: Is there a discussion page for the actual CSS files? There is a long standing problem (at least here) on IE6/9x with an easy fix which I'd like to discuss. ¤ ehudshapira 19:57, 26 August 2009 (UTC)
replies: text: Best place for that is MediaWiki:Common.css —TheDJ (talk • contribs) 21:30, 26 August 2009 (UTC)

text: There's also the technical Village Pump for a wider audience or more general/"upstream" issues. 「ダイノガイ千？！」? · Talk⇒Dinoguy1000 16:23, 27 August 2009 (UTC)
thread_title:  Discussion on actual CSS files? 

message: None of the classes used in  are in MediaWiki:Common.css (et al.), but I thought to let you know anyway in case it does happen. – Allen4names 20:17, 21 February 2011 (UTC)
thread_title:  Template:Query web archive 

message: We're looking at CSS for horizontal lists (chiefly but not only in navboxes), and have some working code. Please join the centralised discussion at MoS (accessibility). Andy Mabbett (User:Pigsonthewing); Andy's talk; Andy's edits 11:41, 2 April 2011 (UTC)
thread_title:  Horizontal lists 

message: I was trying to figure out how the  template worked, when I saw that it uses an html tag with the class reference plainlinks nourlexpansion. How is this class defined? I googled it but I didn't find anything about it; I also didn't find anything about it in this article. I ned to know how the class is defined in order to know how the  template works. —Kri (talk) 15:23, 2 June 2012 (UTC)
replies: text: These are three different classes and may be defined at different places. They don't actually 'do' anything template wise; they only influence the styling of the refererence links. The .reference class prevents bolding in tables, the .plainlinks class removes the external link icon, and the .nourlexpansion class hides the link when printed. They are all listed on this page.  — Edokter (talk) —  20:43, 2 June 2012 (UTC)
thread_title:  Class <code>reference plainlinks nourlexpansion</code>? 

message: :Feel free to state your position on the renaming proposal by beginning a new line in this section with *Support or *Oppose, then sign your comment with ~~~~. Since polling is not a substitute for discussion, please explain your reasons, taking into account Wikipedia's policy on article titles.
*Oppose ofcourse there are things called CSS classes, they are discrete packages of CSS. As for this page, it doesn't seem to be a catalogue of classes... so perhaps it should be called WP:Catalogue of CSS -- 65.92.180.137 (talk) 02:50, 17 February 2013 (UTC)
thread_title: Survey

message: Does anyone know if these classes from MediaWiki:Common.css are still used in any templates?
 .citation
 cite.article
 cite.contribution
 cite.periodical
With HTML5, it is time to use  correctly in our templates and style it as italic by default again. —Michael Z. 2013-02-27 21:40 z
:To follow up: all of these have been removed from common.css.   Gadget850 talk 20:49, 6 June 2013 (UTC)
thread_title:  Citation classes 

message: I think this is where some of the CSS is currently coming from. I'm not sure how much it replaces (in our table at Wikipedia:Catalogue of CSS classes#Stylesheets and JavaScript), or how many of those files each user downloads on articles/elsewhere? I'm tempted to just put this in a hatnote at the top of the documentation-section, as a stopgap pointer, but maybe there's a better short-term solution? 
:Note: try searching through https://git.wikimedia.org/tree/mediawiki%2Fcore.git (Go to eg. /skins/vector/components/ and /skins/common/components/ for the current global sets).
Please assist or suggest, thanks! –Quiddity (talk) 05:15, 8 February 2014 (UTC)
replies: text: Boldly adding, now. –Quiddity (talk) 20:36, 15 April 2014 (UTC)
thread_title:  Notes for potential update 

message: This page remains incorrectly and misleadingly named. Not all the HTML classes used are for presentational (CSS) purposes. I recently moved the page to "Wikipedia:Catalogue of HTML classes", but have been reverted with an edit summary of "We have been over this last year". I don't recall discussing the new name previously; the page should be moved back to that name. Andy Mabbett (Pigsonthewing); Talk to Andy; Andy's edits 13:01, 17 May 2014 (UTC)
replies: text: What are these "HTML classes" you speak of? HTML has class attributes, not classes. All the classnames on this page are associated with a set of CSS rules, and almost all of them have a presentational function. If you really are so concerned with semantics, then "Catalogue of CSS classnames" is what you want. But that term are used synonimously with "classes", so I see no point in this.  — Edokter (talk) —  14:05, 17 May 2014 (UTC)
replies: text: Then rename the page to "Wikipedia:Catalogue of HTML class attributes". If your claim that "almost all of them have a presentational function" is true, then my point that  is proven. Andy Mabbett (Pigsonthewing); Talk to Andy; Andy's edits 15:58, 17 May 2014 (UTC)

text: See #Suggested move three threads above this one. --Redrose64 (talk) 15:53, 17 May 2014 (UTC)
replies: text: Nowhere in that section is the name "Wikipedia:Catalogue of HTML classes", nor indeed any name using the string "HTML" discussed. Andy Mabbett (Pigsonthewing); Talk to Andy; Andy's edits 15:58, 17 May 2014 (UTC)
replies: text: That's because this list is not associated with HTML in any way. These classes are defined in CSS files.  — Edokter (talk) —  16:51, 17 May 2014 (UTC)
replies: text: The classes (I see we're back to "classes" not "class names") are all used in HTML documents; only some, but not all of them are styled (not defined) in CSS documents. If the HTML is rendered without stylesheets, the classes are still present and their semantic meaning can still be interpreted. Without the HTML documents, conversely, the references to the classes in stylesheets are meaningless and useless. Furthermore, it is the HTML specification which defines the class attribute. But thank you for confirming that we have not previously discussed renaming this page with "HTML" in the title. Andy Mabbett (Pigsonthewing); Talk to Andy; Andy's edits 22:25, 17 May 2014 (UTC)

text: Classes are defined in HTML DOM, and are used as selectors in CSS. —TheDJ (talk • contribs) 07:35, 18 May 2014 (UTC)
replies: text: Be that as it may, they are primarily used as CSS selectors, and this page is a list of used selectors.  — Edokter (talk) —  11:43, 26 May 2014 (UTC)
replies: text: Concur with Edokter, I think. This page doesn't seem to have anythign to do with classes used in HTML that are not also used by our CSS.  Even classes people just add to templates on which no CSS is presently acting are generally added so that people can act on them in their own user-level CSS. What's the use case for a class here in HTML that is never touched by CSS?  — SMcCandlish ☺ ☏ ¢ ≽ʌⱷ҅ᴥⱷʌ≼  00:49, 25 August 2015 (UTC)

text: We will rename it only after a consensus has been reached in an WP:RM discussion.  — Edokter (talk) —  11:43, 26 May 2014 (UTC)

text: That might sound like "instructional courses"; class in this sense is a particular CSS-related technical term of art.  — SMcCandlish ☺ ☏ ¢ ≽ʌⱷ҅ᴥⱷʌ≼  00:49, 25 August 2015 (UTC)
replies: text: Yeah, it would have to be DHTML or DOM classes... Even though there are classes that are used by JavaScript instead of CSS, CSS actually is the original/main use for classes, so it may be best to leave it here. —PC-XT+ 06:02, 15 February 2016 (UTC)
thread_title:  Name 

message: Where is references-small defined? It is no longer in MediaWiki:Common.css. -- Gadget850 talk 12:02, 28 April 2015 (UTC)
replies: text: Since  and  now have the same font size (instead of  being full size), I guess it's been moved from the site css to the main css. Wherever that is. --Redrose64 (talk) 13:09, 28 April 2015 (UTC)
replies: text: It no longer exists; the page is just out of date. Anything marked "deprecated" should be removed. -- User:Edokter  13:49, 28 April 2015 (UTC)
replies: text: Anyone remember what the font size was? 90%? There are a lot of tables using this class. Is there an equivalent class? -- Gadget850 talk 23:47, 30 April 2015 (UTC)
replies: text: It was 90%. Now, all references are 90%. -- User:Edokter  08:51, 1 May 2015 (UTC)
replies: text: Found the change where it was removed on 10 Dec 2010. Still about 8,000 uses.  It is used to style a large number of tables. See Hispanidad#Hispanic countries for example. -- Gadget850 talk 11:54, 1 May 2015 (UTC)

text: Regardless, got my answer. -- Gadget850 talk 12:19, 1 May 2015 (UTC)
replies: text: That was a misuse of a references-formatting class as a general-purpose "small-izing" class, anyway. I don't think we should feel bad about it not working when people do the wrong thing with it, either in the sense of using a class incorrectly, or in the sense of ignoring MOS and making entire tables full of information hard to read for no reason, especially since the same table includes not just , which is smaller still, but even  which is really small, made yet smaller by being nested inside a whole table being made smaller-text than normal.  — SMcCandlish ☺ ☏ ¢ ≽ʌⱷ҅ᴥⱷʌ≼  02:05, 25 August 2015 (UTC)
thread_title:  references-small 

message: All the svn.wikimedia.org links, e.g. for common/shared.css, common/commonPrint.css, monobook/main.css, etc., now just go to an empty search form at phabricator.wikimedia.org , and it does not appear to actually be usable to find the files in question. I tried using it to find anything named "shared.css" for example, and it did not work. It's not clear what repositories they all live in. When one can be tracked down specifically, e.g. IE60Fixes.css under MonoBook/ (which shows up as "rSMNb/" when you click on it), under mediawiki-skins (which shows up as "rSKIN/" when you click on it), under "rSKIN mediawiki-skins" (which shows up just as "mediawiki-skins" when you click on it), it's not clear if there is any permanent URL for any file. The ones there have names like https://phabricator.wikimedia.org/diffusion/SMNB/browse/master/;8ae217e9db264a87a90ba39458b78fc436103fb4 which may be URLs to specific commits, I'm not sure. (Git is not my forte; I was more of an Snv guy, and still miss CVS sometimes. :-)  None of these things have consistent paths anyway: The Phabricator URL https://phabricator.wikimedia.org/diffusion/SKIN/ corresponds to the Git URL https://gerrit.wikimedia.org/r/p/mediawiki/skins  etc.
Weirdly, there are two MonoBook repositories:
* "rSMNB MonoBook" repository (a.k.a. "MonoBook") = https://phabricator.wikimedia.org/diffusion/SMNB/ = git clone https://gerrit.wikimedia.org/r/p/mediawiki/skins/MonoBook
* "rSKIN mediawiki-skins" (a.k.a. "mediawiki-skins") = https://phabricator.wikimedia.org/diffusion/SKIN/ = git clone https://gerrit.wikimedia.org/r/p/mediawiki/skins and it contains "MonoBook/" (a.k.a. "rSMNB/") at https://phabricator.wikimedia.org/diffusion/SMNB/browse/master/;8ae217e9db264a87a90ba39458b78fc436103fb4 (presently) with no git clone address specifically for it; it's unclear if the MonoBook files in these two repositories are identical.
At this point, I'm not sure how to find the CSS files referenced at Wikipedia:Catalogue of CSS classes other than by cloning all of the phabricator repositories locally, and doing a local file search. This is really suboptimal when it comes to things like just trying to figure out where our ... bullet is being styled, or whatever.  — SMcCandlish ☺ ☏ ¢ ≽ʌⱷ҅ᴥⱷʌ≼  01:50, 25 August 2015 (UTC)
replies: text: The point being, it would be most optimal if this page were updated to help us locate all the CSS that WP is loading.  — SMcCandlish ☺ ☏ ¢ ≽ʌⱷ҅ᴥⱷʌ≼  10:15, 8 September 2015 (UTC)
replies: text: I understand your point, but the CSS files as such no longer exist really. They are basically fragments and modules that collectively construct a dynamically generated CSS file for delivery. Checking out the code is probably indeed the best way to find things and a web inspector is the very best way to find such information. But I'll see if I can make a breakdown at least at the directory level. —TheDJ (talk • contribs) 11:49, 8 September 2015 (UTC)
replies: text: Thanks for your work below, TheDJ.  It's helpful, and I hope it finds a home. — CpiralCpiral 20:56, 17 December 2015 (UTC)

text: To locate all the CSS pages in a namespace, use the search parameter intitle.  For example  and .  To AND terms, use two intitle.  Intitle won't OR.  — CpiralCpiral 20:56, 17 December 2015 (UTC)

text: Not really, there are 10s of thousands of classes spread out over hundreds of repositories. The best tool as always is to use the web inspector of your browser. —TheDJ (talk • contribs) 17:46, 29 September 2021 (UTC)
replies: text:  Thanks ... is it really necessary to make it so complicated? Taylor 49 (talk) 17:53, 29 September 2021 (UTC)
replies: text: Welcome to CSS. – The Grid (talk)  20:06, 23 July 2022 (UTC)
thread_title:  Dead links, so where are these files? 

message: The page is still full of dead links.
* Help:Table#Classes
* Help:Cascading_Style_Sheets
* phabricator.wikimedia.org/.../shared.css this one works (today at least)
Is there a way to check what classes are available, and what definitions they include, on this wiki as well as on other wikis? Taylor 49 (talk) 17:31, 29 September 2021 (UTC)
replies: text: Not really, there are 10s of thousands of classes spread out over hundreds of repositories. The best tool as always is to use the web inspector of your browser. —TheDJ (talk • contribs) 17:46, 29 September 2021 (UTC)
replies: text:  Thanks ... is it really necessary to make it so complicated? Taylor 49 (talk) 17:53, 29 September 2021 (UTC)
replies: text: Welcome to CSS. – The Grid (talk)  20:06, 23 July 2022 (UTC)
thread_title:  6 years later 

message: Below the "Stylesheets and JavaScript" table, directly above the "Page/action specific" subheader: Cite error: The named reference ul was invoked but never defined (see the help page).
The reference marks that point there are in the "Stylesheets and JavaScript" table and look like [J 1]. --SoledadKabocha (talk) 23:05, 18 August 2020 (UTC)
replies: text: I have recovered and restored the note. — JohnFromPinckney (talk) 11:15, 19 August 2020 (UTC)
replies: text: The note is technically incorrect. Gadgets can be enabled for all users, even ones who are unregistered. --Izno (talk) 21:36, 19 August 2020 (UTC)
replies: text:  Then it needs to be removed from the 19 places where the note has been applied. Yeah? — JohnFromPinckney (talk) 06:09, 21 August 2020 (UTC)
replies: text:  I did use the word "technically". A slight reword might be preferable. --Izno (talk) 20:53, 21 August 2020 (UTC)
thread_title:  Cite error 

message: A discussion is taking place to address the redirect :Catalogue of IDs. The discussion will occur at Wikipedia:Redirects for discussion/Log/2021 January 23#Catalogue of IDs until a consensus is reached, and readers of this page are welcome to contribute to the discussion.  𝟙𝟤𝟯𝟺𝐪𝑤𝒆𝓇𝟷𝟮𝟥𝟜𝓺𝔴𝕖𝖗𝟰 (𝗍𝗮𝘭𝙠) 13:06, 23 January 2021 (UTC)
thread_title:  "Catalogue of IDs" listed at [[Wikipedia:Redirects for discussion|Redirects for discussion]] 

message: Since it is for MediaWiki in general, does it have a different meaning that happens to be abbreviated with "wp", or is it "Wikipedia" (since MediaWiki was originally developed around Wikipedia)? Wiisixtyfour (talk) 15:48, 10 April 2022 (UTC)
thread_title:  Does "wp" in the ID names stand for "Wikipedia" or something else with the same abbreviation? 

message: I would like to add a image-rendering: pixelated; CSS property to an image file. I can do this with Wikipedia:Extended image syntax#Class if there was a class that applied this setting.
The reason for this setting is PNG files that are very small are upsampled by blurring pixels together, but there are a number of images where each pixel is supposed to be a perfect square, like the one on Viroid. This setting tells the browser to turn off the blurring. Akeosnhaoe (talk) 07:12, 1 February 2024 (UTC)
thread_title:  image-rendering: pixelated; CSS class