Cannabis Ruderalis

Content deleted Content added
Mzajac (talk | contribs)
m →‎Consistent list alignment: Common.css is not appropriate for this
m update template call
Tag: AWB
 
(505 intermediate revisions by more than 100 users not shown)
Line 1: Line 1:
{{/header}}{{archives|search=yes}}
{{ilm}}


== diff code still needed? ==
For the monobook skin, Wikipedia uses the stylesheet http://en.wikipedia.org/style/monobook/main.css . The page here overwrites parts of that. Individual users can adapt this again for themselves, see [[m:User styles]].


Is [{{fullurl:MediaWiki:Monobook.css|diff=7766295}} this diff code] still needed? — [[User:RockMFR|RockMFR]] 01:52, 19 September 2009 (UTC)
A good deal of common code, not specific to Monobook, was moved to '''[[MediaWiki:Common.css]]'''.
:Depends on wether we think it was a successful experiment I guess :D I use my own colorcoding CSS for diff. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 16:42, 17 November 2009 (UTC)
:It is still needed, in fact, parts of it could serve well in vector.css, especially the font-size and vertical-align. <span style="font-family: verdana;"> — [[User:Edokter|<b style="color:#008"><i>E</i>dokter</b>]] • [[User_talk:Edokter|<span style="color:#080">Talk</span>]] • </span> 23:16, 18 October 2010 (UTC)
::Look at me, replying to a year old message. :) <span style="font-family: verdana;"> — [[User:Edokter|<b style="color:#008"><i>E</i>dokter</b>]] • [[User_talk:Edokter|<span style="color:#080">Talk</span>]] • </span> 23:28, 18 October 2010 (UTC)


==Personalized CSS==
==Archives==
Would it be helpful to add personalized CSS for some pages?
*[[MediaWiki talk:Monobook.css/archive1|Archive 1]] (most of 2004)
[[User:Chairsenses|Chairsenses]] ([[User talk:Chairsenses|talk]]) 02:59, 16 January 2010 (UTC)
:I don't know, would it?? <samp>:P</samp> [[User:Happy-melon|<span style="color:forestgreen">'''Happy'''</span>]]‑[[User talk:Happy-melon|<span style="color:darkorange">'''melon'''</span>]] 13:20, 16 January 2010 (UTC)


==gap (or chasm) above div.catlinks==
== [[Template:Prettytable]] ==
This class has {{code|margin-top: 1em;|css}} by default, tracing a half-height alleyway below the last navbox. I think positioning these elements flushly would be an aesthetic improvement. What kind of CSS would collapse these borders most effectively, to make figure 1 (left) resemble figure 2 (right) in the following screen-shot?
In the [[Template talk:Prettytable|Talk page]] of &#123;{[[Template:prettytable|prettytable]]}} it was suggested to take the discussion about moving that template into sitewide CSS here, but somehow nobody did. Therefore I'm repeating my comment from there:
*See http://i54.tinypic.com/2a95gd5.png (content from [[Deion Sanders]])
Perhaps we could set {{code|margin-top:0px;|css}} for the catlinks, and {{code|margin-bottom:-1px;|css}} for all navboxes, noting that navboxes should have no free-form content below them, only other navboxes. This might be IE6 friendly, even. ―[[special:contributions/cobaltcigs|cobaltcigs]] 16:02, 18 October 2010 (UTC)


:If we set <code>margin-top:0px;</code> for the category boxes, ''everything'' will cling to the box, including what you are reading right now; we defenitely do not want that. The category box is a seperate entity on the page; it should remain that way. <span style="font-family: verdana;"> — [[User:Edokter|<b style="color:#008"><i>E</i>dokter</b>]] • [[User_talk:Edokter|<span style="color:#080">Talk</span>]] • </span> 23:00, 18 October 2010 (UTC)
The current code is
::Fully agreed with Edokter. Having text run into the top of the catlinks seems a really bad idea. Not every page has navboxes. (And even then, i'd like to keep seperation between the two elements). —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 23:26, 18 October 2010 (UTC)
border="2" cellpadding="4" cellspacing="0"
Could we reduce it to a few px so it is not visually mistakable for an empty paragraph tag? ―[[special:contributions/cobaltcigs|cobaltcigs]] 23:54, 21 November 2010 (UTC)
style="margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse;"
:I'm afraid not. 1em is the default spacing between article content and all other elements. <span style="font-family:verdana"> — [[User:Edokter|<b style="color:#008"><i>E</i>dokter</b>]] • [[User_talk:Edokter|<span style="color:#080">Talk</span>]] • </span> 00:12, 22 November 2010 (UTC)
It is correct that IE does not support 'border-spacing', but it does support 'border-collapse: collapse', which always implies "border-spacing: 0", which is the same as "cellspacing=0". It also supports 'padding' for 'td' and 'th' correctly, which is what "cellpadding=4" does. Even that contradicting "border=2" and "border: 1px #aaa solid" is handled the same as in Firefox. Therefore I really cannot see any reason not to move this into the stylesheets (there are more skins than Monobook). Even if in IE some spacing was one or two pixels off or the border color a little darker&mdash;it did not matter! Server resources are much more valuable than such a minor glitch. So my proposal is:<pre><nowiki>

table.pretty {
== Make selecting coordinate text easier ==
margin: 1em 1em 1em 0;
border-collapse: collapse;
background: #f9f9f9; color: #000;
/* font-size: 95%;*/
}
table.pretty th,
table.pretty td {
border: 1px #aaa solid;
padding: 4px;
}
</nowiki></pre>
And while we are at it, add something like this, that IE really does not support:
<pre><nowiki>
table.pretty th[scope="col"], /* column header */
table.pretty>tbody>tr:first-child>th,
table.pretty th[scope="row"], /* row header */
table.pretty>tbody>tr>th:first-child {
background-color: #F00;
}
table.pretty th[scope="row"], /* row header */
table.pretty>tbody>tr>th:first-child {
text-align: left;
}


{{FPER|ans=yes}}
table.pretty>tbody>tr:hover>td,
<syntaxhighlight lang=css>
table.pretty>tbody>tr>td:hover {/* or '*' instead of 'td' */
#coordinates {
background-color: #8A5;
/* Increase clicking area for selecting coordinates */
padding-right:30px;
right:0;
}
}
</syntaxhighlight>
</nowiki></pre>
— [[User:Dispenser|Dispenser]] 00:00, 2 July 2012 (UTC)
Note that I do not like all the style choices made in this template, especially not the reduced font size. The actual color codes should be skin dependent. Furthermore I doubt that a class is at all required, because we could just make all tables look nice instead (I already did in my stylesheet, but I'm using Standard not Monobook). [[User:Crissov|Christoph Päper]] 12:16, 23 Jun 2005 (UTC)
: [[File:Yes check.svg|20px|link=|alt=]] '''Done'''<!-- Template:EP --> Seems sensible, and shouldn't cause any change in the actual display [[User:Anomie|Anomie]][[User talk:Anomie|⚔]] 01:24, 10 July 2012 (UTC)
: So is there a reason that there have some changes been made to [[MediaWiki:Monobook.css]] since I wrote this, but I haven't even gotten a reply (neither positive nor negative)? Shall we go on using that ugly compromise that is [[Template:Prettytable]]? [[User:Crissov|Christoph Päper]] 28 June 2005 15:39 (UTC)


== margin-top on bodyContent ==
:: I have not tested your <code>.pretty</code>-code, but I like the initiative. If it works in the major browsers, I cannot see why we shouldn't include it in the stylesheet(s). The [[Template:Prettytable]] is temporary and usable, but hard on the servers. -[[User:Fred Bradstadt|Fred Bradstadt]] 09:59, July 21, 2005 (UTC)


{{sudo|answered=yes}}
::: Er... guys, I didn't know about this... and I just added some tags to [[MediaWiki:Common.css]]... which I have applied to [[Microsoft Jet]]. - [[User:Ta bu shi da yu|Ta bu shi da yu]] 10:09, 21 July 2005 (UTC)


Hi. Can someone please look at updating the following text:
:::: Right, I just noticed that as well :-) I'm im favor of changing the css on Common.css with the css listed above, since it has relative margins and better colors. Though, I like the idea of <code><nowiki><th></nowiki></code> having a background color, for example <span style="background-color:#efefef;">#efefef</span>. What do you think?
:::: Another argument in [[User:Crissov]]'s edit above is that we could change the look of tables in general, so they would all look "pretty". Does anyone here know to which extend that would break the style for the entire page? -[[User:Fred Bradstadt|Fred Bradstadt]] 10:33, July 21, 2005 (UTC)


<syntaxhighlight lang="css">
::::: Whatever you do, don't use the word "pretty" in the class name! A class name should describe the function on the element, not the current appearance, which is likely to change. See what the W3C has to say on the matter: http://www.w3.org/QA/Tips/goodclassnames . [[User:Ed g2s|<font face="verdana">ed g2s</font>]] &bull; [[User talk:ed_g2s|<font face="verdana">talk</font>]] 11:13, 21 July 2005 (UTC)
/* Don't display some stuff on the main page */

body.page-Main_Page #deleteconfirm,
:::::: I agree, but I cannot come up with a better name than "pretty", maybe because I cannot describe which tables should be "pretty" and which should not. The ones that should not be "pretty" are fx infobox, taxobox and other tables that ''ought to'' have their own css class definitions. So maybe the "prettytable" thing should really apply for tables in general? But, as mentioned above, I do not know the exact consequences of changing the css for tables in general... -[[User:Fred Bradstadt|Fred Bradstadt]] 11:28, July 21, 2005 (UTC)
body.page-Main_Page #t-cite,

body.page-Main_Page #lastmod,
:::::: Finally I got attention! Maybe I should have added this to the bottom of the page like I usually do.
body.page-Main_Page.action-view #siteSub,
:::::: I advocate good class names myself, but ‘pretty’ is a border case IMO. Name it whatever you want, though, as long as people can remember it and associate with the correct meaning, which currently is just prettyfying. This argument would of course be nil, if all tables were changed.
body.page-Main_Page.action-view #contentSub,
:::::: Note that the second part of my code, that is not intended to work in IE, is not perfect. If Wikipedia really used XHTML&mdash;currently it's just tagsoup labeled as XHTML, which is bad&mdash;the selectors with ‘tbody’ would not work; solution: duplicate and remove “tbody>” once. The header background color part is of course just an example, often just selecting ‘th’ would be enough (and nobody uses ‘scope’ on WP anyway). [[User:Crissov|Christoph Päper]] 11:53, 21 July 2005 (UTC)
body.page-Main_Page.action-view h1.firstHeading {

display: none !important;
::::::: What about default table, standard table or skinned table? I'm sure that between us we can do better than "pretty". [[User:Ed g2s|<font face="verdana">ed g2s</font>]] &bull; [[User talk:ed_g2s|<font face="verdana">talk</font>]] 12:28, 21 July 2005 (UTC)
:::::::: “Default” or “standard” should be just ‘table’, not ‘table.foo’. “Skinned” implies that it's different in each Skin, i.e. it wouldn't belong into [[Wikipedia:Common.css|common.css]]. [[User:Crissov|Christoph Päper]] 13:36, 21 July 2005 (UTC)

::::::::: Hey guys, I think this is an important initiative - let's not leave it stranded because we cannot agree on a class name! Are there any problems in changing the general table design to the prettytable css? -[[User:Fred Bradstadt|Fred Bradstadt]] 11:46, July 24, 2005 (UTC)

::::::: I agree that if the intention is for this to be the default table styling then it shouldn't have classname at all, but should only apply to all tables inside an article (i.e. replace <code>table.pretty { ... }</code> with <code>#content table { ... }</code>). I can't see any other problems with implementing it. [[User:Ed g2s|<font face="verdana">ed g2s</font>]] &bull; [[User talk:ed_g2s|<font face="verdana">talk</font>]] 12:59, 24 July 2005 (UTC)

Please see my suggestions on [[MediaWiki talk:Common.css#Proposal for CSS for tables]]. -[[User:Fred Bradstadt|Fred Bradstadt]] 16:15, August 20, 2005 (UTC)

== "text-align: justify;" ==

It seems to me that someone is adding and removing "text-align: justify;" in the current stylesheet. It causes the Unicoded texts, especially [[Tamil language|Tamil]] to flip in Firefox. See, [https://bugzilla.mozilla.org/show_bug.cgi?id=270012 this bug report]. So, please don't "justify" text-align. Thanks. --[[User:Rrjanbiah|Rrjanbiah]] 07:53, 5 Dec 2004 (UTC)
:This is actually a bug in MediaWiki, where it sometimes sends you [http://en.wikipedia.org/w/wiki.phtml?title=-&action=raw&smaxage=0&gen=css the CSS] for other people's [[Special:Preferences]], instead of your own. If it annoys you do a full reload (ctrl-f5) until it's fixed. [[User:Goplat|Goplat]] 16:52, 5 Dec 2004 (UTC)

::This should have been fixed some while ago, please confirm. --[[User:Brion VIBBER|Brion]] 07:20, Jan 12, 2005 (UTC)

== Updating the cache ==

I make changes to my monobook.css, but they won't show up (I suppose they will someday). I even load the css in my browser window and shift- alt- command-refresh a dozen times&mdash;no luck. Sure is a pain to trouble-shoot CSS changes this way. Is there a trick, or just patience required? ''&mdash;[[User:Mzajac|Michael Z.]] 00:01, 2005 Jan 16 (UTC)''

== Invalid style sheets ==

Both /skins/monobook/main.css and monobook.css are currently invalid. I've been experiencing some very annoying styling goofiness in Safari/Mac lately. Can someone please remove the invalid declarations and fix the syntax errors? ''&mdash;[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;2005-01-21&nbsp;18:03Z''

== error in TOCs ==

Please revert [http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&diff=next&oldid=10109434 this change] ASAP. It is messing up the display of table of contents. -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 06:19, 2005 Feb 10 (UTC)

==Extra space between paragraphs==
I don't like this at all. [[User:Fredrik|Fredrik]] | [[User talk:Fredrik|talk]] 02:55, 13 Feb 2005 (UTC)
:Nor do I [[User:Mulad|<nowiki></nowiki>]] &mdash;[[User:Mulad]] [[User talk:Mulad|(talk)]] 02:18, Feb 14, 2005 (UTC)
:It looks especially bad for category boxes. [[User:Goplat|Goplat]] 02:40, 14 Feb 2005 (UTC)

== bullet.gif -> bullet.png ==

The bullet used by lists is bullet.gif. This should be bullet.png, IMHO. It should link to [http://commons.wikimedia.org/upload/7/7a/Bullet.png], so that it is in the control of the Editor. [[User:Gerritholl|Gerritholl]] 11:47, 14 Feb 2005 (UTC)

:Things like bullets and the Wikipedia logo should ''not'' be in control of the editor. :-) - [[User:Omegatron|Omegatron]] 20:13, July 9, 2005 (UTC)

== class="plainlinks" fix ==

Would someone please add this to the file:

#bodyContent .plainlinks a {padding: 0 !important}

Thanks. &ndash; [[User:ABCD|AB]][[User talk:ABCD|'''''CD''''']] 03:20, 24 Feb 2005 (UTC)
: Another, probably better way would be to add the <code>!important</code> code to the http://en.wikipedia.org/style/monobook/main.css file. &ndash; [[User:ABCD|AB]][[User talk:ABCD|'''''CD''''']] 03:59, 24 Feb 2005 (UTC)
:: This was [http://bugzilla.wikimedia.org/show_bug.cgi?id=714 reported] [http://bugzilla.wikimedia.org/show_bug.cgi?id=1516 twice] but ignored. [[User:Goplat|Goplat]] 04:32, 24 Feb 2005 (UTC)
:::Now added to Monobook.css, at least, and seems to be working. Should it be added to other skin stylesheets as well? (And if so, what are their names? I couldn't find a list.... &mdash; [[User:CatherineMunro|Catherine]]\<sup>[[User_talk:CatherineMunro|talk]]</sup> 19:37, 10 Mar 2005 (UTC)

==messed up section edit links - CSS or Mozilla issue?==
[[Village pump (technical)#section edit links showing up badly]] - this may be a problem with the CSS, or it may be a Mozilla/Firefox/etc problem that can still be fixed by changing the CSS. Please have a look. --[[User:SPUI|SPUI]] ([[User talk:SPUI|talk]]) 17:55, 1 Mar 2005 (UTC)

== framed image background color ==

should we change

div.thumb div a img {
border:1px solid #cccccc;
}

into

div.thumb div a img {
border:1px solid #cccccc;
background-color:#ffffff;
}

(I added this to my user css and it works the way I expected.)

to fix this:

[[Image:currentmirror.png|framed|right|This should have a white background <s>(or the same background as the page we are currently on?)</s> The image has transparency.]]

<br style="clear:both;" />

Or maybe we just shouldn't be uploading images with transparent backgrounds? But they look better on pages with colored backgrounds like this:

[[Image:currentmirror.png]] - [[User:Omegatron|Omegatron]] 16:39, Mar 21, 2005 (UTC)
:Can you make it transparent? My personal CSS makes various namespaces different colours, and the framed areas stand out quite glaringly, although it's actually the area '''around''' the frame which is most obvious. --[[User:Phil Boswell|Phil]] | [[User talk:Phil Boswell|Talk]] 17:07, Mar 21, 2005 (UTC)

::I think background-color: transparent; would do it. Now that I think of it, it should be white, though. - [[User:Omegatron|Omegatron]]

:::Nope. This doesn't work when I add it to my user css, presumably because it just shows the color of the gray div underneath it. - [[User:Omegatron|Omegatron]] 17:36, Mar 21, 2005 (UTC)

::Also, this is related: [[Wikipedia_talk:Extended_image_syntax#Multiple_images_in_one_frame]] - [[User:Omegatron|Omegatron]] 17:27, Mar 21, 2005 (UTC)

:::See [[PNG]] -- the picture has to be saved with [[binary transparency]] to display properly in [[Internet Explorer]] and some other browsers. &mdash; [[User:CatherineMunro|Catherine]]\<sup>[[User_talk:CatherineMunro|talk]]</sup> 20:34, 21 Mar 2005 (UTC)

::::It's not about the transparency itself; it's about the background color of the frame, which only shows in the presence of transparency. - [[User:Omegatron|Omegatron]] 17:45, Mar 22, 2005 (UTC)

I'm going to be bold and add it. - [[User:Omegatron|Omegatron]] 17:49, Mar 28, 2005 (UTC)

:And no one has complained! - [[User:Omegatron|Omegatron]] 20:13, July 9, 2005 (UTC)

== small :) request ==

Per discussion at [[Wikipedia talk:WikiProject Stub sorting#A simple idea to make stub templates look less ugly/obtrusive]], could someone with The Power append the following line?
#stub { font-size: smaller; }
&mdash;[[User:Korath|Korath]] ([[User talk:Korath|Talk]]) 11:55, Apr 14, 2005 (UTC)

:Is there a wide consensus for this? I don't like it. - [[User:Omegatron|Omegatron]] 17:14, Apr 15, 2005 (UTC)
::Neither do I. &ndash; [[User:ABCD|AB]][[User talk:ABCD|'''''CD''''']] 18:25, 15 Apr 2005 (UTC)
:My first thoughts on seeing the new reduced stub message: "What is going on, they shrunk the stub templates? For what? It looks uglier." I also think it ''draws'' attention to the stub messages, instead of making them more ignorable. --[[User:CesarB|cesarb]] 19:45, 15 Apr 2005 (UTC)
::Then I suggest making your displeasure known at the discussion linked above; my part was only to direct the change to place where it could be added (or removed) easily, instead of putting <nowiki><small></nowiki> tags in the templates themselves (as had already been started). &mdash;[[User:Korath|Korath]] ([[User talk:Korath|Talk]]) 20:06, Apr 15, 2005 (UTC)

:Somehow the small text is still in place, despite the recent reversion:

<div class="boilerplate metadata" id="stub"><table cellpadding="0" cellspacing="0" style="background-color: transparent;"><tr ><td ></td ><td >''&nbsp;This [[mathematics|mathematics-related]] article is a [[Wikipedia:Perfect stub article|stub]]. You can [[Wikipedia:Find or fix a stub|help]] Wikipedia by [{{SERVER}}{{localurl:{{NAMESPACE}}:{{PAGENAME}}|action=edit}} expanding it]''.</td ></tr ></table ></div >

:I wish people would spend less time with stub templates and all of their politics and nonsense and more time fixing stubs... - [[User:Omegatron|Omegatron]] 21:12, Apr 15, 2005 (UTC)

::The small text is a caching issue; it should go away if you force a reload of [http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&action=raw&ctype=text/css&smaxage=2678400 the css link as it appears to your browser]. Stub sorting should hopefully be obsolesced by [[m:category math|category math]], though that unfortunately seems to be a ways off. &mdash;[[User:Korath|Korath]] ([[User talk:Korath|Talk]]) 21:49, Apr 15, 2005 (UTC)

== indents next to images ==

I imagine this is just a css problem. See [[Twisted pair]]. The bullets along the image are not indented as they would be elsewhere. - [[User:Omegatron|Omegatron]] 17:10, Apr 15, 2005 (UTC)

Actually. Don't see it. I'll show you here:

=== Bullets indented correctly ===

Twisting wires decreases interference because:

* Bulleted text. The loop area between the wires (which determines the magnetic coupling into the signal) is reduced as much as physically possible.
: Indented text. The directions of current generated by a uniform coupled magnetic field is reversed for every twist, cancelling each other out.
:: Double indented text. The directions of curr
::: TRIPLE INDENTED TEXT
* Triple
** Bulleted
*** Text

<br style="clear:both;" />

=== Bullets indented wrongly ===

[[Image:25 pair color code chart.png|left|thumb|100px|25 Pair Color Code Chart]]

Twisting wires decreases interference because:

* Bulleted text. The loop area between the wires (which determines the magnetic coupling into the signal) is reduced as much as physically possible.
: Indented text. The directions of current generated by a uniform coupled magnetic field is reversed for every twist, cancelling each other out.
:: Double indented text. The directions of curr
::: TRIPLE INDENTED TEXT
* Triple
** Bulleted
*** Text

<br style="clear:both;" />

Unfortunately there is no practical way to fix it. The problem is that the margins and padding for the text items are all less than the width of the image. If the text was wrapped in a <nowiki><div></nowiki> with a style of <code>margin-left:125px</code> (125 px because the image is 100px wide + padding), you would see normal (desired) formatting. But because there is normally no way to determine how much text will be affected (it depends on an individual's browser settings), it is just not practical to do that. Instead you will just need to avoid left-floating an image with a list. Float it to the right instead. (I did add it to the article [[Twisted pair]] as an example of what it would look like.) &mdash;[[User:Moverton|Mike]] 02:10, July 21, 2005 (UTC)

: I don't see any problems in Safari or Firefox, but the bullets to the right of the image disappear in MSIE/Windows. Maybe they'll fix it in MSIE 7. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-1&nbsp;20:42&nbsp;Z</small>''

== New infobox class ==

Many infoboxes now use class="toccolours". For good semantics there should really be a class="infobox", initially with the same properties as toccolours. Also seeing as most infoboxes (in fact, everyone I've ever seen) floats right, it would be good to include an .infobox.right class (or similar) which defines properties such as float:right; clear:right; left and bottom margins. If we could come to a site-wide agreement this would save a lot of arguments based around "but it's not a table of contents", and we could easily bring some consistency to Wikipedia's ubiquitous infoboxes. [[User:Ed g2s|<font face="verdana">ed g2s</font>]] &bull; [[User talk:ed_g2s|<font face="verdana">talk</font>]] 15:41, 16 Apr 2005 (UTC)

: Proposed classes:
<pre>
.infobox {
border:1px solid #aaaaaa;
background-color:#f9f9f9;
padding:5px;
font-size: 95%;
border-collapse: collapse;
}
}
/* The above causes the bodyContent div to cover most of the

tabs on the main page, making them unclickable. Shifting
.infobox.right /* this may have to be .infobox.info_right if the class .right already exists */
it down a bit fixes the problem. */
{
body.page-Main_Page.action-view #bodyContent{
float:right;
clear:right;
margin-top: 1.3em;
margin:0 0 1em 1em; /* 1em to the left and below */
}
}
</syntaxhighlight>


with this text:
/* Other possible classes that would be useful, in my experience */


<syntaxhighlight lang="css">
.infobox tr
/* Don't display some stuff on the main page */
{
body.page-Main_Page #deleteconfirm,
vertical-align: top;
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #contentSub,
body.page-Main_Page.action-view h1.firstHeading {
display: none !important;
}
}
</syntaxhighlight>


please?
.infobox_image
{
border:1px solid #aaaaaa;
padding: 0;
}
</pre>
: [[User:Ed g2s|<font face="verdana">ed g2s</font>]] &bull; [[User talk:ed_g2s|<font face="verdana">talk</font>]] 15:41, 16 Apr 2005 (UTC)


margin-top on bodyContent came from [https://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&diff=481104960&oldid=479959287 this edit]. I believe this was a misdiagnosis of the underlying issue. The issue is that the "#jump-to-nav" element obscures the tabs in Monobook. Adding margin-top makes the page look silly (though this seems to have become more apparent just recently). --[[User:MZMcBride|MZMcBride]] ([[User talk:MZMcBride|talk]]) 02:51, 23 April 2013 (UTC)
:: Stupid question, I know, but why not just make the infobox class itself include the float:right and margins, and have a special form with float:none for those that want it?
:: [[User:Jdforrester|James F.]] [[User_talk:Jdforrester|(talk)]] 20:42, 16 Apr 2005 (UTC)
::: I agree with James, better to default to float:right. -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 20:05, 2005 Apr 26 (UTC)
:: We should probably have a class for navigation boxes then too. [[User:Ed g2s|<font face="verdana">ed g2s</font>]] &bull; [[User talk:ed_g2s|<font face="verdana">talk</font>]] 08:46, 27 Apr 2005 (UTC)


: Just removing the margin-top might be sufficient here. Does nobody else see the extra space above the "Welcome to Wikipedia" banner here: <https://en.wikipedia.org/wiki/Main_Page?useskin=monobook>? --[[User:MZMcBride|MZMcBride]] ([[User talk:MZMcBride|talk]]) 02:56, 23 April 2013 (UTC)
::: Default to float:right. In the very rare case that this isn't desirable, it can be overridden with a style attribute in the page.


:: Okay, I tested in Chrome, Safari, and Firefox and the margin-top definitely seems to be to blame here. If I remove it, the extra space goes away and the tabs are still clickable. --[[User:MZMcBride|MZMcBride]] ([[User talk:MZMcBride|talk]]) 03:01, 23 April 2013 (UTC)
::: Some other suggestions:
:::* use shortcuts, like #aaa instead of #aaaaaa.
:::* use keywords for font size.
:::* 0.5em bottom margin always leaves a line space, but doesn't get too big.
:::* centre images.
:::* keep it simple and minimal.


:::[[File:Yes check.svg|20px|link=|alt=]] '''Done'''<!-- Template:EP -->. Thanks for the fix! It's been a long time since I've used the good old Monobook skin. Ah, the nostalgia... I'll be watching when the update kicks in, but please don't hesitate to let me know if any issues crop up, in case I miss anything. Best — '''''[[User:Mr. Stradivarius|<span style="color: #194D00; font-family: Palatino, Times, serif">Mr. Stradivarius</span>]]''''' <sup>[[User talk:Mr. Stradivarius|♪ talk ♪]]</sup> 09:39, 23 April 2013 (UTC)
.infobox {
:::{{ec}} My Firefox recently "upgraded" from v19 to v20: they have significantly changed the "inspect element" feature, and I'm still finding my way around it. It's definitely the <code>margin-top:</code> property of the {{tag|div|o|params=id=bodyContent}} although reading the display one way (the new "box model" feature), it's 16px; another way ("Computed"), shows <samp>margin-top 16.5167px</samp>; a third ("Rules") shows
border:1px solid #999;
<syntaxhighlight lang=css>
font-size: 95%;
body.page-Main_Page.action-view #bodyContent {
border-collapse: collapse;
margin-top: 1.3em;
float:right;
clear:right;
margin:0 0 .5em 1em;
}
.infobox tr th,
.infobox tr td {
vertical-align: top;
}
.infobox image {
margin: 0 auto;
}

::: Adding the styles to the style sheet also gives us the opportunity to redesign the infobox. I've made up a specific proposal at [[User:Mzajac/sandbox#AFV infobox]]. ''&mdash;[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2005-04-27&nbsp;15:11&nbsp;Z</small>''

I have 3 comments/requests - see below:

(1) I think we should consider changing from the gray color to white or something else. For exampe #F9F9F9 becomes white on 256 color machines. Additionally, other customizations such as the debate which sparked this at [[Template:Infobox pope]] are attractive, not overly fancy and give Wikipedia a nice fit and polished look.

Not all infoboxes are created equally - I think navigation type infoboxes such as the ones that are used for a series of related articles as a kind of quick link table of contents for related articles such as [[Template:christianity]], [[Template:Worldmusicbox]], [[Template:USmusic]], etc are much more effective that Categories for quick navigation amongst closely related articles. (2) These should probably resemble as close as possible the Table of Contents look and feel since they serve a similar purpose.

However some infoboxes are mearly informational with few wikilinks (see [[Template:Infobox Game]] for an example) others like the Infobox pope provide mostly information with rarely used links to location of birth, links to significant dates, etc.(3) I see no reason why these should all conform to a standard box style other than a few guidelines, lines no thicker than x, no more than 2 horizontal lines in the middle of the box, etc. The use of templates allows these formatting characteristics to be standard across related articles without the extra burden of making them standard across the entire project. The community itself will force attractive (no Bold RED on light Orange titles) through concensus rather than programming decree {{User:Trödel/sig}} 16:33, 27 Apr 2005 (UTC)

:I think for this skin we should stick to the standard colours - when we had a vote on the image thumbnails (see meta), this style was a run-away winner, and for a good reason. [[User:Ed g2s|<font face="verdana">ed g2s</font>]] &bull; [[User talk:ed_g2s|<font face="verdana">talk</font>]] 18:57, 27 Apr 2005 (UTC)

::Actually white is a standard color for a box in the monobook class - which is the color you have criticised at Infobox pope. I still don't understand what your objection is to that template. "it doesn't match toccolours" is not enough - there must be some reason that you want to use toccolours - have you modified your monobook.css file so that it displays in very different colors which you need for some reason. If so the suggestion to have more than one style for different kinds infoboxes (that match the theme) is a good compromise. Please help me to understand your concern {{User:Trödel/sig}} 20:19, 27 Apr 2005 (UTC)

Ed's not interested in dialogue, only in convincing everyone that everything must be homogenous and conforming, and that there is no wiggle room for varying the style of the presentation to any degree, regardless on how the style clashes with the coloring of the presented information. There is nothing that mandates the use of toccolours, and by forcing it into the infoboxes he's stifling community involvement. Carry on in creating the infobox you feel you need to make and don't be inhibited by a non-existent style mandate that not everyone finds appealing. - [[User:UtherSRG|UtherSRG]] 18:59, Apr 28, 2005 (UTC)

== css specification of line-height using "em" is bad ==

Monobook makes frequent use of line-height specifications using the unit "em".
While these lengths _are_ font-size-relative, which is good, the computed value,
and not the relative value is inherited by child elements, which is bad.

The problem becomes apparent when a child node uses a different font-size. E.g.
many boxes on Wikipedia use font-size:80%. However, because the computed value
of line-height is inherited, the line-height stays unchanged (i.e. too large)
and the style of the box has to manually fix the line-height.

The solution is to use plain number line-heights, i.e. "1.5" instead of "1.5em".
That way, the line-height will properly scale when the font-size is changed.

Here's the relevant section from the CSS2 spec:
http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-line-height

Values for this property have the following meanings:
[...]
<length>
The box height is set to this length. Negative values are illegal.
<number>
The computed value of the property is this number multiplied by the
element's font size. Negative values are illegal. However, the
number, not the computed value, is inherited.

Crossposted at http://bugzilla.wikimedia.org/show_bug.cgi?id=2013

[[User:Sperling|K. Sperling]] 00:53, 2005 Apr 29 (UTC)

==A request for CSS experts==

I have a query at [[Wikipedia_talk:A_proposal_re_BCE-CE_Debate#Let's implement a preference-based solution today]] about what is technically possible with CSS. If answered positively, it may help break the deadlock in the interminable BC/BCE debate, so please have a brainstorm about the best solution and comment there! Many thanks. [[User:Pcb21|Pcb21|]] [[User_talk:Pcb21|Pete]] 10:11, 16 May 2005 (UTC)

== New class "plainlinksneverexpand" ==

I have added a new class "plainlinksneverexpand" that behaves like the existing class "plainlinks", but not only suppresses the external link arrow but also URL expansion. Resulted from [http://en.wikipedia.org/w/index.php?title=Wikipedia:Village_pump_%28technical%29&oldid=14159244#Assistance_with_printing_stylesheet this discussion at the Village pump]. See also [[Template talk:Ref]] and [[Template:Ref]], where this is used. Does this need to be ported over to other skins (Cologne, Classic)? [[User:Lupo|Lupo]] 20:36, 24 May 2005 (UTC)

: Does this also fix the [[Template_talk:Ref#Printing_problem.]], where URLs of references were being printed? (Not necessary because the references are further down in the article) ([[User:SEWilco|SEWilco]] 06:41, 26 May 2005 (UTC))

::Yes it does. In fact, that was what prompted me to add this new class. [[User:Lupo|Lupo]] 07:47, 26 May 2005 (UTC)
:<s>Is it possible that recent edits to monobook.css, {{tl|note}} or {{tl|ref}} broke the working of footnotes? This was pointed out by Raul654 at [[Wikipedia talk:Featured article candidates#Extremely important problem!]]. I've crossposted this at the two relevant talk pages as I don't know where to search for the problem. &mdash; [[User:Mark Dingemanse|mark]] [[User Talk:Mark Dingemanse|&#9998;]] 17:39, 4 Jun 2005 (UTC)</s> Never mind, it's most probably caused by a Mediawiki bugfix as was pointed out by Cesarb at [[User talk:Raul654]]. &mdash; [[User:Mark Dingemanse|mark]] [[User Talk:Mark Dingemanse|&#9998;]] 17:54, 4 Jun 2005 (UTC)
:: The date given there is June 2. The {{tl|note}} and {{tl|ref}} behavior has been discussed since June 1. [[Wikipedia_talk:Footnote3#template:note_now_broken]] ([[User:SEWilco|SEWilco]] 03:37, 5 Jun 2005 (UTC))
:::Can't June 2 equal June 1 depending on the relative timezones? Now if you can find a complaint before June 1, or show the time of the problem is before the time of the fix, things would become more interesting. --[[User:CesarB|cesarb]] 20:24, 11 Jun 2005 (UTC)

== forcing underlined links? ==

Does anyone know why we override people's browser settings to underline links? I can't find the original discussion on this - although there is some stuff in the archives from people saying they would prefer us not to have this in the style sheet. We have had an email to the foundation pointing out that this can be an accessibility issue for some types of vision problems. Of course, forcing people to view ''without'' underline would also cause accessibility problems for some, so surely we should leave this to browser settings. I know we have preferences settings for this, but that's not a good solution for our large number of non-logged in readers. -- [[User:Sannse|sannse]] [[User talk:Sannse|(talk)]] 20:06, 11 Jun 2005 (UTC)

:The preferences setting doesn't actually work for the default monobook skin. Users need to customise their monobook.css page to remove the underlines. The choice might have had something to do with the [[m:Link style vote|Link style vote]]. I'd rather it were left to browser defaults if that's possible, but I don't know if that can be changed using this page. [[User:Angela|Angela]][[user talk:Angela|.]] 21:53, Jun 11, 2005 (UTC)

::I believe (emphasis believe) that removing the very first line of the style sheet would change this. I would, however, be wary of doing this without a vote first. Removing any explicit instruction should make this work. [[User:smoddy|smoddy]] 22:11, 11 Jun 2005 (UTC)

::How come? I use the Monobook skin, and the preference to remove the underlines does work for me... I don't even have a custom monobook.css. --[[User:CesarB|cesarb]] 22:58, 11 Jun 2005 (UTC)

:::The override (to no underlines) does work for me on Firefox and Mozilla, but not on IE. On Firefox and Mozilla, the preference works to turn underlines back on. So it could be a browser problem... the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FMediaWiki%3AMonobook.css&warning=1&profile=css2&usermedium=all CSS validates fine] however, so it's probably an IE quirks thing. --[[User:Thebainer|bainer]] ([[User_talk:Thebainer|talk]]) 09:23, 12 Jun 2005 (UTC)

The line "forcing" underlining was apparently removed today by [[User:ABCD|ABCD]]. Unfortunately, that broke underlining entirely for me, on Firefox 1.0.6. (I have "Underline Links" set in my browser preferences, but they no longer appear at all, when using the Monobook skin.) I left [[User:ABCD|ABCD]] a note on his/her talk page, but unless this was discussed somewhere else, it seems unwise if it breaks things. I would revert it but I do not know how, since it comes from Mediawiki and is not a local page. I don't know enough about CSS to know why removing the line forces no underlining instead of letting it be determined by browser prefs. [[User:MCB|MCB]] 23:34, 14 October 2005 (UTC)

==Request==
[[Wikipedia:WikiProject Spoken Wikipedia]] would like to put a link to spoken articles to the right of the page heading. For this we will require the following piece of css added:
h1#spoken {
display: block !important;
border-bottom-style: none;
float: right;
font-size: 150%;
position: absolute;
right: 2%;
top: .25em;
}
A demonstration of what this will look like is [[Wikipedia_talk:WikiProject_Spoken_Wikipedia#Link_at_top_of_article.3F here]]. Ta, [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 13:54, 26 Jun 2005 (UTC)

This code urgently needs to be corrected to:

#spoken {
display: block !important;
border-bottom-style: none;
float: right;
font-size: 150%;
position: absolute;
right: 2%;
top: 0.6em;
}

...in order to deal with a problem in MediaWiki 1.5. &mdash; [[User:Chameleon|''Chameleon'']] 28 June 2005 12:05 (UTC)
:I've changed the distance from the top from 0.25 to 0.6em which works better for me in Opera and IE when using div, I haven't checked in firefox though. [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 28 June 2005 12:23 (UTC)

OK, that code got screwed up by the site notice. I think that the following code is definitive and should always work:

#bodyContent .plainlinksneverexpand a {
background: none !important;
padding: 0 !important
}
#bodyContent {
position: relative;
}
#spoken {
position: absolute;
float: right;
text-align: right;
font-size: 90%;
right: 0;
z-index: 1;
background: none;
border-bottom-style: none;
top: -2.2em;
}

&mdash; [[User:Chameleon|''Chameleon'']] 30 June 2005 12:05 (UTC)

:This bit screws up Z-ordering in Internet Explorer, causing [[bugzilla:2641]] (header lines displaying over floated infoboxes), for example on [[Owl (comics)]], see [http://leuksman.com/misc/headings-infobox.png screenshot]:

#bodyContent {
position: relative;
}

:I'd recommend removing it. --[[User:Brion VIBBER|Brion]] July 1, 2005 03:57 (UTC)

:I agree with Brion. This change causes problems with header lines and infoboxes in literally hundreds of pages in IE. &mdash;[[User:Lowellian|Lowellian]] ([[User talk:Lowellian|talk]]) July 1, 2005 08:47 (UTC)

:It also causes problems in the country portals. &mdash;[[User:Lowellian|Lowellian]] ([[User talk:Lowellian|talk]]) July 1, 2005 22:15 (UTC)

:Note: I have removed the line that Brion indicated. &mdash;[[User:Lowellian|Lowellian]] ([[User talk:Lowellian|talk]]) July 1, 2005 08:51 (UTC)

::OK, but that breaks the display of pages with {{tl|Spoken Wikipedia}}. What are you going to do about that? &mdash; [[User:Chameleon|''Chameleon'']] 2 July 2005 09:38 (UTC)

:::Since the fix for Spoken Wikipedia was what started the problems, you need to find a fix for Spoken Wikipedia that doesn't cause problems with other things. &mdash;[[User:Lowellian|Lowellian]] ([[User talk:Lowellian|talk]]) July 6, 2005 22:39 (UTC)

::Lowellian, Brian: Maybe you guys have something weird in your CSS or something? Because I never saw this "header lines" bug in the fisrt place. [[User:Blankfaze|{{User:Blankfaze/sig}}]] 4 July 2005 14:02 (UTC)

::::I don't have anything weird in my CSS. And the problem wasn't just a "header lines" bug; it caused problems in country portals which several other people complained about. &mdash;[[User:Lowellian|Lowellian]] ([[User talk:Lowellian|talk]]) July 6, 2005 22:43 (UTC)

:::Yo! Can all you guys just stop messing around with Monobook.css? It was working fine until about four days ago. Now things have been really getting screwy all over WP (like header lines shooting straight through infobox templates), which is why I just visited this talk page to figure out what's going on.

:::I'm not sure Spoken Wikipedia is really that important (last time I checked, blind Web users use speech readers) but if we really need links to versions spoken by human beings, I don't understand why we can't just put a link in the toolbox or in the page footer. --[[User:Coolcaesar|Coolcaesar]] 4 July 2005 17:07 (UTC)

== Spoken heading bug ==

[[Image:Bug speech wikipedia.PNG]]

Can anyone tell me why the screenshot above is doing this? It's happened on [[Wikipedia:No personal attacks]], and I am running Windows XP, Mozilla Firefox 1.0.4, using default monobook skin. - [[User:Ta bu shi da yu|Ta bu shi da yu]] 4 July 2005 02:25 (UTC)

:Same problem for me (slightly different position; it's exactly below "my contributions" and "log out"). Debian GNU/Linux, Mozilla Firefox 1.0.4, default monobook skin. You probably should ask on [[MediaWiki talk:Monobook.css]], which is where a lot of the previous discussion about this problem is. --[[User:CesarB|cesarb]] 4 July 2005 02:35 (UTC)

::Done. Anyone know of this issue? - [[User:Ta bu shi da yu|Ta bu shi da yu]] 4 July 2005 02:48 (UTC)

Could it be because the voting notice is shifting the article title and text, but not the spoken article link, down a line? &mdash; [[User:Rdsmith4|Dan]] | [[User talk:Rdsmith4|Talk]] 4 July 2005 02:56 (UTC)
:No, the css is designed to work around that. It was working fine two days ago but started breaking for me at a time when neither the CSS code or the spoken template had been edited, so I don't know what has set it off. [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 4 July 2005 11:17 (UTC)

Man, somebody must have fucked with something. Because this was perfect a few days ago. [[User:Blankfaze|{{User:Blankfaze/sig}}]] 4 July 2005 13:54 (UTC)
**Update: I found the culprit. The last edit to the MediaWiki page, [http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&diff=17946057&oldid=17892426] 08:50, 1 July 2005 / Lowellian / (removing line that causes problems with header lines and infoboxes in IE; see talk)... I reinserted this line into my user CSS and the template box returned to its old position. This line was removed apparently because of a bug above. But I never noticed that bug so I guess I will just keep this line in my CSS. [[User:Blankfaze|{{User:Blankfaze/sig}}]] 4 July 2005 13:57 (UTC)

:::If you want to see the bug in action, go take a look at [[Wikipedia:Wikiportal/Brazil]] or [[Batman]] using Internet Explorer with the CSS line I removed still inserted. &mdash;[[User:Lowellian|Lowellian]] ([[User talk:Lowellian|talk]]) July 6, 2005 22:58 (UTC)

Can somebody just revert this back to the version [http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&oldid=16517749] from the 26th? We can use a temporary fix to get around the sitenotice bug, the current css doesn't work at all. [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 5 July 2005 15:39 (UTC)

== Invalid CSS ("filter" declarations) ==

Monobook.css won't validate as CSS2 because of the following declarations. Are these MS-specific extensions, or CSS3 properties? If the former, is there any reason not to move them to the MS-specific style sheet? If the latter, why are we using them? ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2005-07-4&nbsp;21:40&nbsp;Z</small>''

/* Experiment: slightly fade inactive tabs */
#p-cactions a {
filter: alpha(opacity=90);
}
#p-cactions a:hover, #p-cactions .selected a {
filter: none;
}

:filter is an [[Internet Explorer]] extension. --[[User:CesarB|cesarb]] 4 July 2005 23:32 (UTC)

:: I tracked down the addition. User:Tom- [http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&diff=9509477&oldid=9509407 added this experiment in January]. Can someone with MSIE/Windows confirm whether this experiment is successful or not? Furthermore, can someone move the code to the appropriate MSIE-specific style sheet(s)?

:: After six months, I'd like to remove this code from monobook.css so it can [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fen.wikipedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3AMonobook.css%26action%3Draw%26ctype%3Dtext%2Fcss%26smaxage%3D2678400&usermedium=all validate as CSS2]. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2005-07-5&nbsp;20:14&nbsp;Z</small>''

::Agreed. We certainly should aim for validation over browser-specific extensions. &mdash; [[User:Trilobite|Trilobite]] ([[User_talk:Trilobite|Talk]]) 5 July 2005 21:48 (UTC)

::: Forgot all about this; was just reminded. I've removed the offending CSS. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2005-09-22&nbsp;15:24&nbsp;Z</small>''

== [[Template:TOCright]] ==

It appears this is a deliberate attempt at bypassing the default style sheet. It is ''sometimes'' useful (see [[List of volcanoes]]), but these instances are rare. - [[User:Ta bu shi da yu|Ta bu shi da yu]] 5 July 2005 03:57 (UTC)

== Margin for .notice ==

The class for notices like [[:template:mergeto]] (.notice) looks like this:

/* Style for "notices" */
.notice {
text-align: justify;
margin: 1em 0.5em;
padding: 0.5em;
}

Would anyone object to my making the horizontal margin 1em, so it doesn't look different from notices that use a colon for formatting? (E.g., [[:template:merge]], which is currently protected). ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2005-07-5&nbsp;19:47&nbsp;Z</small>''

: I support this. Changing it to "margin: 1em;" would be better. -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 5 July 2005 19:57 (UTC)

:: Done. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2005-07-5&nbsp;20:32&nbsp;Z</small>''

== Common CSS ==

I noticed it's common for the different skins to get out of sync (things that should be added to all of them are only added to Monobook.css, until someone else takes notice and updates the others). What would you think about creating a [[MediaWiki:Common.css]] and adding the following line to the top of all the skin stylesheets:

<pre><nowiki>@import "/w/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css&smaxage=2678400";</nowiki></pre>

This way, content styles (like for instance .notice) could be updated in a single location, and the skin-specific stylesheets would need to worry only about the user interface. Since it would be added to the top, the CSS cascade could be used to override the common style, if needed.

--[[User:CesarB|cesarb]] 9 July 2005 19:16 (UTC)

:Since nobody objected, [[Wikipedia:Be bold|being bold]] and creating. --[[User:CesarB|cesarb]] 16:34, 11 July 2005 (UTC)

::I have moved all the CSS which was common for the 4 skins I could find (where's MySkin's CSS?) to [[MediaWiki:Common.css]]. Now the CSS for the other three skins is empty except for the import of Common.css. I believe there's more to move there (and in fact I moved one of them, #disambig); the other skins seem to have been neglected for a long time. I have checked it all validates and works on Firefox, but I haven't tested on IE. --[[User:CesarB|cesarb]] 17:18, 11 July 2005 (UTC)

:::Myskin doesn't ''have'' CSS. That's the whole point of it. You supply your own. You can user myskin to make custom skins. [[User:Blankfaze|{{User:Blankfaze/sig}}]] 17:51, 21 July 2005 (UTC)

== What the heck happened to redlinks?! ==

The "new" look is stupid. Please change it back. - [[User:Ta bu shi da yu|Ta bu shi da yu]] 09:29, 13 July 2005 (UTC)

== commonPrint.css, and Common.css ==

The following came up on [[Template talk:Ref]]:

Can anyone tell me what's happening here? When I print the URL is expanding.... I thought we didn't want to do this. - [[User:Ta bu shi da yu|Ta bu shi da yu]] 07:42, 15 July 2005 (UTC)

:On what page? Note that the last time I looked, it was called plainlinks'''never'''expand... [[User:Lupo|Lupo]] 08:45, July 15, 2005 (UTC)

:Ok, got it. First, the class of the link has changed from ".urlexpansion" to ".external.autonumber", and second, someone has added the following to [http://en.wikipedia.org/skins-1.5/common/commonPrint.css our common printing CSS]:

: #content a.external.text:after, #content a.external.autonumber:after {
::/* Expand URLs for printing */
::content: " (" attr(href) ") ";
: }

:Someone should disable this for a.external.autonumber if it's within a SPAN of class ".plainlinksneverexpand". It should be done in commonPrint.css, which I don't know how to edit. [[User:Lupo|Lupo]] 09:04, July 15, 2005 (UTC)

On another note: why does the import of Common.css have a maxage? [[User:Lupo|Lupo]] 09:04, July 15, 2005 (UTC)

:It has the same maxage as the import of Monobook.css (in fact, I copy-and-pasted the line from the MediaWiki-generated stylesheet). I wanted to avoid any side-effect, so I imported it exactly the same way Monobook.css is imported. --[[User:CesarB|cesarb]] 21:25, 27 July 2005 (UTC)

:Well I'm glad ''someone'' understands what went wrong, my CSS skills are little more than font styling... hopefully this gets fixed soon, it's preventing me from making PDFs... [[User:Master Thief Garrett|Garrett]]<sup>[[User talk:Master Thief Garrett|Talk]]</sup> 02:08, 17 July 2005 (UTC)
::This is evidently something we don't have access to. I have raised a bug asking for us to gain access to commonPrint.css so we can sort out these issues. - [[User:Ta bu shi da yu|Ta bu shi da yu]] 04:18, 18 July 2005 (UTC)
:::I've fixed this in [[MediaWiki:Common.css]]. [[User:Lupo|Lupo]] 08:28, July 19, 2005 (UTC)

== borders around thumbs ==

On [http://en.wikipedia.org/style/monobook/main.css main.css], there are the following rules:

div.thumb {
margin-bottom: 0.5em;
'''border-style: solid; border-color: White;'''
width: auto;
}
...
div.tright {
clear: right;
float: right;
'''border-width: 0.5em 0 0.8em 1.4em;'''
}
div.tleft {
float: left;
margin-right:0.5em;
'''border-width: 0.5em 1.4em 0.8em 0;'''
}

Looks to me that borders are being misused, the effect intended is that one of '''margin'''s. Here, on [[MediaWiki:Monobook.css|Monobook.css]], you have

#content div.thumb {
border-color: #F8FCFF;
}
...
.ns-0 * #content div.thumb {
border-color: white;
}

just to change the color of these borders, to match the page background (and this is more annoying because [[Internet Explorer|IE]] doesn't support transparent borders, and so, we can't use <code>border-color: transparent</code>. Was there a good reason borders where used instead of margins? --[[User:MilesMi|Miles]] 15:33, July 16, 2005 (UTC)

[[Image:Example.jpg|thumb|Notice the space between the horizontal rule and the image frame.]]

:Miles, if you will notice I have added an example image and horizontal rule to illustrate the purpose of using a border instead of a margin. ...
----
:... The margin will not prevent the horizontal rule from coming in contact with the image frame, but a border which matches the background does. &mdash;[[User:Moverton|Mike]] 07:07, July 21, 2005 (UTC)

::Thanks. Now it makes perfect sense. --[[User:MilesMi|Miles]] 03:18, July 30, 2005 (UTC)
{{clear}}

== Redirects on Special:Allpages ==

I've added a class to all redirects on [[Special:Allpages]] called ''allpagesredirect'', please style it somehow (maybe make it grayer). —{{User:Ævar Arnfjörð Bjarmason/Sig}} 13:39, 19 July 2005 (UTC)

: The change should be made on [[MediaWiki:Common.css]]. I tried out this styling, which I'll probably keep:
: .allpagesredirect { font-style: italic; margin-left: 1em; }
: -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 14:10, 19 July 2005 (UTC)

==Spoken==
Can somebody revert the spoken code to:
#spoken {
display: block !important;
border-bottom-style: none;
float: right;
position: absolute;
right: 2%;
top: 0.6em;
}
The current code doesn't work. [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 13:50, 20 July 2005 (UTC)

== Floating images ==

The <code>div.tleft</code> class used for images that float to the left is missing a <code>clear: left;</code>. This sometimes causes an image to be placed next to another float instead of below it. The <code>div.tright</code> class properly does <code>clear: right;</code>

It should probably go into /skins-1.5/monobook/main.css, but if I'm not mistaken that file is distributed with the mediawiki software and won't change until mediawiki is upgraded to a new version. So putting it into this one would be a good workaround until then.
--[[User:Sperling|K. Sperling]] 20:40, July 28, 2005 (UTC)



== Possible CSS problem with floating images ==

See the edit links on [http://en.wikipedia.org/w/index.php?title=Gasoline&oldid=19874661#History]. - [[User:Omegatron|Omegatron]] 19:54, July 29, 2005 (UTC)

:I presume (although the diff links have gone now that the page is no longer current) that you are referring to an edit link gone south. This is a common and probably unfixable fault with floating objects in CSS. [[User:smoddy|<nowiki>[[smoddy]]</nowiki>]] 22:16, 29 July 2005 (UTC)

== your wiki doen't validate ==

[http://jigsaw.w3.org/css-validator/validator?uri=http://en.wikipedia.org/wiki/Main_Page W3C CSS Validator]

Errors
URI : http://en.wikipedia.org/wiki/Main_Page
Line: -1
unrecognized media screen,projection
URI : http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&action=raw&ctype=text/css&smaxage=2678400
Line: 151 Context : #p-cactions a
Parse Error - opacity=90)
Warnings
URI : http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&action=raw&ctype=text/css&smaxage=2678400
Line : 155 property filter does not exist for this profile, but is validated conforming to another profile

[[User:Anoniwiki|Anoniwiki]] 10:21, 21 August 2005 (UTC)
: I wonder which profile supported <code>filter</code>, which is an MS extension with an invalid or at least unspecified value syntax (CSS functions take comma separated parameters, but no assignments with the equals sign). That experiment, which is inappropriate in a production environment anyhow, should of course use <code>opacity: <var>0.9</var></code> as soon as [http://www.w3.org/TR/css3-color/ CSS 3: Color] advanced to the next status, or one of the color notations with alpha value (e.g. <code>rgba()</code>). Note that that Draft has serious yet unresolved issues. [[User:Crissov|Christoph Päper]] 19:11, 21 August 2005 (UTC)

:I just came here to say the same thing. I don't know how important validating really is, but I think we should either remove the piece of IE-specific code, or make it work in all/most browsers. This, for example, should work in at least Gecko, IE and Safari:
<pre>
#p-cactions a {
opacity: 0.9;
filter: alpha(opacity=90);
}
}
</syntaxhighlight>
:::i.e. as shown above - but apparently it comes from load.php:1 not Monobook.css --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] ([[User talk:Redrose64|talk]]) 09:47, 23 April 2013 (UTC)
::::I'll defer to both of you on the css, but I just wanted to say that I am also currently running Firefox 20, and I noticed a distinct reduction of whitespace at the top of the main page in Monobook after I made the edit. — '''''[[User:Mr. Stradivarius|<span style="color: #194D00; font-family: Palatino, Times, serif">Mr. Stradivarius</span>]]''''' <sup>[[User talk:Mr. Stradivarius|♪ talk ♪]]</sup> 13:33, 23 April 2013 (UTC)


== Protected edit request on 3 March 2014 ==
#p-cactions a:hover, #p-cactions .selected a {
opacity: 1;
filter: none;
}</pre>
[[User:Sverdrup|&mdash; Sverdrup]] 16:36, 22 August 2005 (UTC)


{{FPER|<!-- Page to be edited -->|answered=yes}}
:: I've removed the offending CSS (see [[#Invalid CSS ("filter" declarations)]] above). I don't know why media="screen,projection" is poo-pood by the validator; it looks right to me. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2005-09-22&nbsp;15:32&nbsp;Z</small>''
<!-- Begin request -->
Per [[Wikipedia:Village pump (proposals)/Archive 109#Move Pending Changes dropdown in header 20 pixels to the left]] and [[Template talk:Pp-meta#Overlapping icons]], please change line 164 from <code>right: 55px;</code> to <code>right: 75px;</code>.
<!-- End request -->
[[User:Jackmcbarn|Jackmcbarn]] ([[User talk:Jackmcbarn|talk]]) 21:34, 3 March 2014 (UTC)
:{{Done}}. <span style="font-family:'Trebuchet MS'"> — [[User:Edokter|<span style="color:#008"><i>E</i>dokter</span>]] ([[User talk:Edokter|<span style="color:#080">talk</span>]]) — </span> 23:36, 3 March 2014 (UTC)
::{{replyto|Edokter}} There is a problem here. At [[Carl Linnaeus]], in Monobook, the white padlock obscures the closing parenthesis of the "Accepted (latest)" dropdown, and part of the arrow-down image to the right of that. Although I have both of the gadgets "{{int:Gadget-edittop}}" and "{{int:Gadget-righteditlinks}}" enabled, disabling either one or both of these makes no difference to the position of the whitelock relative to the dropdown. --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] ([[User talk:Redrose64|talk]]) 15:14, 5 March 2014 (UTC)
:::I could move it further to the left (110px). But this is an inherent problem with topicons; all the elements need to have their own position specified. <span style="font-family:'Trebuchet MS'"> — [[User:Edokter|<span style="color:#008"><i>E</i>dokter</span>]] ([[User talk:Edokter|<span style="color:#080">talk</span>]]) — </span> 15:26, 5 March 2014 (UTC)
::::Looks much better now, {{ty}} --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] ([[User talk:Redrose64|talk]]) 15:35, 5 March 2014 (UTC)


== Portal namespace ==
== External links icons removed ==


<div lang="en" dir="ltr" class="mw-content-ltr">
Should the background color of the new Portal namespace be the same light blue it currently is, or should it be changed to white (same as the articles and the Main Page)? Now that it's a separate namespace, it would be very easy to change the color, and it would better match the look of the Main Page. --[[User:CesarB|cesarb]] 18:02, 28 August 2005 (UTC)
Hello! If this CSS adds or modifies icons shown after external links, you'll be interested in knowing that such icons have been [[gerrit:123817|removed from MediaWiki core]], a change which will reach this wiki in [[wikitech:Deployment|few days]]. You may want to consider whether you still need them. If you have questions, please ask at [[bugzilla:63725]]. Regards, [[m:User:Nemo_bis|Nemo]] 09:45, 10 April 2014 (UTC)
</div>
<!-- Message sent by User:Nemo bis@metawiki using the list at http://meta.wikimedia.org/w/index.php?title=Meta:Sandbox&oldid=8118966 -->


== #coordinates ==
== Add topical navigation menu(s) to every Wikipedia page ==


Can someone make the coordinates either appear on top or bottom of the centralnotice banners, instead of overlapping with them? See [//en.wikipedia.org/w/index.php?title=Upper_Kent_Aerodrome&banner=MediaViewerConsultation_A&uselang=en&force=1&useskin=monobook]
This is a proposal to address the difficulties many users experience when they try to thematically navigate Wikipedia after they leave the Main Page: add one (or add one and expand one) topical navigation menu to Mediawiki:Monobook.css. The elements would be those contained in [[Template:Categorybrowsebar]] located on the Main Page. In this template, the first line focuses on the main categories while the second line focuses on browse options. Adding the elements to this style sheet would allow Wikipedia to have a topical, top-level navigation scheme, based on the primary categorization scheme, that would help users move about logically ''and'' quickly from ''any'' page. Another benefit of this implementation would be that [[Template:Categorybrowsebar]] could be removed from a prominent position on the Main Page and several other high-level pages. [[User:RDF|<nowiki></nowiki>]] &mdash; [[User:RDF|RDF]] <sup>[[User_talk:RDF|talk]]</sup> 17:48, 12 September 2005 (UTC)
[//en.wikipedia.org/w/index.php?title=Upper_Kent_Aerodrome&banner=wlm_2014&uselang=en&force=1&useskin=monobook]. This problem is not present in dewiki [//de.wikipedia.org/wiki/New_Brunswick?useskin=monobook&banner=wlm_2014&uselang=en&force=1] but at dewiki the coordinates are on top of h1 while here at enwiki they're at the bottom of h1. If the local css here cannot be modified to fix this, it would be greatly appreciated if someone could provide the css to fix it through css of cnbanners. But if the latter option is preferred, it would mean that the styling have to be applied to all cnbanners to fix the issue. Thanks, --[[User:Glaisher|Glaisher]] ([[User talk:Glaisher|talk]]) 17:56, 29 August 2014 (UTC)
:I also have this problem, and have raised the issue at [[WP:VPT]]. —'''[[User:Kusma|Kusma]]''' ([[User talk:Kusma|t]]·[[Special:Contributions/Kusma|c]]) 15:55, 8 September 2014 (UTC)


== Protected edit request on 9 November 2015 ==
p.s. If this is the wrong place to make this proposal, please let me know where I should go. ;-) [[User:RDF|<nowiki></nowiki>]] &mdash; [[User:RDF|RDF]] <sup>[[User_talk:RDF|talk]]</sup> 19:14, 12 September 2005 (UTC)


{{edit fully-protected|MediaWiki:Monobook.css|answered=y}}
===One menu version===
<!-- Begin request -->
Please add the following fragment to improve the display of coordinates while the visual editor is open using monobook. The visual editor is basically using the new 'Vector' style of positioning elements inside the canvas.
<syntaxhighlight lang="css">
.ve-ce-surface #coordinates {
top: 0;
padding: 0;
}
</syntaxhighlight>
<!-- End request -->
—[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 09:44, 9 November 2015 (UTC)
:{{done}}. Welcome back? &mdash;&nbsp;Martin <small>([[User:MSGJ|MSGJ]]&nbsp;·&nbsp;[[User talk:MSGJ|talk]])</small> 12:43, 9 November 2015 (UTC)


== OOUI destructive type buttons ==
Here's a one-menu version ([[Template:Categorybrowsebaroneline]]) that could span across the top of a page.


I've added bolding to new OOUI style buttons that appear in a new light red, making them harder to see, currently this is only done for buttons that you may want to avoid, or may need to find better such as CANCEL/RESET/etc. — [[User:Xaosflux|<span style="color:#FF9933; font-weight:bold; font-family:monotype;">xaosflux</span>]] <sup>[[User talk:Xaosflux|<span style="color:#009933;">Talk</span>]]</sup> 02:27, 1 December 2017 (UTC)
{{Categorybrowsebaroneline}}


== ca-edit ==


Hi, I plan on removing this section absent any objection:
Here's a script version of that template (complements of [[User:Pile0nades|pile0nades]]<sup>[[User_talk:Pile0nades|talk]] | [[Special:Contributions/Pile0nades|contribs]]</sup>) developed for such a purpose. It includes my edits to make a one-line version.
<syntaxhighlight lang="css">

/* Bold 'edit this page' link to encourage newcomers */
{|
#ca-edit a {
|-
font-weight: bold !important;
/* Add Template:Categorybrowsebaroneline to top of page */

setTimeout("categorybrowsebaroneline()", 0);

function categorybrowsebaroneline() {
var div = document.createElement("div");

div.innerHTML = '<p style="clear:both; margin:0 3px .8em 3px; text-align: center; margin-top: 0; margin-bottom:.2em; font-size: 105%;"><span style="font-variant: small-caps"> <a href="/wiki/Category:Culture" title="Category:Culture">Culture</a> | <a href="/wiki/Category:Geography" title="Category:Geography">Geography</a> | <a href="/wiki/Category:History" title="Category:History">History</a> | <a href="/wiki/Category:Personal_life" title="Category:Personal life">Life</a> | <a href="/wiki/Category:Mathematics" title="Category:Mathematics">Mathematics</a> | <a href="/wiki/Category:Science" title="Category:Science">Science</a> | <a href="/wiki/Category:Human_societies" title="Category:Human societies">Society</a> | <a href="/wiki/Category:Technology" title="Category:Technology">Technology</a></span> | <a href="/wiki/Wikipedia:Browse" title="Wikipedia:Browse">Categories</a> | <a href="/wiki/Portal:Browse" title="Portal:Browse">Portals</a> | <a href="/wiki/Wikipedia:Browse_by_overview" title="Wikipedia:Browse by overview">Articles</a> | <a href="/wiki/Wikipedia:Quick_index" title="Wikipedia:Quick index">Alpha</a> | <a href="/wiki/Wikipedia:Category_schemes" title="Wikipedia:Category schemes">More</a></p>'

document.getElementById("content").insertBefore(div, document.getElementsByTagName("h1")[0]);

}
}
</syntaxhighlight>
|}
:"Newcomers" don't get monobook anymore, and it goes against the rest of the UI to add weight to the current tab. — [[User:Xaosflux|<span style="color:#FF9933; font-weight:bold; font-family:monotype;">xaosflux</span>]] <sup>[[User talk:Xaosflux|<span style="color:#009933;">Talk</span>]]</sup> 13:08, 28 August 2018 (UTC)

:{{done}} let me know if any issues. — [[User:Xaosflux|<span style="color:#FF9933; font-weight:bold; font-family:monotype;">xaosflux</span>]] <sup>[[User talk:Xaosflux|<span style="color:#009933;">Talk</span>]]</sup> 17:01, 29 August 2018 (UTC)
===Two menu version===

Use this ([[template:eight portals links]]) across the top of a page.

{{eight portals links}}


Add the browse options to the sidebar navigation box something like this.

navigation
* Main Page
* Community portal
* Curent events
* Recent changes
* Alphabetical index
* Ask a question
* Browse articles
* Browse categories
* Browse portals
* Other indexes
* Random article
* Help
* Contact us
* Donations

== Navigationboxes not working anymore ==

The recent changes of the monobook seem to hide some navigational boxes completely - e.g. [[Template:Provinces of Thailand]]. The main difference between that one and those which still show is that the invisible include a id="toc". Yesterday they still showed, however due to the caching of the css I'm not sure which change actually was the "bad" one. Where is the problem - within the css or the template? [[User:Ahoerstemeier|andy]] 11:09, 27 September 2005 (UTC)

:That template is visible to me - I'm using IE6.0 at the moment. What's your browser? [[User:Worldtraveller|Worldtraveller]] 11:21, 27 September 2005 (UTC)

::Firefox 1.0.6 [[User:Ahoerstemeier|andy]] 11:22, 27 September 2005 (UTC)
::Strange, now they are back, and nothing was changed in the css. [[User:Ahoerstemeier|andy]] 16:08, 27 September 2005 (UTC)

== underlined links? ==

Looking at [[m:Link style vote]] the decided policy seems to be underlining links even when the mouse is not over a link, however I see that this behaviour [http://en.wikipedia.org/w/index.php?title=MediaWiki:Monobook.css&diff=25505117&oldid=25407032 has been reverted] by [[User:ABCD|ABCD]]. The justification he invokes is "allow browser settings to propagate". But, as you can see in [http://en.wikipedia.org/skins-1.5/monobook/main.css?1 monobook/main.css] on line 66:
a
{
text-decoration: none;
...
}
This means that browser settings ''won't'' propagate, and that links will never be underlined, regardless of what the browser settings are. Note that this only occurs when not logged in (otherwise it depends only on the user's preferences), and that Firefox's Web Developer Toolbar confirms that this is indeed the reason why links are not underlined. Unless [http://en.wikipedia.org/skins-1.5/monobook/main.css?1 monobook/main.css] can be modified to fix this, I believe this change should be reverted... Or maybe there was another discussion of this issue? (in which case [[m:Link style vote]] should be updated) --[[User:Ma Baker|Ma Baker]] 02:08, 8 November 2005 (UTC)


==Need diff colors that are compatible with color-blind people==
Since a large portion of people are color blind in some sense, we should address this quickly:

(copied from [[User talk:Jimbo Wales]])

----

:Hi Mr. Wales, or Jimbo, which ever you prefer.

:I'm just inquiring about a recent change in the edit thingy. When you enter into "History" of an article & then click on the "Compare Selected Changes" button, the changes were shown in dark red. But now they are hardly visible, & for an editor with colourblindness, it is quite hard to see what changes people have made to the article. Could you please supply me with an answer if this will be changed or remedied or if it will stay the same.

:I would have posted this on the appropiate page, but I do not know of one, so selected you because you are the "Main Man" on Wikipedia I suppose.

:Regards, [[User:Spawn Man|Spawn Man]] 23:15, 7 December 2005 (UTC)

----

&mdash; <small>[[User:Brian0918|<b><font color=black>BRIAN</font></b>]][[User_talk:Brian0918|<font color=gray>0918</font>]] &bull; 2005-12-8 00:04</small>

Apropos of this, would it be possible to fix it so that the '''background-color''' also changes, to allow alterations in white-space to be seen?
HTH HAND —[[User:Phil Boswell|Phil]] | [[User talk:Phil Boswell|Talk]] 08:23, 2 February 2006 (UTC)

== Site notice now to the right of page title ==

I was told that here is the place to say this, so sorry if it isn't. May I suggest the hearder be moved back to the top of the page where it used to be, rather than at the right of the page title. The first time I saw it like that I thought it was a bug; I really do think it looks terrible. If I'm understanding the code in the history correctly it's been changed and reverted, and it's only a test, but my view is don't keep it like this! Why was it moved to the right in the first place anyway? [[User:Raven4x4x|Raven4x4x]] 08:52, 23 December 2005 (UTC)

== Margin around image box ==

In, Firefox, left-floated image boxes nearly overlap the text above.
I suggest that a margin-top is added:

<code>
div.thumb {
margin-bottom: 0.5em;
margin-top: 0.5ex;
border-style: solid; border-color: White;
width: auto;
}
</code>

--[[User:84.194.112.7|84.194.112.7]] 17:57, 11 January 2006 (UTC)

== Spoken ==

Can somebody revert the spoken code to:
#spoken {
display: block !important;
border-bottom-style: none;
float: right;
position: absolute;
right: 2%;
top: 0.6em;
}
The current code doesn't work. [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 13:50, 20 July 2005 (UTC)
:Requesting again, this never got done. [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 02:05, 17 January 2006 (UTC)
::Would this code work when there are announcements in the heading, like during the recent fundraiser or with Jimbo's appeal for donations? &#126;[[User:Mdd4696 |MDD]][[User_talk:Mdd4696 |46]][[Special:Contributions/Mdd4696 |96]] 05:15, 17 January 2006 (UTC)
:::Usually. The modified code was supposed to make it change depending on the site notice, but merely broke it. A simple temporary fix is easily implemented while the site notice is enabled. [[User:Steinsky|Joe D]] [[User talk:Steinsky|(t)]] 05:36, 17 January 2006 (UTC)

== talk page boxes ala the french wiki ==

<pre>/* Style pour les pages de discussion ; gestion de la coloration indentative */
.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd,
.ns-11 dd, .ns-13 dd,.ns-15 dd, .ns-101 dd, .ns-105 dd {
margin: 0;
padding: 0;
}

.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl,
.ns-11 dl, .ns-13 dl, .ns-15 dl, .ns-101 dl, .ns-105 dl {
border-top: solid 1px #F0F080;
border-left: solid 1px #F0F080;
padding-top: 0.5em;
padding-left: 0.5em;
margin-left: 1em;
}

.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl,
.ns-11 dl, .ns-13 dl, .ns-15 dl, .ns-101 dl, .ns-105 dl
{ background-color: #FFFFE0; }

.ns-1 dl dl, .ns-3 dl dl, .ns-5 dl dl, .ns-7 dl dl, .ns-9 dl dl,
.ns-11 dl dl, .ns-13 dl dl, .ns-15 dl dl, .ns-101 dl dl, .ns-105 dl dl
{ background-color: #FFFFEE; }

.ns-1 dl dl dl, .ns-3 dl dl dl, .ns-5 dl dl dl, .ns-7 dl dl dl, .ns-9 dl dl dl,
.ns-11 dl dl dl, .ns-13 dl dl dl, .ns-15 dl dl dl, .ns-101 dl dl dl, .ns-105 dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl, .ns-3 dl dl dl dl, .ns-5 dl dl dl dl, .ns-7 dl dl dl dl,
.ns-9 dl dl dl dl, .ns-11 dl dl dl dl, .ns-13 dl dl dl dl, .ns-15 dl dl dl dl,
.ns-101 dl dl dl dl, .ns-105 dl dl dl dl
{ background-color: #FFFFEE; }

.ns-1 dl dl dl dl dl, .ns-3 dl dl dl dl dl,
.ns-5 dl dl dl dl dl, .ns-7 dl dl dl dl dl,
.ns-9 dl dl dl dl dl, .ns-11 dl dl dl dl dl,
.ns-13 dl dl dl dl dl, .ns-15 dl dl dl dl dl,
.ns-101 dl dl dl dl dl, .ns-105 dl dl dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl, .ns-105 dl dl dl dl dl dl
{ background-color: #FFFFEE; }

.ns-1 dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl, .ns-105 dl dl dl dl dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl, .ns-105 dl dl dl dl dl dl dl dl
{ background-color: #FFFFEE; }

.ns-1 dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl dl, .ns-105 dl dl dl dl dl dl dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl dl,
.ns-5 dl dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl dl,
.ns-9 dl dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl dl,
.ns-13 dl dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl dl,
.ns-101 dl dl dl dl dl dl dl dl dl dl, .ns-105 dl dl dl dl dl dl dl dl dl dl
{ background-color: #FFFFEE; }</pre>

With some colorchanges please. <sub>→<font style="color:#975612">[[User:AzaToth|Aza]]</font><font style="color:#325596">[[User_talk:AzaToth|Toth]]</font></sub> 00:49, 31 January 2006 (UTC)

: Oppose strongly. This is something users should put in their own stylesheets. I find it hideous (see for example [[:fr:Discussion MediaWiki:Monobook.css]]) and the effort necessary for me to override this is daunting. Requests for major changes like this is why they should be discussed on the Village Pump first, not this obscure talk page. -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 20:57, 1 February 2006 (UTC)

:: I agree with Netoholic: no, thank you. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-1&nbsp;21:10&nbsp;Z</small>''
:: ObAOL: Me too. I was wondering: is there a simple mechanism whereby we could drop this into a standard place and allow users to ''include'' it into their personal CSS file? I know that you can do this with JS, but I'm not conversant enough with CSS to even start :-( If this were possible, we could have a "bank" of standard CSS chunks which people could use. HTH HAND —[[User:Phil Boswell|Phil]] | [[User talk:Phil Boswell|Talk]] 08:16, 2 February 2006 (UTC)

== Consistent list alignment ==

[update: this affects only Monobook and Chick skins—I'm proposing fixing both. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-01&nbsp;23:57&nbsp;Z</small>'']

Ordered and unordered lists have different left margins, which confuses the hierarchy of mixed lists. Ordered lists have a <code>left-margin: 3.2em</code> applied, to allow three digits to appear without crowding. Unordered lists have <code>left-margin: 1.5 em</code>, enough so that the left edge of the bullet is slightly inside the left edge of regular text.

The problem with this is that when mixed nested lists occur together, their hierarchy becomes confused, because ordered lists with single-digit numbers appear where a subordinate unordered list would appear:

; Default list format:

* Unordered list item—level 1.
* Unordered list item—level 1.
** Unordered list item—level 2.
# Ordered list item—level 1.
# Ordered list item—level 1.
## Ordered list item—level 2.
# Ordered list item—level 1.

A real example is in [[Romanization of Ukrainian#Table of romanization systems]]. Look at the notes below the table, the third heading "Notes for the Ukrainian National system": Item nos. 1 and 2 appear to be subordinate to "Transliteration can be rendered in a simplified form", but they are actually not, and shouldn't be confused as part of that bullet point. Please note that this style sheet problem affects the ''perceived meaning'' of web pages. <del>[I have a applied a workaround by manually typing HTML ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-1&nbsp;22:02&nbsp;Z</small>'']</del> [removed "fix", because it breaks other skins ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-01&nbsp;23:51&nbsp;Z</small>'']

I propose adding a 3-em left margin to unordered lists: then their starting text would align correctly:

; Added 3-em left margin to ordered lists only:

<ul style="margin-left: 3.2em;">
<li>Unordered list item—level 1.</li>
<li>Unordered list item—level 1.
<ul style="margin-left: 3.2em;">
<li>Unordered list item—level 2.</li>
</ul>
</li>
</ul>
<ol>
<li>Ordered list item—level 1.</li>
<li>Ordered list item—level 1.
<ol>
<li>Ordered list item—level 2.</li>
</ol>
</li>
<li>Ordered list item—level 1.</li>
<li value="99">Ordered list item—level 1.</li>
<li value="999">Ordered list item—level 1.</li>
</ol>

This appears to display correctly in MSIE/Windows, Firefox, and Safari, using monobook.css. Any objections? ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-1&nbsp;21:04&nbsp;Z</small>''

: I'm worrying that by doing this change that we'll break articles that were made with these margins in mind... just the reverse case of your example. I know that the bullets are often used in tight spaces, like in [[Deus Ex]]'s infobox. -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 21:19, 1 February 2006 (UTC)

:: Good point. Looking at that example, I notice that raw <code><nowiki><li></nowiki></code> tags were typed by an editor, and that <code><nowiki><ul class="noindent"></nowiki></code> was added surrounding them (by Tidy?). But I can't find <code>.noindent</code> in any of the style sheets. We could add <code>ul.noindent { margin-left: 1.5em; }</code> to prevent messing with cases like these, but I can see this still being a problem in other cases. Perhaps all lists in tables should not have this rule applied:

/* consistent margin with numbered lists */
ul { margin-left: 3.2em; }
/* restore default value for raw list items and lists in tables */
ul.noindent, table ul { margin-left: 1.5em; }

:: I know: it's getting a bit complicated. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-1&nbsp;21:43&nbsp;Z</small>''

::: Quite. I'd suggest using your workaround to fix that one article, as I don't see a big justification for changing every bullet list everywhere. I was also thinking that bullets are used in discussions and votes quite often, and changing the indent could confuse the context (who someone was replying to). -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 21:50, 1 February 2006 (UTC)

:::: Good point about discussions too, but although old discussion may be twiddled a bit, this fix would make it easier to ''create'' correctly nested lists in discussions, without repeatedly previewing.

:::: It would be too bad though, if we were stuck with these HTML elements, specifically designed to reflect nested structure, always incorrectly displaying nested structure, and having to type raw HTML every time it needs to work. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-1&nbsp;21:57&nbsp;Z</small>''


== pt-login ==
:::: I've applied the workaround as you suggested by typing some HTML manually. This actually messes up the lists a bit, but wikitext does so in many situations anyway. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-1&nbsp;22:03&nbsp;Z</small>''


Barring objects, will be removing this class as useless. Logged out users get vector now, you would have to do a url "&useskin=monobook" while logged out to make the "log in" button change with this now. — [[User:Xaosflux|<span style="color:#FF9933; font-weight:bold; font-family:monotype;">xaosflux</span>]] <sup>[[User talk:Xaosflux|<span style="color:#009933;">Talk</span>]]</sup> 13:24, 8 September 2018 (UTC)
It turns out that this problem is the result of a bug in the Monobook and Chick skins. All other skins align the lists correctly by default. This means that any "fixes" applied in the wikitext will break rendering in other skins. Since these two skins are "broken" in relation to all other skins as well as to browsers' default rendering, I'm re-proposing applying the fix to those two skins, so that lists will be rendered consistently (and correctly) across all the skins. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-01&nbsp;23:51&nbsp;Z</small>''
:{{done}} — [[User:Xaosflux|<span style="color:#FF9933; font-weight:bold; font-family:monotype;">xaosflux</span>]] <sup>[[User talk:Xaosflux|<span style="color:#009933;">Talk</span>]]</sup> 01:36, 10 September 2018 (UTC)


== Undo "Temporary workaround for [[phab:T226594]]" ==
: For the monobook skin, that change was applied by "[[User:Gwicke|gabrielwicke]]" over the course of a couple changes in [http://cvs.sourceforge.net/viewcvs.py/wikipedia/phase3/stylesheets/monobook/Attic/main.css?rev=1.129&hideattic=0&view=log April 2004]. He added margin to the ol. I don't support adding more margin to ul's to compensate, due to the examples I showed you. Let's not get complicated. Contact him to see if he remembers any specific reason for the change. I'd rather see any non-project-specific alterations be made to the skins source code, not here. -- [[User:Netoholic|Netoholic]] [[User talk:Netoholic|@]] 00:54, 2 February 2006 (UTC)


{{re|Xaosflux}} The temporary workaround added in the last edit should no longer be needed, can you undo it? [[User:Matma Rex|Matma Rex]] <small>[[User talk:Matma Rex|talk]]</small> 20:02, 12 July 2019 (UTC)
:: Thanks. I see he changed the ol's left margin from [http://cvs.sourceforge.net/viewcvs.py/wikipedia/phase3/stylesheets/monobook/Attic/main.css?rev=1.1&hideattic=0&view=markup 1.5em] to [http://cvs.sourceforge.net/viewcvs.py/wikipedia/phase3/stylesheets/monobook/Attic/main.css?rev=1.41&hideattic=0&view=markup 2.4em] to [http://cvs.sourceforge.net/viewcvs.py/wikipedia/phase3/stylesheets/monobook/Attic/main.css?rev=1.63&hideattic=0&view=markup 3.2em], which looks like space for one, two, and three-digit numbers to the left of the decimal point, while for ul's it remained 1.5em. I'll see if I can get him to look at this issue. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-02&nbsp;01:11&nbsp;Z</small>''
:{{undone}} {{ping|Matma Rex}} let me know if you see any issues. — [[User:Xaosflux|<span style="color:#FF9933; font-weight:bold; font-family:monotype;">xaosflux</span>]] <sup>[[User talk:Xaosflux|<span style="color:#009933;">Talk</span>]]</sup> 20:31, 12 July 2019 (UTC)


== Remove all overly-specified, element dependencies on ids ==
::: That may be moot, as Gabriel hasn't edited English WP for three months. I've filed [http://bugzilla.wikimedia.org/show_bug.cgi?id=4829 bug 4829] at Bugzilla.


Coming from https://phabricator.wikimedia.org/T248137, all mentions of <code>div</code> together with an id selector <code>#</code> can be safely and should be removed. [[User:Volker E. (WMF)|Volker E. (WMF)]] ([[User talk:Volker E. (WMF)|talk]]) 23:48, 19 March 2020 (UTC)
::: Still, it would be good to fix this. Another possibility is to reduce ol's margin-left to 1.5em, or even both of them to 1.0em, but change list-style-position to inside: this would mean that two- and three-digit numbers would have the decimal point aligned differently, but nested lists would work right, and both types of lists would sit closer to the left margin for the sake of lists in tables. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-02&nbsp;01:37&nbsp;Z</small>''
:It's one way of increasing the specificity without resorting to the cop-out of the <code>!important</code> annotation. --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] &#x1f339; ([[User talk:Redrose64|talk]]) 23:51, 20 March 2020 (UTC)
::::Surely this sort of thing should be in [[mediawiki:common.css]] so that all skins use it? Why not simply shift it in there? HTH HAND —[[User:Phil Boswell|Phil]] | [[User talk:Phil Boswell|Talk]] 08:20, 2 February 2006 (UTC)
::{{u|Redrose64}} We can just replace them with .mw-body. —[[User:TheDJ|Th<span style="color: green">e</span>DJ]] ([[User talk:TheDJ|talk]] • [[Special:Contributions/TheDJ|contribs]]) 10:33, 21 March 2020 (UTC)


== Margin ==
::::: The problem is a difference in rendering the two different types of lists, in only the two skins Monobook and Chick. Code in Common.css modifies ''all'' skins, so that wouldn't be an appropriate place for it. We can apply an overriding declaration to Wikipedia's user-editable Monobook.css and Chick.css, but it would be better still to fix the code in the main Monobook and Chick style sheets which are part of the MediaWiki software.


Can a small margin be added at the top so that the username/watchlist/etc. aren't pressed so close to the top edge? I tested this out in my common.css and it looks pretty good. <syntaxhighlight lang=css>
::::: I've filed a bug report for MediaWiki, and if there is consensus I would also apply the fix in the local style sheets immediately. ''—[[User:Mzajac |Michael]]&nbsp;[[User talk:Mzajac |Z.]]&nbsp;<small>2006-02-02&nbsp;08:40&nbsp;Z</small>''
body {
margin-top:5px;
} </syntaxhighlight> should do the trick. It's fairly minor, but I figured I should ask regardless. [[User:Edward-Woodrow|Edward-Woodrow]] :) <sub><nowiki>[</nowiki>[[User talk:Edward-Woodrow|talk]]<nowiki>]</nowiki></sub> 20:24, 28 June 2023 (UTC)
:One of the reasons that MonoBook is preferred by myself and others is that it doesn't waste nearly as much space as Vector (either Legacy or 2022). Forcing that margin upon all of us would waste space when we don't want it wasted. You are free to modify your own monobook.css if you so desire. --[[User:Redrose64|<span style="color:#a80000; background:#ffeeee; text-decoration:inherit">Red</span>rose64]] &#x1f339; ([[User talk:Redrose64|talk]]) 22:10, 28 June 2023 (UTC)
::Alright, I guess that makes sense. Thanks, [[User:Edward-Woodrow|Edward-Woodrow]] :) <sub><nowiki>[</nowiki>[[User talk:Edward-Woodrow|talk]]<nowiki>]</nowiki></sub> 22:11, 28 June 2023 (UTC)

Latest revision as of 09:07, 21 May 2024

diff code still needed?[edit]

Is this diff code still needed? — RockMFR 01:52, 19 September 2009 (UTC)[reply]

Depends on wether we think it was a successful experiment I guess :D I use my own colorcoding CSS for diff. —TheDJ (talk • contribs) 16:42, 17 November 2009 (UTC)[reply]
It is still needed, in fact, parts of it could serve well in vector.css, especially the font-size and vertical-align. EdokterTalk 23:16, 18 October 2010 (UTC)[reply]
Look at me, replying to a year old message. :) EdokterTalk 23:28, 18 October 2010 (UTC)[reply]

Personalized CSS[edit]

Would it be helpful to add personalized CSS for some pages? Chairsenses (talk) 02:59, 16 January 2010 (UTC)[reply]

I don't know, would it?? :P Happymelon 13:20, 16 January 2010 (UTC)[reply]

gap (or chasm) above div.catlinks[edit]

This class has margin-top: 1em; by default, tracing a half-height alleyway below the last navbox. I think positioning these elements flushly would be an aesthetic improvement. What kind of CSS would collapse these borders most effectively, to make figure 1 (left) resemble figure 2 (right) in the following screen-shot?

Perhaps we could set margin-top:0px; for the catlinks, and margin-bottom:-1px; for all navboxes, noting that navboxes should have no free-form content below them, only other navboxes. This might be IE6 friendly, even. ―cobaltcigs 16:02, 18 October 2010 (UTC)[reply]

If we set margin-top:0px; for the category boxes, everything will cling to the box, including what you are reading right now; we defenitely do not want that. The category box is a seperate entity on the page; it should remain that way. EdokterTalk 23:00, 18 October 2010 (UTC)[reply]
Fully agreed with Edokter. Having text run into the top of the catlinks seems a really bad idea. Not every page has navboxes. (And even then, i'd like to keep seperation between the two elements). —TheDJ (talk • contribs) 23:26, 18 October 2010 (UTC)[reply]

Could we reduce it to a few px so it is not visually mistakable for an empty paragraph tag? ―cobaltcigs 23:54, 21 November 2010 (UTC)[reply]

I'm afraid not. 1em is the default spacing between article content and all other elements. EdokterTalk 00:12, 22 November 2010 (UTC)[reply]

Make selecting coordinate text easier[edit]

#coordinates {
  /* Increase clicking area for selecting coordinates */
  padding-right:30px;
  right:0;
}

Dispenser 00:00, 2 July 2012 (UTC)[reply]

Done Seems sensible, and shouldn't cause any change in the actual display Anomie 01:24, 10 July 2012 (UTC)[reply]

margin-top on bodyContent[edit]

Hi. Can someone please look at updating the following text:

/* Don't display some stuff on the main page */
body.page-Main_Page #deleteconfirm,
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #contentSub,
body.page-Main_Page.action-view h1.firstHeading {
    display: none !important;
}
/* The above causes the bodyContent div to cover most of the 
   tabs on the main page, making them unclickable. Shifting 
   it down a bit fixes the problem. */
body.page-Main_Page.action-view #bodyContent{
    margin-top: 1.3em;
}

with this text:

/* Don't display some stuff on the main page */
body.page-Main_Page #deleteconfirm,
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #contentSub,
body.page-Main_Page.action-view h1.firstHeading {
    display: none !important;
}

please?

margin-top on bodyContent came from this edit. I believe this was a misdiagnosis of the underlying issue. The issue is that the "#jump-to-nav" element obscures the tabs in Monobook. Adding margin-top makes the page look silly (though this seems to have become more apparent just recently). --MZMcBride (talk) 02:51, 23 April 2013 (UTC)[reply]

Just removing the margin-top might be sufficient here. Does nobody else see the extra space above the "Welcome to Wikipedia" banner here: <https://en.wikipedia.org/wiki/Main_Page?useskin=monobook>? --MZMcBride (talk) 02:56, 23 April 2013 (UTC)[reply]
Okay, I tested in Chrome, Safari, and Firefox and the margin-top definitely seems to be to blame here. If I remove it, the extra space goes away and the tabs are still clickable. --MZMcBride (talk) 03:01, 23 April 2013 (UTC)[reply]
Done. Thanks for the fix! It's been a long time since I've used the good old Monobook skin. Ah, the nostalgia... I'll be watching when the update kicks in, but please don't hesitate to let me know if any issues crop up, in case I miss anything. Best — Mr. Stradivarius ♪ talk ♪ 09:39, 23 April 2013 (UTC)[reply]
(edit conflict) My Firefox recently "upgraded" from v19 to v20: they have significantly changed the "inspect element" feature, and I'm still finding my way around it. It's definitely the margin-top: property of the <div id=bodyContent> although reading the display one way (the new "box model" feature), it's 16px; another way ("Computed"), shows margin-top 16.5167px; a third ("Rules") shows
body.page-Main_Page.action-view #bodyContent {
    margin-top: 1.3em;
}
i.e. as shown above - but apparently it comes from load.php:1 not Monobook.css --Redrose64 (talk) 09:47, 23 April 2013 (UTC)[reply]
I'll defer to both of you on the css, but I just wanted to say that I am also currently running Firefox 20, and I noticed a distinct reduction of whitespace at the top of the main page in Monobook after I made the edit. — Mr. Stradivarius ♪ talk ♪ 13:33, 23 April 2013 (UTC)[reply]

Protected edit request on 3 March 2014[edit]

Per Wikipedia:Village pump (proposals)/Archive 109#Move Pending Changes dropdown in header 20 pixels to the left and Template talk:Pp-meta#Overlapping icons, please change line 164 from right: 55px; to right: 75px;. Jackmcbarn (talk) 21:34, 3 March 2014 (UTC)[reply]

 Done. Edokter (talk) — 23:36, 3 March 2014 (UTC)[reply]
@Edokter: There is a problem here. At Carl Linnaeus, in Monobook, the white padlock obscures the closing parenthesis of the "Accepted (latest)" dropdown, and part of the arrow-down image to the right of that. Although I have both of the gadgets "Add an [edit] link for the lead section of a page" and "Move section [edit] links to the right side of the screen" enabled, disabling either one or both of these makes no difference to the position of the whitelock relative to the dropdown. --Redrose64 (talk) 15:14, 5 March 2014 (UTC)[reply]
I could move it further to the left (110px). But this is an inherent problem with topicons; all the elements need to have their own position specified. Edokter (talk) — 15:26, 5 March 2014 (UTC)[reply]
Looks much better now, Thank you --Redrose64 (talk) 15:35, 5 March 2014 (UTC)[reply]

External links icons removed[edit]

Hello! If this CSS adds or modifies icons shown after external links, you'll be interested in knowing that such icons have been removed from MediaWiki core, a change which will reach this wiki in few days. You may want to consider whether you still need them. If you have questions, please ask at bugzilla:63725. Regards, Nemo 09:45, 10 April 2014 (UTC)[reply]

#coordinates[edit]

Can someone make the coordinates either appear on top or bottom of the centralnotice banners, instead of overlapping with them? See [1] [2]. This problem is not present in dewiki [3] but at dewiki the coordinates are on top of h1 while here at enwiki they're at the bottom of h1. If the local css here cannot be modified to fix this, it would be greatly appreciated if someone could provide the css to fix it through css of cnbanners. But if the latter option is preferred, it would mean that the styling have to be applied to all cnbanners to fix the issue. Thanks, --Glaisher (talk) 17:56, 29 August 2014 (UTC)[reply]

I also have this problem, and have raised the issue at WP:VPT. —Kusma (t·c) 15:55, 8 September 2014 (UTC)[reply]

Protected edit request on 9 November 2015[edit]

Please add the following fragment to improve the display of coordinates while the visual editor is open using monobook. The visual editor is basically using the new 'Vector' style of positioning elements inside the canvas.

.ve-ce-surface #coordinates {
    top: 0;
    padding: 0;
}

TheDJ (talk • contribs) 09:44, 9 November 2015 (UTC)[reply]

 Done. Welcome back? — Martin (MSGJ · talk) 12:43, 9 November 2015 (UTC)[reply]

OOUI destructive type buttons[edit]

I've added bolding to new OOUI style buttons that appear in a new light red, making them harder to see, currently this is only done for buttons that you may want to avoid, or may need to find better such as CANCEL/RESET/etc. — xaosflux Talk 02:27, 1 December 2017 (UTC)[reply]

ca-edit[edit]

Hi, I plan on removing this section absent any objection:

/* Bold 'edit this page' link to encourage newcomers */
#ca-edit a {
	font-weight: bold !important;
}
"Newcomers" don't get monobook anymore, and it goes against the rest of the UI to add weight to the current tab. — xaosflux Talk 13:08, 28 August 2018 (UTC)[reply]
 Done let me know if any issues. — xaosflux Talk 17:01, 29 August 2018 (UTC)[reply]

pt-login[edit]

Barring objects, will be removing this class as useless. Logged out users get vector now, you would have to do a url "&useskin=monobook" while logged out to make the "log in" button change with this now. — xaosflux Talk 13:24, 8 September 2018 (UTC)[reply]

 Donexaosflux Talk 01:36, 10 September 2018 (UTC)[reply]

Undo "Temporary workaround for phab:T226594"[edit]

@Xaosflux: The temporary workaround added in the last edit should no longer be needed, can you undo it? Matma Rex talk 20:02, 12 July 2019 (UTC)[reply]

eraser Undone @Matma Rex: let me know if you see any issues. — xaosflux Talk 20:31, 12 July 2019 (UTC)[reply]

Remove all overly-specified, element dependencies on ids[edit]

Coming from https://phabricator.wikimedia.org/T248137, all mentions of div together with an id selector # can be safely and should be removed. Volker E. (WMF) (talk) 23:48, 19 March 2020 (UTC)[reply]

It's one way of increasing the specificity without resorting to the cop-out of the !important annotation. --Redrose64 🌹 (talk) 23:51, 20 March 2020 (UTC)[reply]
Redrose64 We can just replace them with .mw-body. —TheDJ (talk • contribs) 10:33, 21 March 2020 (UTC)[reply]

Margin[edit]

Can a small margin be added at the top so that the username/watchlist/etc. aren't pressed so close to the top edge? I tested this out in my common.css and it looks pretty good.

 
body {
	margin-top:5px;
}

should do the trick. It's fairly minor, but I figured I should ask regardless. Edward-Woodrow :) [talk] 20:24, 28 June 2023 (UTC)[reply]

One of the reasons that MonoBook is preferred by myself and others is that it doesn't waste nearly as much space as Vector (either Legacy or 2022). Forcing that margin upon all of us would waste space when we don't want it wasted. You are free to modify your own monobook.css if you so desire. --Redrose64 🌹 (talk) 22:10, 28 June 2023 (UTC)[reply]
Alright, I guess that makes sense. Thanks, Edward-Woodrow :) [talk] 22:11, 28 June 2023 (UTC)[reply]

Leave a Reply