MediaWiki talk:Pivot.css

What is this page?
This page contains “CSS” code, which controls how the MEpedia interface displays to users. This includes the placement, color, size, and font of buttons, links, windows, and text. The CSS code that controls the MEpedia interface is stored in three locations:
 * 1) The ‘skin’ contains most of the CSS code, and this basic ‘skin’ code can not be changed.  However, an MEpedia user can select from a list of different skins in their user preferences.  For example, a user can select either the “Pivot” skin or the “Vector” skin.
 * 2) The MediaWiki:Common.css page contains MEpedia-specific changes to the CSS code that will apply to ALL skins available at MEpedia.
 * 3) Each skin has a page that contains MEpedia-specific changes to the CSS code that will apply to ONLY that skin.  For example, MediaWiki:Pivot.css.

Code request - wanted categories are white
Please add the following code to the end of MediaWiki:Pivot.css, which should make any wanted categories visible at the bottom of pages - currently it's white text on cream. User:Kmdenmark Thanks notjusttired (talk)

color: #BA0000; }
 * 1) mw-normal-catlinks a.new {

Requested to copy to Pivot.css to set color scheme
(completed May 17, 2019)

Completed request - May 19th
User:Kmdenmark and User:Pyrrhus. Could you also add this onto the bottom of the existing code.

CSS changes? -- Pyrrhus (talk) 19:11, June 8, 2019 (EDT)
Hi User:Notjusttired! I have just returned to the Pivot skin to see how the new CSS is working. I noticed a few things that may be related to the CSS changes: Any idea what may be going on? Thanks! Pyrrhus (talk) 19:11, June 8, 2019 (EDT)
 * 1) The search box on the main page is now left-aligned, which looks funny on large screens because it leaves a large empty space on the right side of the screen.  If centering it causes problems on mobile, maybe we should just make it full-width?
 * 2) I noticed that the text in the “Recent changes” page is now disorganized.
 * 3) Some of the diff pages are running off the right side of the screen, such as here.
 * I will add those to the outstanding issues list.
 * 1 The search box - do you mean the large one by Try Exact Match only on the main page? The whole section around the search box, ie the surrounding boxes in the tables, not just the search box? I think it's when the screen is wide enough for the sidebar to be visible that there are issues. I can't find the exact width what's it goes wrong, I use the quirktools screenfly website but can't really zoom out to tell. Can you check if this is an issue on the Timeless skin too? The issue might be adding  display: block to the wikitable section.
 * 2 I thought recent changes looked messy before? Can you describe how?
 * 3 Will need to check into that code since I haven't done any changes aimed at the Recent Changes page. notjusttired (talk) 19:13, June 9, 2019 (EDT)
 * 1 Sorry, I meant the whole section around the search box, including the “MEpedia’s articles have been viewed..” line. It looks fine on the Timeless skin.
 * 2 Maybe it was messy before and I just didn’t notice! If there has been only one change to a page, it shows up correctly as a single line on the “Recent changes” page.  But, if there have been multiple changes to a page, it shows up broken into 7-8 lines.
 * 3 I only notice that the diff pages run off the right side of the screen on smaller screens, not on my desktop. This has nothing to do with the recent changes page, as it also happens when I select a diff from the page history.  But it only happens with some diffs, not with others.  Again, this may have existed before but I just didn’t notice.
 * Hope this helps! Pyrrhus (talk) 19:43, June 10, 2019 (EDT)
 * Thanks User:Pyrrhus. The first issue should have been sorted by a change to the main page. For the recent changes page layout try the code below. I don't yet have a solution for the history diff issue. notjusttired (talk) 20:33, July 27, 2019 (EDT)
 * User:Kmdenmark can you add the code below to the page, without the "pre" bits? Thanks notjusttired (talk) 10:04, August 12, 2019 (EDT)

/* recent changes improvements for small screens */ .mw-enhancedchanges-arrow-space, .mw-enhanced-rc-time, .mw-changeslist-diff-cur { white-space: normal; } .mw-changeslist-line-prefix, .mw-enhanced-rc, .mw-changeslist-line-inner, .mw-enhanced-rc-nested { white-space: pre-line; }

Show poweredby in footer
It may be necessary to remove the following  code from the CSS page to show the MEpedia default image at the bottom of all pages - will have to check once developer changes made. notjusttired (talk) 10:04, August 12, 2019 (EDT) /* removed powered by mediawiki - which has several different names oddly */ .poweredby { display:none; }
 * 1) footer-poweredbyico,
 * 2) footer-poweredby,