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.

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

New request - May 19th
User:Kmdenmark and User:Pyrrhus. Could you also add this onto the bottom of the existing code. I've deleted the code already there from this talk page to avoid me getting mixed up or code getting copied in their twice. This should sort an issue with the pre tag scrolling, white on white for citation date errors, and prevent long links or long words messing up citations or lists on mobiles (example: Category:Potential treatments - wanted pages list). Extra code for pivot.css below. notjusttired (talk) 13:07, 19 May 2019 (EDT)

/* Make Echo extension more mobile friendly on small widths including mobiles in landscape view */

@media only screen and (max-width: 750px) { .oo-ui-popupWidget-popup { width: auto !important; position: relative !important; margin-left: 10rem !important; margin-right: 0!important; left: auto; right: 0.9rem; font-size: 75% !important; } .oo-ui-clippableElement-clippable.oo-ui-popupWidget-body { width: 100% !important; right: 1.5rem; } }

/* make donate look like button */ margin-left: 0.25em; } display:inline-block; }
 * 1) n-donate {
 * 1) n-donate a {

/* Color code snippets incl for errors */ code { background: #999; background: rgba(204,204,204,0.9); color: #000; font-weight:bold; } .error code { color: #FF4444 !important; color: #fff !important; } /* pre tag must wrap, also break crazily long words in lists and tables */ pre, td { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

/* break long citation urls */ .citation { word-wrap: break-word; }

/* mobiles: break crazily long words in lists and tables, using hyphens and keep broken items in same column, put columns closer together */ @media screen and (max-width: 500px) { td, #mw-content-text li { margin-left: 2px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }  }

/* end of tested code May 20 2019 */