MediaWiki:Mobile.css

/** You are editing the global css file for all mobile site users. With Great Power Comes Great Responsibility.

Some words of caution:
 * Avoid any changes which impact layout on a mobile device.
 * Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style.
 * 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).
 * Do not use display:none. Instead edit the template and markup the element you want to hide with the `nomobile` class.
 * 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.
 * For big changes consult the grafana dashboard to ensure you don't introduce any performance regressions.
 * Group common css rules together where possible.

/* Mobile template hacks (see phab T56176) */ .mobile-float-reset { float: none !important; width: 100% !important; }

/* Hide the images */ .geo-nondefault, .geo-multi-punct, /* Hide stuff meant for accounts with special permissions. Made visible again in  MediaWiki:Group-sysop.css, MediaWiki:Group-accountcreator.css and MediaWiki:Group-autoconfirmed.css. */ .sysop-show, .accountcreator-show, .autoconfirmed-show, /* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */ .hide-when-compact, /* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */ .noprint.portal { display: none; }

/* 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; } } /* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */ .citation { word-wrap: break-word; }

/* override default center aligning of th cells in some browsers, * most th cells in infoboxes are row headers and left aligned */ .infobox > th { /* @noflip */ text-align: left; }

/* Default styling for Navbar template TODO: Move to Navbar template when templates have stylesheets See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates .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 */ .navboxMobile .navbar, .infobox .navbar { font-size: 100%; } .navboxMobile .navbar { display: block; } .navboxMobile-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; }

/* Default style for navigation boxes */ .navboxMobile {                    /* Navbox container style */ box-sizing: border-box; border: 1px solid #aaa; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */ } .navboxMobile .navboxMobile { margin-top: 0;           /* No top margin for nested navboxes */ } .navboxMobile + .navboxMobile { margin-top: -1px;        /* Single pixel border between adjacent navboxes */ } .navboxMobile-inner, .navboxMobile-subgroup { width: 100%; } .navboxMobile-group, .navboxMobile-title, .navboxMobile-abovebelow { padding: 0.25em 1em;     /* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } th.navboxMobile-group {            /* Group style */ white-space: nowrap; /* @noflip */ text-align: center; } .navboxMobile, .navboxMobile-subgroup { background: #fdfdfd;     /* Background color */ } .navboxMobile-list { line-height: 1.5em; border-color: #fdfdfd;   /* Must match background color */ } .navboxMobile th, .navboxMobile-title { background: #ccccff;     /* Level 1 color */ } .navboxMobile-abovebelow, th.navboxMobile-group, .navboxMobile-subgroup .navboxMobile-title { background: #ddddff;     /* Level 2 color */ } .navboxMobile-subgroup .navboxMobile-group, .navboxMobile-subgroup .navboxMobile-abovebelow { background: #e6e6ff;     /* Level 3 color */ } .navboxMobile-even { background: #f7f7f7;     /* Even row striping */ } .navboxMobile-odd { background: transparent; /* Odd row striping */ } .navboxMobile .hlist td dl, .navboxMobile .hlist td ol, .navboxMobile .hlist td ul, .navboxMobile td.hlist dl, .navboxMobile td.hlist ol, .navboxMobile td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ }

/* Unbulleted lists e.g. Barack Obama page*/ .plainlist ul { list-style: none; padding-left: 0; /* Reset Minerva defaults */ }

.visualhide { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Hatnotes and disambiguation notices Please review the default hatnote styles provided by MobileFrontend before adding here. .hatnote i { font-style: normal; }

/* Geographical coordinates defaults. See Template:Coord/link for how these are used. The classes "geo", "longitude", and "latitude" are used by the Geo microformat. */ .geo-default, .geo-dms, .geo-dec { display: inline; }

.longitude, .latitude            { white-space: nowrap; }

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

/* hidden sortkey for tablesorter */ td .sortkey, th .sortkey { display: none; speak: none; }

/* Pie chart: Transparent borders */ .transborder { border: solid transparent; }

/* Generic class for Times-based serif, texhtml class for inline math */ .times-serif, span.texhtml { font-family: serif; } span.texhtml { 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; }

/* Prevent flags in tables from collapsing */ .flagicon img { min-width: 25px; }

/* Prevent unnecessary margin at the bottom of centralnotices */ .cnotice { margin-bottom: 0 !important; }

/* Implement phpBB prosilver headerbar */ .headerbar { background-color: #0686c5; background-image: url('https://www.bogleheads.org/forum/styles/prosilver/theme/images/bg_header.gif'); background-repeat:repeat-x; color: #FFFFFF; }

/* Only for desktop devices */ .nomobile { display:none; }