MediaWiki:Mobile.css: Difference between revisions

/* CSS placed here will affect users of the mobile site */

/* Anton is an open-source font similar to Impact. This is to be used as a backup for Impact, for devices that don't have Impact installed such as iPhone. */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.impact {
	font-family: Impact, 'Anton';
}

.plainbutton {
	appearance: none;
	background: none;
	color: #3366cc;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	cursor: pointer;
}

.link-inherit-color a, .link-inherit-color a.new {
	color: inherit;
}

/* Default styling for Navbar template */
.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*/
.plainlist ul {
	list-style: none;
	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:
   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
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;
}


.no-mobile {
	display: none !important;
}

table.infobox {
	display: table;
	table-layout: fixed;
}