Wikipedia talk:Catalogue of CSS classes

From Wikipedia, the free encyclopedia

Contents

[edit] Section Zero

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)

[edit] Defined at vs Used by confusion

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)

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)
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)
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)
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)

[edit] Linking to source code mentions

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)

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)
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)

[edit] Some more source code bits to add sometime

/Users/jesse/FreeProjects/phase3/includes/Article.php:821:                                '<span class="redirectText">'.$link.'</span>' );
/Users/jesse/FreeProjects/phase3/includes/ChangesList.php:474:          $users = ' <span class="changedby">['.implode('; ',$users).']</span>';
/Users/jesse/FreeProjects/phase3/includes/DifferenceEngine.php:262:             $header = "<div class=\"firstrevisionheader\" style=\"text-align: center\"><strong>{$this->mOldtitle}</strong><br />$userLink " .
/Users/jesse/FreeProjects/phase3/includes/EditPage.php:908:<div class='editButtons'>
/Users/jesse/FreeProjects/phase3/includes/EditPage.php:1079:                    "<div class='previewnote'>" . $wgOut->parse( wfMsg( $msg ) ) . "</div>\n";
/Users/jesse/FreeProjects/phase3/includes/ImageGallery.php:95:          $s = '<table class="gallery" cellspacing="0" cellpadding="0">';
/Users/jesse/FreeProjects/phase3/includes/ImageGallery.php:106:                         $s .= '<td><div class="gallerybox" style="height: 152px;">' .
/Users/jesse/FreeProjects/phase3/includes/ImagePage.php:114:            $r .= "{| id=mw_metadata class=mw_metadata\n";
/Users/jesse/FreeProjects/phase3/includes/ImagePage.php:234:                            $wgOut->addHTML( '<div class="fullImageLink" id="file">' . $anchoropen .
/Users/jesse/FreeProjects/phase3/includes/ImagePage.php:260:<div class="fullMedia">
/Users/jesse/FreeProjects/phase3/includes/ImagePage.php:261:<span class="dangerousLink">[[Media:$filename|$filename]]</span>
/Users/jesse/FreeProjects/phase3/includes/ImagePage.php:262:<span class="fileInfo"> ($info)</span>
/Users/jesse/FreeProjects/phase3/includes/ImagePage.php:265:<div class="mediaWarning">$warning</div>
/Users/jesse/FreeProjects/phase3/includes/ImagePage.php:295:            $sharedtext = "<div class='sharedUploadNotice'>" . wfMsgWikiHtml("sharedupload");
/Users/jesse/FreeProjects/phase3/includes/Linker.php:460:                       $s = '<a href="'.$u.'" class="image" title="'.$alt.'">' .
/Users/jesse/FreeProjects/phase3/includes/Linker.php:549:                               $zoomicon =  '<div class="magnify" style="float:'.$magnifyalign.'">'.
/Users/jesse/FreeProjects/phase3/includes/Linker.php:555:               $s .= '  <div class="thumbcaption" '.$textalign.'>'.$zoomicon.$label."</div></div></div>";
/Users/jesse/FreeProjects/phase3/includes/Linker.php:700:                       $auto='<span class="autocomment">'.$auto.'</span>';
/Users/jesse/FreeProjects/phase3/includes/Linker.php:756:                               return " <span class='comment'>(...)</span>";
/Users/jesse/FreeProjects/phase3/includes/Linker.php:778:               return "\n<li class='toclevel-$level'><a href=\"#" .
/Users/jesse/FreeProjects/phase3/includes/Math.php:231:                 return '<span class="texhtml">'.$this->html.'</span>';
/Users/jesse/FreeProjects/phase3/includes/Math.php:241:         return "<img class='tex' src=\"$url\" alt=\"$alt\" />";
/Users/jesse/FreeProjects/phase3/includes/PageHistory.php:248:                  $s .= '<span class="history-deleted">';
/Users/jesse/FreeProjects/phase3/includes/PageHistory.php:255:          $s .= "($curlink) ($lastlink) $arbitrary $link <span class='history-user'>$ul</span>";
/Users/jesse/FreeProjects/phase3/includes/PageHistory.php:263:                  $s .= ' <span class="updatedmarker">' .  wfMsgHtml( 'updatedmarker' ) . '</span>';

[edit] "p-interact"/"p-interaction"

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)

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)
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)

[edit] New Part of the Table?

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)

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)

[edit] Go and Search buttons in Chick skin

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)

[edit] Modern skin

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)