MediaWiki:Common.css: Difference between revisions
Hachimitsu (talk | contribs) m (Subscript is red, superscript is green, in wikitables only) |
(Slimming down the sidebar) |
||
(26 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 */ | ||
/* | /* 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); | |||
} | |||
} | } | ||
Line 13: | Line 49: | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
.infobox-profile, .infobox-classrace | |||
.infobox-profile, | |||
.infobox-classrace { | |||
float: right; | float: right; | ||
max-width: 24em; | max-width: 24em; | ||
} | } | ||
/* Thumbnails and specified images remain pixelated. */ | /* Thumbnails and specified images remain pixelated. */ | ||
.thumb img, .pixelated img { | .thumb img, | ||
.pixelated img { | |||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
/* Styling for superscripts in green on wikitables */ | /* Styling for superscripts in green on wikitables */ | ||
table.wikitable sup { | table.wikitable sup { | ||
color: darkgreen; | |||
} | } | ||
/* Styling for subscripts in red on wikitables */ | /* Styling for subscripts in red on wikitables */ | ||
table.wikitable sub { | table.wikitable sub { | ||
color: red; | |||
} | } | ||
/* | /* Elin-specific styling */ | ||
.elin-parchment { | |||
. | border: solid wheat; | ||
border: | 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; | |||
border- | |||
border- | |||
} | } |
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;
}