MediaWiki:Common.css

Revision as of 01:43, 26 December 2024 by Desu (talk | contribs) (Moving navbox test styling to User:Hachimitsu/style.css)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins, desktop and mobile */

/* Elin fonts */
@font-face {
	font-family: "GenEi Antique v5";
	src:
		local("GenEi Antique v5"),
		url("skins/Elin/GenEiAntiqueNv5-M.ttf");
}

/* Minimum width to avoid a content shift in the header */
#mw-indicator-smw-entity-examiner {
	min-width: 20px;
}

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

/* Prevent little sister inversion */
.client-darkmode .mw-wiki-logo{
	filter: invert( 1 ) hue-rotate( 180deg );
}

/* Eliminate CLS while Shortdesc loads */
#contentSub.ext-shortdesc {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* 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 {
	float: right;
	max-width: 24em;
}

/* Thumbnails and specified images remain pixelated. */
.thumb img,
.pixelated img {
	image-rendering: pixelated;
}

/* Styling for superscripts in green on wikitables */
table.wikitable sup {
	color: darkgreen;
}

/* Styling for subscripts in red on wikitables */
table.wikitable sub {
	color: red;
}

/* Elin-specific styling */
.elin-parchment {
	border: solid wheat;
	border-width: 10px 17px 18px 11px;
	border-image: url('/images/9/9b/Elin_UI_Light_Inner.png') 10 17 18 11 fill round;
	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;
}