MediaWiki:Mobile.css

From Ylvapedia
Revision as of 19:13, 25 December 2024 by Desu (talk | contribs) (Title and branding styling)

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

/* Title and branding */
.minerva-header .branding-box a {
	font-family: "GenEi Antique v5";
	font-weight: lighter;
	font-size: x-large;
	color: #5B1000;
}

/* Columns and mobile don't mix */
@media all and (max-width:480px) {
	#main-page-elin>ul {
		column-count: 1 !important;
	}
}

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

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

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