MediaWiki:Mobile.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 12: Line 12:
* Group common css rules together where possible.
* Group common css rules together where possible.


Do not put specific styles for the following into this file:
If you are looking for .mobile-float-reset (see [[:phab:T56176]]), use TemplateStyles instead.
 
.mobile-float-reset {   
== Template:Navbar (.navbar) ==
float: none !important;   
See [[Template:Navbar/styles.css]] ([[Template_talk:Navbar#Request%3A_Add_template_styles_to_existing_stylesheet]])
width: 100% !important;   
 
== Template:Hlist (.hlist) ==
See [[Template:Hlist/styles.css]]
 
*/
*/


/* Mobile template hacks (see phab T56176)
/* Reset user agent styles. We don't reset small or blockquote here deliberately */
If you are looking for the following, please update your template to use TemplateStyles:
cite,
.mobile-float-reset {
dfn {
float: none !important;
font-style: inherit;
width: 100% !important;
}
}


*/
q {
 
quotes: '"' '"' "'" "'";
}


/* Hide the images */
/* Hide the images */
Line 51: Line 48:
}
}


/* For linked citation numbers and document IDs, where
  the number need not be shown on a screen or a handheld,
  but should be included in the printed version
TODO: Move to Citation template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
@media screen, handheld {
.citation *.printonly {
display: none;
}
}
/*
/*
Should be moved into Template:Cite_web
Should be moved into Template:Cite_web
Line 73: Line 59:
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.
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.
*/
*/
/* removed inline from module as we work toward Tstyles support
* Use three classes to match specificity of MobileFrontend/Minerva selectors */
.content .mw-parser-output .infobox-header,
.content .mw-parser-output .infobox-subheader,
.content .mw-parser-output .infobox-above,
.content .mw-parser-output .infobox-title,
.content .mw-parser-output .infobox-image,
.content .mw-parser-output .infobox-full-data,
.content .mw-parser-output .infobox-below {
text-align: center;
}


/* Default styling for Navbar template
TODO: Move to Navbar template ASAP
*/
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li span {
font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.navbox .navbar,
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* Unbulleted lists e.g. Barack Obama page*/
/* Unbulleted lists e.g. Barack Obama page*/
.plainlist ul {
.plainlist ul {
Line 114: Line 76:
padding-left: 0; /* Reset Minerva defaults */
padding-left: 0; /* Reset Minerva defaults */
}
}
.visualhide {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
/* Geographical coordinates hidden in mobile. Any styles relating to them should be put inside
.[[Template:Coord/link]]
*/


/* Prevent line breaks in silly places:
/* Prevent line breaks in silly places:
   1) Where desired
   1) Where desired
   2) Links when we don't want them to
   2) Links when we don't want them to
  3) Bold "links" to the page itself
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
Please document here what pages use this
Enabled
*/
*/
.mw-parser-output .nowrap,
.mw-parser-output .nowrap,
.nowraplinks a,
.nowraplinks a {
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
white-space: nowrap;
}
}
Line 151: Line 94:
}
}


/* Generic class for Times-based serif, texhtml class for inline math */
/* Generic class texhtml class for inline math */
.times-serif,
span.texhtml {
span.texhtml {
font-family: serif;
font-family: serif;
}
span.texhtml {
white-space: nowrap;
white-space: nowrap;
}
/* Enable custom list style types for lists of references */
.reflist ol.references {
list-style-type: inherit;
}
/* Hanging indentation for Template:Refbegin */
.refbegin-hanging-indents > ul,
.refbegin-hanging-indents > dl {
list-style-type: none;
margin-left: 0;
}
.refbegin-hanging-indents > ul > li,
.refbegin-hanging-indents > dl > dd {
margin-left: 0;
padding-left: 1.0em;
text-indent: -1.0em;
list-style: none;
}
}


Line 201: Line 122:
padding: 0.25em 0.9em;
padding: 0.25em 0.9em;
}
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
/* @noflip */
text-align: left;
}


/**
/**
Line 241: Line 170:
content: ": ";
content: ": ";
}
}
/* Should be removed and moved to templates once TemplateStyles is live */
/* Should be removed and moved to templates once TemplateStyles is live */
.heading-holder hlist li:after,
.heading-holder hlist li:after,
.mw-parser-output .hlist dd:last-child:after,
.mw-parser-output .hlist dd:last-child:after,
Line 251: Line 180:
/* Add parentheses around nested lists */
/* Add parentheses around nested lists */
/* Should be removed and moved to templates once TemplateStyles is live */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd dd:first-child:before, .mw-parser-output .hlist dd dt:first-child:before, .mw-parser-output .hlist dd li:first-child:before,
.mw-parser-output .hlist dd dd:first-child:before,
.mw-parser-output .hlist dt dd:first-child:before, .mw-parser-output .hlist dt dt:first-child:before, .mw-parser-output .hlist dt li:first-child:before,
.mw-parser-output .hlist dd dt:first-child:before,
.mw-parser-output .hlist li dd:first-child:before, .mw-parser-output .hlist li dt:first-child:before, .mw-parser-output .hlist li li:first-child:before {
.mw-parser-output .hlist dd li:first-child:before,
.mw-parser-output .hlist dt dd:first-child:before,
.mw-parser-output .hlist dt dt:first-child:before,
.mw-parser-output .hlist dt li:first-child:before,
.mw-parser-output .hlist li dd:first-child:before,
.mw-parser-output .hlist li dt:first-child:before,
.mw-parser-output .hlist li li:first-child:before {
content: " (";
content: " (";
font-weight: normal;
font-weight: normal;
}
}
/* Should be removed and moved to templates once TemplateStyles is live */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd dd:last-child:after, .mw-parser-output .hlist dd dt:last-child:after, .mw-parser-output .hlist dd li:last-child:after,
.mw-parser-output .hlist dd dd:last-child:after,
.mw-parser-output .hlist dt dd:last-child:after, .mw-parser-output .hlist dt dt:last-child:after, .mw-parser-output .hlist dt li:last-child:after,
.mw-parser-output .hlist dd dt:last-child:after,
.mw-parser-output .hlist li dd:last-child:after, .mw-parser-output .hlist li dt:last-child:after, .mw-parser-output .hlist li li:last-child:after {
.mw-parser-output .hlist dd li:last-child:after,
.mw-parser-output .hlist dt dd:last-child:after,
.mw-parser-output .hlist dt dt:last-child:after,
.mw-parser-output .hlist dt li:last-child:after,
.mw-parser-output .hlist li dd:last-child:after,
.mw-parser-output .hlist li dt:last-child:after,
.mw-parser-output .hlist li li:last-child:after {
content: ") ";
content: ") ";
font-weight: normal;
font-weight: normal;
}
}
/* Put ordinals in front of ordered list items */
/* Put ordinals in front of ordered list items */
/* Should be removed and moved to templates once TemplateStyles is live */
/* Should be removed and moved to templates once TemplateStyles is live */
Line 269: Line 211:
counter-reset: listitem;
counter-reset: listitem;
}
}
/* Should be removed and moved to templates once TemplateStyles is live */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol > li {
.mw-parser-output .hlist ol > li {
counter-increment: listitem;
counter-increment: listitem;
}
}
/* Should be removed and moved to templates once TemplateStyles is live */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist ol > li:before {
.mw-parser-output .hlist ol > li:before {
Line 278: Line 222:
white-space: nowrap;
white-space: nowrap;
}
}
/* Should be removed and moved to templates once TemplateStyles is live */
/* Should be removed and moved to templates once TemplateStyles is live */
.mw-parser-output .hlist dd ol > li:first-child:before,
.mw-parser-output .hlist dd ol > li:first-child:before,
Line 288: Line 233:


@media print {
@media print {
  .navbox, .hatnote, .ambox { display: none; }
.navbox,
.hatnote,
.ambox {
display: none !important;
}
}
}