MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(narrower infobox-profiles) |
(imbox font tweaks) |
||
(25 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 */ | ||
/* 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*/ | /* Main Page title and tagline are centered*/ | ||
body.page-Main_Page #firstHeading, #contentSub { | body.page-Main_Page #firstHeading, | ||
text-align:center; | #contentSub { | ||
text-align: center; | |||
} | |||
/* Eliminate CLS while Shortdesc loads */ | |||
#contentSub.ext-shortdesc { | |||
display: block; | |||
position: absolute; | |||
margin: 0; | |||
padding: 0; | |||
width: 100%; | |||
} | } | ||
Line 10: | Line 33: | ||
max-width: 100%; | max-width: 100%; | ||
height: 100%; | height: 100%; | ||
object-fit: contain; | |||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
.infobox-profile { | |||
.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; | |||
} | |||
/* 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; | |||
} | |||
/* Default skin for navigation boxes */ | |||
/* Navbox container style */ | |||
table.navbox { | |||
width: 100%; | |||
margin: 0; | |||
clear: both; | |||
font-size: smaller; | |||
text-align: center; | |||
padding: 0px; | |||
} | |||
/* Navbox Layout */ | |||
table.navbox+table.navbox { | |||
/* Single pixel border between adjacent navboxes */ | |||
margin-top: -1px; | |||
} | |||
/* Title and above/below styles */ | |||
.navbox-title, | |||
.navbox-abovebelow, | |||
table.navbox th { | |||
text-align: center; | |||
padding-left: 4px; | |||
padding-right: 4px; | |||
} | |||
.navbox-group { | |||
/* Group style */ | |||
white-space: nowrap; | |||
text-align: right; | |||
font-weight: bold; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | |||
.navbox-list { | |||
text-align: left; | |||
} | |||
.navbox .collapseButton { | |||
/* In navboxes, the show/hide button balances */ | |||
width: 6em; | |||
/* the vde links from [[Template:Tnavbar]], */ | |||
} | |||
/* so they need to be the same width. */ | |||
.navbox-title, | |||
.navbox-above, | |||
.navbox-below { | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
text-align: center; | |||
} | |||
/* Navbox Colors */ | |||
.navbox, | |||
.navbox-subgroup { | |||
background: #F5DEB3; | |||
/* Background color */ | |||
} | |||
.navbox-list { | |||
border-color: #F5DEB3; | |||
/* Must match background color */ | |||
} | |||
.navbox-title, | |||
table.navbox th { | |||
background: #524842; | |||
/* Level 1 color */ | |||
} | |||
/* Imbox Layout & Styling */ | |||
.imbox-notice { | |||
margin-bottom: 2em; | |||
padding-right: 1em; | |||
} | |||
.imbox-notice td { | |||
padding: 0; | |||
} | |||
.imbox img { | |||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | |||
/* Fancy fonts for imboxes, hopefully it's not too bandwidth intensive. */ | |||
.imbox { | |||
font-family: "GenEi Antique v5"; | |||
font-weight: lighter; | |||
font-size: 12pt; | |||
color: #5B1000; | |||
} | } |
Latest revision as of 21:36, 17 November 2024
/* CSS placed here will be applied to all skins */
/* 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;
}
/* 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;
}
/* Default skin for navigation boxes */
/* Navbox container style */
table.navbox {
width: 100%;
margin: 0;
clear: both;
font-size: smaller;
text-align: center;
padding: 0px;
}
/* Navbox Layout */
table.navbox+table.navbox {
/* Single pixel border between adjacent navboxes */
margin-top: -1px;
}
/* Title and above/below styles */
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center;
padding-left: 4px;
padding-right: 4px;
}
.navbox-group {
/* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox-list {
text-align: left;
}
.navbox .collapseButton {
/* In navboxes, the show/hide button balances */
width: 6em;
/* the vde links from [[Template:Tnavbar]], */
}
/* so they need to be the same width. */
.navbox-title,
.navbox-above,
.navbox-below {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
/* Navbox Colors */
.navbox,
.navbox-subgroup {
background: #F5DEB3;
/* Background color */
}
.navbox-list {
border-color: #F5DEB3;
/* Must match background color */
}
.navbox-title,
table.navbox th {
background: #524842;
/* Level 1 color */
}
/* Imbox Layout & Styling */
.imbox-notice {
margin-bottom: 2em;
padding-right: 1em;
}
.imbox-notice td {
padding: 0;
}
.imbox img {
image-rendering: pixelated;
}
/* Fancy fonts for imboxes, hopefully it's not too bandwidth intensive. */
.imbox {
font-family: "GenEi Antique v5";
font-weight: lighter;
font-size: 12pt;
color: #5B1000;
}