MediaWiki:Mobile.css: Difference between revisions

From Irony Wiki
Jump to navigation Jump to search
(impact font file is probably a copyvio)
No edit summary
Line 89: Line 89:
.no-mobile {
.no-mobile {
display: none !important;
display: none !important;
}
/* What happened to the hatnote class I thought it used to work */
.hatnote {
padding: 5px 7px;
color: #54595d;
font-size: 0.8125em;
background-color: #f8f9fa;
margin-bottom: 1px;
overflow: hidden;
}
}

Revision as of 23:33, 22 August 2020

/* 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. */
@font-face {
	font-family: 'Anton';
	src: url('/resources/assets/Anton-Regular.ttf');
}

.impact {
	font-family: Impact, 'Anton';
}

/* 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;
}

/* What happened to the hatnote class I thought it used to work */
.hatnote {
	padding: 5px 7px;
	color: #54595d;
	font-size: 0.8125em;
	background-color: #f8f9fa;
	margin-bottom: 1px;
	overflow: hidden;
}