https://wiki.seshstation.com/index.php?title=MediaWiki:Mobile.css&feed=atom&action=historyMediaWiki:Mobile.css - Revision history2024-03-28T17:23:12ZRevision history for this page on the wikiMediaWiki 1.36.1https://wiki.seshstation.com/index.php?title=MediaWiki:Mobile.css&diff=708&oldid=prevSESHstation: Created page with "/* All CSS here will be loaded for users of the mobile site */ /** You are editing the global css file for all mobile site users. With Great Power Comes Great Responsibility...."2021-11-30T20:24:48Z<p>Created page with "<span dir="auto"><span class="autocomment">All CSS here will be loaded for users of the mobile site: </span> /** You are editing the global css file for all mobile site users. With Great Power Comes Great Responsibility...."</span></p>
<p><b>New page</b></p><div>/* All CSS here will be loaded for users of the mobile site */<br />
/**<br />
You are editing the global css file for all mobile site users.<br />
With Great Power Comes Great Responsibility.<br />
<br />
Some words of caution:<br />
* Avoid any changes which impact layout on a mobile device.<br />
** Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style.<br />
** Be especially cautious when a template is likely to be used within the top 480px of the screen (the content that the user will see first on a mobile device).<br />
* Do not use display:none. Instead edit the template and markup the element you want to hide with the `nomobile` class.<br />
* Try to keep rules as generic and minimal as possible. Do not have 2 selectors doing the same thing. Introduce a common class and use that instead.<br />
* For big changes consult the [https://grafana.wikimedia.org/dashboard/db/mobile-2g grafana dashboard] to ensure you don't introduce any performance regressions.<br />
* Group common css rules together where possible.<br />
<br />
If you are looking for .mobile-float-reset (see [[:phab:T56176]]), use TemplateStyles instead.<br />
.mobile-float-reset { <br />
float: none !important; <br />
width: 100% !important; <br />
} <br />
*/<br />
<br />
/* Reset user agent styles. We don't reset small or blockquote here deliberately */<br />
cite,<br />
dfn {<br />
font-style: inherit;<br />
}<br />
<br />
q {<br />
quotes: '"' '"' "'" "'";<br />
}<br />
<br />
/* Hide the images */<br />
.geo-nondefault, .geo-multi-punct,<br />
/* Hide stuff meant for accounts with special permissions. Made visible again in<br />
[[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and<br />
[[MediaWiki:Group-autoconfirmed.css]]. */<br />
.checkuser-show,<br />
.sysop-show,<br />
.templateeditor-show,<br />
.extendedmover-show,<br />
.patroller-show,<br />
.extendedconfirmed-show,<br />
.autoconfirmed-show,<br />
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */<br />
.hide-when-compact,<br />
/* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */<br />
.noprint.portal {<br />
display: none;<br />
}<br />
<br />
/*<br />
Should be moved into Template:Cite_web<br />
Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */<br />
.citation {<br />
word-wrap: break-word;<br />
}<br />
<br />
/*<br />
.infobox<br />
DO NOT style infobox's here. That should be taken care of in the associated templates via template styles. Styles here will lead to flash of unstyled content on mobile.<br />
*/<br />
/* removed inline from module as we work toward Tstyles support<br />
* Use three classes to match specificity of MobileFrontend/Minerva selectors */<br />
.content .mw-parser-output .infobox-header,<br />
.content .mw-parser-output .infobox-subheader,<br />
.content .mw-parser-output .infobox-above,<br />
.content .mw-parser-output .infobox-title,<br />
.content .mw-parser-output .infobox-image,<br />
.content .mw-parser-output .infobox-full-data,<br />
.content .mw-parser-output .infobox-below {<br />
text-align: center;<br />
}<br />
<br />
/* Unbulleted lists e.g. Barack Obama page*/<br />
.plainlist ul {<br />
list-style: none;<br />
padding-left: 0; /* Reset Minerva defaults */<br />
}<br />
<br />
/* Prevent line breaks in silly places:<br />
1) Where desired<br />
2) Links when we don't want them to<br />
*/<br />
.mw-parser-output .nowrap,<br />
.nowraplinks a {<br />
white-space: nowrap;<br />
}<br />
.mw-parser-output .infobox .nowrap {<br />
white-space: normal !important;<br />
}<br />
/* But allow wrapping where desired: */<br />
.wrap,<br />
.wraplinks a {<br />
white-space: normal;<br />
}<br />
<br />
/* Generic class texhtml class for inline math */<br />
span.texhtml {<br />
font-family: serif;<br />
white-space: nowrap;<br />
}<br />
<br />
/* Prevent flags in tables from collapsing<br />
Fix for T116318<br />
*/<br />
.flagicon img {<br />
min-width: 25px;<br />
}<br />
<br />
/* Prevent unnecessary margin at the bottom of centralnotices */<br />
.cnotice {<br />
margin-bottom: 0 !important;<br />
}<br />
<br />
<br />
/* The message body cell(s), such as for {{Commonscat}}.<br />
* this is a very small subset of the styles from Common.css<br />
* just to make sure the box isn't squashed without any spacing<br />
* which looks out of place with visuals of other nearby elements<br />
*/<br />
.mbox-text {<br />
/* @noflip */<br />
padding: 0.25em 0.9em;<br />
}<br />
<br />
/* Normal font styling for wikitable row headers with scope="row" tag */<br />
.wikitable.plainrowheaders th[scope=row] {<br />
font-weight: normal;<br />
/* @noflip */<br />
text-align: left;<br />
}<br />
<br />
<br />
/**<br />
******************DEPRECATED STYLES ************************************<br />
These styles will be removed shortly. Please see inline comments.<br />
**/<br />
<br />
<br />
/*<br />
Generate interpuncts <br />
FIXME: Move to template.<br />
*/<br />
/* Can be removed when T169315 is resolved */<br />
#content .hlist-separated li:after {<br />
font-size: 0.8em;<br />
color: #333;<br />
}<br />
/*<br />
FIXME: DUPLICATES Template:Hlist/styles.css<br />
Note the mobile skin provides a `hlist-separated` class for this purpose. Use this class name alongside the hlist class instead as this will result in a FOUC.<br />
Should be removed and moved to templates.<br />
*/<br />
/* Counter hlist indenting of Minerva*/<br />
.mw-parser-output .hlist ul,<br />
.mw-parser-output .hlist ol {<br />
padding-left: 0;<br />
}<br />
/* reset hlist margins of Minerva<br />
do not add li here (see T235416) */<br />
.mw-parser-output .hlist dd,<br />
.mw-parser-output .hlist dt {<br />
margin-right: 0;<br />
}<br />
/* do not add li here. Minerva provides it already*/<br />
.mw-parser-output .hlist dd:after {<br />
content: " ยท ";<br />
font-weight: bold;<br />
}<br />
.mw-parser-output .hlist dt:after {<br />
content: ": ";<br />
}<br />
<br />
/* Should be removed and moved to templates once TemplateStyles is live */<br />
.heading-holder hlist li:after,<br />
.mw-parser-output .hlist dd:last-child:after,<br />
.mw-parser-output .hlist dt:last-child:after,<br />
.mw-parser-output .hlist li:last-child:after {<br />
content: none;<br />
}<br />
/* Add parentheses around nested lists */<br />
/* Should be removed and moved to templates once TemplateStyles is live */<br />
.mw-parser-output .hlist dd dd:first-child:before,<br />
.mw-parser-output .hlist dd dt:first-child:before,<br />
.mw-parser-output .hlist dd li:first-child:before,<br />
.mw-parser-output .hlist dt dd:first-child:before,<br />
.mw-parser-output .hlist dt dt:first-child:before,<br />
.mw-parser-output .hlist dt li:first-child:before,<br />
.mw-parser-output .hlist li dd:first-child:before,<br />
.mw-parser-output .hlist li dt:first-child:before,<br />
.mw-parser-output .hlist li li:first-child:before {<br />
content: " (";<br />
font-weight: normal;<br />
}<br />
/* Should be removed and moved to templates once TemplateStyles is live */<br />
.mw-parser-output .hlist dd dd:last-child:after,<br />
.mw-parser-output .hlist dd dt:last-child:after,<br />
.mw-parser-output .hlist dd li:last-child:after,<br />
.mw-parser-output .hlist dt dd:last-child:after,<br />
.mw-parser-output .hlist dt dt:last-child:after,<br />
.mw-parser-output .hlist dt li:last-child:after,<br />
.mw-parser-output .hlist li dd:last-child:after,<br />
.mw-parser-output .hlist li dt:last-child:after,<br />
.mw-parser-output .hlist li li:last-child:after {<br />
content: ") ";<br />
font-weight: normal;<br />
}<br />
<br />
/* Put ordinals in front of ordered list items */<br />
/* Should be removed and moved to templates once TemplateStyles is live */<br />
.mw-parser-output .hlist ol {<br />
counter-reset: listitem;<br />
}<br />
<br />
/* Should be removed and moved to templates once TemplateStyles is live */<br />
.mw-parser-output .hlist ol > li {<br />
counter-increment: listitem;<br />
}<br />
<br />
/* Should be removed and moved to templates once TemplateStyles is live */<br />
.mw-parser-output .hlist ol > li:before {<br />
content: " " counter(listitem) " ";<br />
white-space: nowrap;<br />
}<br />
<br />
/* Should be removed and moved to templates once TemplateStyles is live */<br />
.mw-parser-output .hlist dd ol > li:first-child:before,<br />
.mw-parser-output .hlist dt ol > li:first-child:before,<br />
.mw-parser-output .hlist li ol > li:first-child:before {<br />
content: " (" counter(listitem) " ";<br />
}<br />
<br />
/* https://phabricator.wikimedia.org/T180396#5317728 */<br />
<br />
@media print {<br />
.navbox,<br />
.hatnote,<br />
.ambox {<br />
display: none !important;<br />
}<br />
}</div>SESHstation