MediaWiki:Common.css: Difference between revisions

From Ylvapedia
Jump to navigation Jump to search
(Implementing fancy parchment borders and background)
(imbox font tweaks)
 
(11 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*/
Line 5: Line 18:
#contentSub {
#contentSub {
text-align: center;
text-align: center;
}
/* Eliminate CLS while Shortdesc loads */
#contentSub.ext-shortdesc {
display: block;
position: absolute;
margin: 0;
padding: 0;
width: 100%;
}
}


Line 39: Line 61:
/* Elin-specific styling */
/* Elin-specific styling */
.elin-parchment {
.elin-parchment {
border: solid #CB9E6F;
border: solid wheat;
border-width: 10px 17px 18px 11px;
border-width: 10px 17px 18px 11px;
border-image: url('/images/9/9b/Elin_UI_Light_Inner.png') 10 17 18 11 fill round;
border-image: url('/images/9/9b/Elin_UI_Light_Inner.png') 10 17 18 11 fill round;
image-rendering: pixelated;
}
}


Line 66: Line 89:
padding: 0;
padding: 0;
padding-left: .5em;
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;
}
}

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