MediaWiki:Mobile.css: Difference between revisions

From Irony Wiki
Jump to navigation Jump to search
impact font
impact font file is probably a copyvio
Line 1: Line 1:
/* CSS placed here will affect users of the mobile site */
/* CSS placed here will affect users of the mobile site */


/* Impact font for those who don't have it installed */
/* 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-face {
font-family: Impact;
font-family: 'Anton';
src: url('/resources/assets/impact.ttf');
src: url('/resources/assets/Anton-Regular.ttf');
}
 
.impact {
font-family: Impact, 'Anton';
}
}



Revision as of 05:36, 4 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;
}