MediaWiki:Common.css: Difference between revisions

From Ylvapedia
Jump to navigation Jump to search
No edit summary
(Stop the mw-mmv-image img squish)
Line 10: Line 10:
max-width: 100%;
max-width: 100%;
height: 100%;
height: 100%;
object-fit: contain;
image-rendering: pixelated;
image-rendering: pixelated;
}
}

Revision as of 22:54, 2 October 2023

/* CSS placed here will be applied to all skins */

/* Main Page title and tagline are centered*/
body.page-Main_Page #firstHeading, #contentSub {
	text-align:center;
}

/* Images viewed in Media Viewer are scaled up and remain pixelated. */
.mw-mmv-image img {
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: pixelated;
}
.infobox-profile, .infobox-classrace, .infobox-equipment {
	float: right;
	max-width: 24em;
}
/* Thumbnails and specified images remain pixelated. */
.thumb img, .pixelated img {
	image-rendering: pixelated;
}

/* Front page styling */

.news-box {
	border: 1px solid;
	margin: 0.5em 0;
	padding: 0.5em 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.news-header {
	border-bottom: 1px solid;
	font-size: 20px;
	margin: 0.5em 0;
	padding: 0.4em;
}

.news-subheader {
	border-left: 3px solid;
	margin: 1.5em 0 0 0;
	padding: 0;
	padding-left: .5em;
}