MediaWiki talk:Common.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.

Please copy the code below to MediaWiki:Common.css (but without the "pre" tags). This makes collapsible lists work, improves file upload from mobiles by making things fit in the screen better, and means the "Read more" feature on this page should work now, and hide completed requests unless you click "read more". notjusttired (talk) 20:28, June 3, 2019 (EDT)
 * I’m going to add a small bit to this request, in order to center the donate button in the sidebar. I have tested this on all installed skins.  If you have a chance, User:Kmdenmark, please add the following code to the END of this page.  Please let us know if you have any questions.  Thanks!
 * Pyrrhus (talk) 14:14, June 8, 2019 (EDT)
 * Just a friendly ‘ping’, User:Kmdenmark! Cheers!
 * Pyrrhus (talk) 17:50, June 11, 2019 (EDT)

/*  Collapsible list or collapsible elements eg buttons  */

/* move list toggle to left for list */ .collapsed span.mw-collapsible-toggle, .collapse ul.mw-collapsible-toggle, .collapse div.mw-collapsible-toggle, .collapsed span.mw-collapsible-toggle expanded { float: left; }

/** Lifted from wikipedia - Sandbox/CollapsibleDemo.css Toggles between right arrow and up arrow images for collapsible elements - lists or bullets See Wikipedia Manual:Collapsible_elements/Demo/Advanced **/ display: none; } display: block; }
 * 1) collapse-pre-one .mw-collapsible-toggle .up,
 * 2) collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
 * 1) collapse-pre-one .mw-collapsible-toggle .down,
 * 2) collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {

/* Lifted from WikiMedia Make sure the license dropdown of the upload form doesn't extend beyond the browser's window, even if there are some long license descriptions. (If that happens, the description box *also* goes beyond the right edge of the window.) width: 100%; overflow: hidden; }
 * 1) wpLicense {
 * 1) wpLicense {

/* Give the upload form a little breathing space. */ padding-bottom: 8px; } padding-bottom: 8px; } /* end of WikiMedia code */
 * 1) upload * td {
 * 1) mw-upload-table * td {

/* Copied from Wikipedia shared.css for Read more template */ /* hide initially collapsed collapsable tables */ table.collapsed tr.collapsable { display: none; } /* end of Wikipedia code

/* * What: Center donate button in sidebar * Who: Pyrrhus * When: 8 june 2019 */ text-align: center; }
 * 1) n-donate {

New font code request
(Completed Jun 2 2019)


 * User:Notjusttired Done! Kmdenmark (talk) 17:02, June 3, 2019 (EDT)
 * Thank you! notjusttired (talk) 17:29, June 3, 2019 (EDT)

Please add tweet icon -- notjusttired (talk) 17:03, July 7, 2019 (EDT)
User:Kmdenmark Please add the code below (except for the "pre) bits. This should create a twitter type icon, so we can have a Cite tweet if we want at some point. notjusttired (talk) 17:03, July 7, 2019 (EDT)

.ref-cite-tweet { background-image:url("https://www.me-pedia.org/images/1/16/Ref-cite-tweet.svg") }

Minor change for ref-cite-tweet icon
User:Kmdenmark Can you please change the end section from:

.ref-cite-tweet { background-image:url("https://www.me-pedia.org/images/1/16/Ref-cite-tweet.svg") }

to:

.oo-ui-icon-ref-cite-tweet, .ref-cite-tweet { background-image:url("https://www.me-pedia.org/images/1/16/Ref-cite-tweet.svg") }

This should (hopefully) display the tweet icon in the Cite, Tweet option from visual editor. Thanks notjusttired (talk) 05:32, August 3, 2019 (EDT)