MediaWiki talk:Vector.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: ==Request to add this code to the end of Vector.css - without the pre tags. This will put the MEAction logo in the top left on mobiles (using vector's responsive section) - so that people can click the logo to return to the main page. The MEpedia didn't fit, but a smaller one can be used later. User:JaimeS User:Kmdenmark notjusttired (talk) 19:16, May 31, 2019 (EDT) /* Responsive vector for mobiles, also see responsive.less - should it be 850px? */ @media (max-width: 768px) {
 * 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.

.mw-wiki-logo { display: block!important; left: 0!important; top: 0!important; position: relative !important; background-size: contain!important; background-image: url("/images/f/f2/Meaction_logo_red.png"); background-size: contain!important; width: 40px!important; margin: none; overflow: visible; }

display: block!important; position: absolute!important; left: 5px!important; top: -85px!important; width: auto; height: auto; background-size: contain!important; } div#simpleSearch { max-width: 60%; margin-left: 5em!important; margin-right: 5em!important; text-align: center; }
 * 1) p-logo {

}/* Responsive vector for mobiles, also see responsive.less */ @media (max-width: 768px) {

.mw-wiki-logo { display: block!important; left: 0!important; top: 0!important; position: relative !important; background-size: contain!important; background-image: url("/images/f/f2/Meaction_logo_red.png"); background-size: contain!important; width: 40px!important; margin: none; overflow: visible; }

display: block!important; position: absolute!important; left: 5px!important; top: -85px!important; width: auto; height: auto; background-size: contain!important; } div#simpleSearch { max-width: 60%; margin-left: 5em!important; margin-right: 5em!important; text-align: center; }
 * 1) p-logo {

}