MediaWiki:Mobile.css: Difference between revisions

From EGTRE
Jump to navigationJump to search
(Updated to add (simplified) table formats in line with latest MediaWiki:Common.css)
(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 21: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;
}