View source for MediaWiki talk:Monobook.css

{{/header}}{{archives|search=yes}}

== diff code still needed? ==

Is [{{fullurl:MediaWiki:Monobook.css|diff=7766295}} this diff code] still needed? — [[User:RockMFR|RockMFR]] 01:52, 19 September 2009 (UTC)
: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==
Would it be helpful to add personalized CSS for some pages?
[[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==
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?
*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)
::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)
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)
: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)

== Make selecting coordinate text easier ==

{{FPER|ans=yes}}
<syntaxhighlight lang=css>
#coordinates {
  /* Increase clicking area for selecting coordinates */
  padding-right:30px;
  right:0;
}
</syntaxhighlight>
— [[User:Dispenser|Dispenser]] 00:00, 2 July 2012 (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)

== margin-top on bodyContent ==

{{sudo|answered=yes}}

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

<syntaxhighlight lang="css">
/* 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;
}
</syntaxhighlight>

with this text:

<syntaxhighlight lang="css">
/* 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;
}
</syntaxhighlight>

please?

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)

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

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

:::[[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)
:::{{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
<syntaxhighlight lang=css>
body.page-Main_Page.action-view #bodyContent {
    margin-top: 1.3em;
}
</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 ==

{{FPER|<!-- Page to be edited -->|answered=yes}}
<!-- 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)

== External links icons removed ==

<div lang="en" dir="ltr" class="mw-content-ltr">
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 ==

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]
[//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 ==

{{edit fully-protected|MediaWiki:Monobook.css|answered=y}}
<!-- 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 ==

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)

== ca-edit ==

Hi, I plan on removing this section absent any objection:
<syntaxhighlight lang="css">
/* Bold 'edit this page' link to encourage newcomers */
#ca-edit a {
	font-weight: bold !important;
}
</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)

== pt-login ==

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)
:{{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]]" ==

{{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)
:{{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 ==

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)
: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)
::{{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 ==

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