MediaWiki:Mobile.css: Difference between revisions
From EGTRE
Jump to navigationJump to search
Paul Steane (talk | contribs) (Updated to add (simplified) table formats in line with latest MediaWiki:Common.css) |
Paul Steane (talk | contribs) (fix for non-display of mobile main page) |
||
Line 355: | Line 355: | ||
.dpetable3 td:nth-of-type(3) { | .dpetable3 td:nth-of-type(3) { | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | |||
/* fix for non-display of mobile main page (Paul Steane 19/03/2017) | |||
.client-js .collapsible-block { | |||
display: block; | |||
} | } |
Revision as of 22:14, 26 May 2018
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */ .hide-when-compact { display: none; } /* Mobile template hacks (see bug 54176) */ .mobile-float-reset { float: none !important; width: 100% !important; } /* Nomobile should always mean no mobile. Can be removed when https://gerrit.wikimedia.org/r/166063 live. */ .nomobile { display: none !important; } /* Temporary fix for bug 53437 - nav boxes can disrupt reading experience on smaller screens TODO: Update template to have nomobile class */ #content .vertical-navbox, #content .navbox { display: none; } /* Tablet specific styling */ @media all and (min-width: 768px) { #content .vertical-navbox, #content .navbox { display: inherit; } } /* 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; } /* 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 */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; } /* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 4.2 (2013-11-20) @author: [[User:Edokter]] */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Generate interpuncts */ #content .hlist dt:after { content: ": "; } #content .hlist dd:after, #content .hlist li:after { content: " · "; font-weight: bold; } #content .hlist dd:last-child:after, #content .hlist dt:last-child:after, #content .hlist li:last-child:after { content: none; } /* Add parentheses around nested lists */ #content .hlist dd dd:first-child:before, #content .hlist dd dt:first-child:before, #content .hlist dd li:first-child:before, #content .hlist dt dd:first-child:before, #content .hlist dt dt:first-child:before, #content .hlist dt li:first-child:before, #content .hlist li dd:first-child:before, #content .hlist li dt:first-child:before, #content .hlist li li:first-child:before { content: " ("; font-weight: normal; } #content .hlist dd dd:last-child:after, #content .hlist dd dt:last-child:after, #content .hlist dd li:last-child:after, #content .hlist dt dd:last-child:after, #content .hlist dt dt:last-child:after, #content .hlist dt li:last-child:after, #content .hlist li dd:last-child:after, #content .hlist li dt:last-child:after, #content .hlist li li:last-child:after { content: ") "; font-weight: normal; } /* Put ordinals in front of ordered list items */ #content .hlist ol { counter-reset: list-item; } #content .hlist ol > li { counter-increment: list-item; } #content .hlist ol > li:before { content: " " counter(list-item) " "; } #content .hlist dd ol > li:first-child:before, #content .hlist dt ol > li:first-child:before, #content .hlist li ol > li:first-child:before { content: " (" counter(list-item) " "; } /* Unbulleted lists e.g. Barack Obama page */ .plainlist ul { list-style: none; } /* CODE FOR COMPACT AMBOX */ /* Hide the images */ .compact-ambox table .mbox-image, .compact-ambox table .mbox-imageright, .compact-ambox table .mbox-empty-cell { display: none; } /* Remove borders, backgrounds, padding, etc. Please document here what pages use this */ .compact-ambox table.ambox { border: none; border-collapse: collapse; background: transparent; margin: 0 0 0 1.6em !important; padding: 0 !important; width: auto; display: block; } .compact-ambox table.mbox-small-left { font-size: 100%; width: auto; margin: 0; } /* Style the text cell as a list item and remove its padding */ .compact-ambox table .mbox-text { padding: 0 !important; margin: 0 !important; } .compact-ambox table .mbox-text-span { display: list-item; line-height: 1.5em; list-style-type: square; list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs="); } /* Allow for hiding text in compact form */ .compact-ambox .hide-when-compact { display: none; } /* Hatnotes and disambiguation notices */ .rellink, .dablink, .hatnote { font-style: italic; } .rellink i, .dablink i, .hatnote i { font-style: normal; } div.rellink, div.dablink, div.hatnote { /* @noflip */ padding-left: 1.6em; margin-bottom: 0.5em; } /* 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; } .geo-nondefault, .geo-multi-punct { display: none; } .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 <ref group="Note"> --> "[Note 1]" Please document here what pages use this */ .nowrap, .nowraplinks a, .nowraplinks .selflink, sup.reference a { white-space: nowrap; } /* But allow wrapping where desired: */ .wrap, .wraplinks a { white-space: normal; } /* 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 { display: none; } .topicon { display: none; } /* hidden sortkey for tablesorter */ td .sortkey, th .sortkey { display: none; speak: none; } /* Pie chart: Transparent borders */ .transborder { border: solid transparent; } /* Disabling column-count for {{reflist}} and {{refbegin}} */ .references-column-count { -moz-column-count: 1 !important; -webkit-column-count: 1 !important; column-count: 1 !important; } /* temp until https://gerrit.wikimedia.org/r/#/c/156283/ is deployed */ blockquote { overflow: hidden; } /* amend "Last edited" bar to show only last modified details (Paul Steane 19/03/2017) */ .last-modified-bar #mw-mf-last-modified { visibility:hidden; } .last-modified-bar #mw-mf-last-modified a:first-of-type { visibility:visible; background-color: #00af8b; display: block; font-size: .9em; margin-top: 1.5em; padding: 5px 16px; font-weight: bold; color: white; } /* Obscure Services table */ table.ostable { width:100%; border-collapse: collapse; border: 1px solid black; } .ostable td:nth-of-type(1) { text-align:center; } .ostable td:nth-of-type(2) { text-align:center; } .ostable td:nth-of-type(3) { font-style: italic; text-align:center; } .ostable td:nth-of-type(4) { } table.ostable th { border: 1px solid black; } table.ostable td { border: 1px solid black; } /* Other Sparse Services table, 2 columns */ .osstable2 { width: 100%; } .osstable2 td:nth-of-type(1) { vertical-align: text-top; } .osstable2 td:nth-of-type(2) { vertical-align: text-top; } /* Other Sparse Services table, 3 columns */ .osstable3 { width: 100%; } .osstable3 td:nth-of-type(1) { vertical-align: text-top; } .osstable3 td:nth-of-type(2) { vertical-align: text-top; } .osstable3 td:nth-of-type(3) { vertical-align: text-top; } /* Deletions since the Previous Edition table, 3 columns */ .dpetable3 { width: 100%; } .dpetable3 td:nth-of-type(1) { vertical-align: text-top; } .dpetable3 td:nth-of-type(2) { vertical-align: text-top; } .dpetable3 td:nth-of-type(3) { vertical-align: text-top; } /* fix for non-display of mobile main page (Paul Steane 19/03/2017) .client-js .collapsible-block { display: block; }