MediaWiki talk:Common.css

This page is the web browser interface to implement table classes, such as "class = navbox". It needs to be periodically updated with content from Wikipedia's MediaWiki:Common.css, as it contains browser specific implementations; e.g. Firefox and IE. Only an administrator can edit this page. --LadyGeek 18:01, 29 October 2011 (MDT)

Site specific class added
In Feb. 2012 a site specific class was added to support the Main page navigation bar. It is cloned from phpBB's prosilver style. /* Implement phpBB prosilver navbar */ .headerbar { background-color: #12A3EB; background-image: url('//www.financialwisdomforum.org/forum/styles/prosilver/theme/images/bg_header.gif'); background-repeat:repeat-x; color: #FFFFFF; } --Peculiar_Investor 4 February 2012 (MDT)

How often to update?
MediaWiki:Common.css specifies much of the look and feel of the user interface and thus is a critical component. At the same time, new and improved functionality is always being added and it does get tested on Wikipedia, which is a pretty good testbed. Recommend that periodically refresh, roughly every six months or so, and follows the MediaWiki release cycle. When updating, copy from View source for MediaWiki:Common.css - Wikipedia, the free encyclopedia and re-add the above .headerbar class at the bottom. --Peculiar Investor 05:55, 8 November 2012 (MST)

Wikipedia specific content
The last two media queries (just above the phpBB navbar) rules implement Wikipedia's logo for mobile devices. IOW, a mobile will see the Wikipedia logo instead of finiki. I don't see a need to use these media queries for finiki's logo and recommend their removal.

/* 35337, improve resolution of logo on high-resolution screens. */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #p-logo a { background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/204px-Wikipedia-logo-v2-en.svg.png") !important; background-size: 136px auto; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { #p-logo a { background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/270px-Wikipedia-logo-v2-en.svg.png") !important; background-size: 135px auto; } } --LadyGeek 20:02, 22 December 2014 (MST) ✅ They have been removed. Thanks. --Peculiar Investor 06:41, 26 January 2015 (MST)