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.

/* [[MediaZilla: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)

Done They have been removed. Thanks. --Peculiar Investor 06:41, 26 January 2015 (MST)