MediaWiki talk:Common.css

Difficulty colours

I'd like some colours added for the difficulty levels. This would be perfect:

.text-diffnormal {
	color: #55AA22;
}
.text-diffcruel {
	color: #BBAA22;
}
.text-diffmerciless {
	color: #882222;
}

(Values are taken from {{MonsterBox}}). Chriskang (talk) 09:43, 23 January 2014 (UTC)

Done. Give it a little while to cache and then it should all be working. Iamacyborg (talk) 11:25, 23 January 2014 (UTC)

Thanks. Chriskang (talk) 12:49, 23 January 2014 (UTC)

Itembox line breaks

white-space: nowrap; /* temp */

The comment lets me think that this line was not intended to stay in the whole [class|=itembox] definition. It forces us to manually insert line breaks into long lines like here.

Can we have it removed (and a fixed max-width defined to avoid breaking all itemboxes)?

Or at least, can we have it overridden in help text like this:

.text-help {
	color: #7f7f7f;
	font-style: italic;
	white-space: normal;
	display: inline-block;
	width: 310px;
}
 

Chriskang (talk) 11:10, 27 February 2014 (UTC)

That line and comment were added by me. I was initially trying to figure out a way to avoid the manual insertion of line breaks. It's still very much required for modifiers, but your suggestion for help text and flavor text will definitely work. I can make the necessary changes. The white-space: nowrap; css property serves a specific purpose, but it is somewhat unrelated. It is specifically to avoid the item box collapsing when there is limited "space". This only happens when the item box is used as a hover tooltip and is positioned near the far right of the screen. This screenshot shows the difference. —Vini (t|c) 16:22, 27 February 2014 (UTC)

I'm happy with whatever you think is best Vini, your knowledge of CSS is beyond mine, and you know those templates much better. Iamacyborg (talk) 18:31, 27 February 2014 (UTC)

I understand your reasons for keeping nowrap in itembox. I would appreciate if one of you could apply the change to text-help though. Chriskang (talk) 19:49, 27 February 2014 (UTC)

The change should be implemented now. However, you might have to refresh your browser cache and/or wait for the wiki software to update the stylesheet in the server-side cache. You will also have to manually update pages such as Emerald Imp Mask that have manual line breaks inserted. —Vini (t|c) 20:11, 27 February 2014 (UTC)

Works fine. Thanks. Chriskang (talk) 22:39, 27 February 2014 (UTC)

Itembox Header image width Fix for Mobile Visitors

I believe this rule should prevent the item box background images from extending outside the box for mobile users

.item-box > .header {
    width: auto;
}

Yotkbn (talk) 18:18, 24 August 2017 (UTC)