MediaWiki:Common.css: Difference between revisions

From Ylvapedia
(infobox styling basic)
Tag: Reverted
(Slimming down the sidebar)
 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins, desktop and mobile */


/* Main Page title and tagline are centered*/
/* Elin fonts */
body.page-Main_Page #firstHeading, #contentSub {
@font-face {
text-align:center;
font-family: "GenEi Antique v5";
src:
local("GenEi Antique v5"),
url("skins/Elin/GenEiAntiqueNv5-M.ttf");
}
}


/* Images viewed in Media Viewer are scaled up and remain pixelated. */
/* Minimum width to avoid a content shift in the header */
.mw-mmv-image img {
#mw-indicator-smw-entity-examiner {
max-width: 100%;
min-width: 20px;
height: 100%;
image-rendering: pixelated;
}
}
/* Thumbnails and specified images remain pixelated. */
 
.thumb img, .pixelated img {
/* Prevent little sister inversion */
image-rendering: pixelated;
.client-darkmode .mw-wiki-logo {
filter: invert(1) hue-rotate(180deg);
}
}
/* Infobox template style */
 
.infobox {
/* Eliminate CLS while Shortdesc loads */
width: 22em;
#contentSub.ext-shortdesc {
margin: 0.5em 0 0.5em 1em;
display: block;
padding: 0.2em;
position: absolute;
float: right;
margin: 0;
clear: right;
padding: 0;
text-align: left;
width: 100%;
font-size: 88%;
line-height: 1.5em;
}
}


.infobox td,
/* Slimmer sidebar */
.infobox th {
#mw-panel {
vertical-align: top;
padding: 0 0 1em 0;
margin: 0;
width: 12em;
background-color: unset;
}
}


.infobox caption {
@media screen and (min-width:1200px) {
font-size: larger;
.mw-page-container-inner {
grid-template-columns: 12em 2em minmax(0, 1fr);
}
}
}


.infobox.bordered {
/* Images viewed in Media Viewer are scaled up and remain pixelated. */
border-collapse: collapse;
.mw-mmv-image img {
max-width: 100%;
height: 100%;
object-fit: contain;
image-rendering: pixelated;
}
}


.infobox.bordered td,
.infobox-profile,
.infobox.bordered .borderless td,
.infobox-classrace {
.infobox.bordered .borderless th {
float: right;
border: 0;
max-width: 24em;
}
}


.infobox.sisterproject {
/* Thumbnails and specified images remain pixelated. */
width: 20em;
.thumb img,
font-size: 90%;
.pixelated img {
image-rendering: pixelated;
}
}


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


.infobox-profile-td {
/* Styling for subscripts in red on wikitables */
text-align: center;
table.wikitable sub {
padding: 0;
color: red;
}
}
.profile-imageset {
 
width: 150px;
/* 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;
}
}

Latest revision as of 02:25, 26 December 2024

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

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

/* Slimmer sidebar */
#mw-panel {
	padding: 0 0 1em 0;
	margin: 0;
	width: 12em;
	background-color: unset;
}

@media screen and (min-width:1200px) {
	.mw-page-container-inner {
		grid-template-columns: 12em 2em minmax(0, 1fr);
	}
}

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