MediaWiki:Common.css: Difference between revisions

From NPOWiki
Jump to navigation Jump to search
fix for infoboxes displayed next to documentation
tweaks for wp style
 
(2 intermediate revisions by the same user not shown)
Line 148: Line 148:
}
}


.infobox-blue-bg {
.infobox-blue-bg,
.infobox-wp th[colspan] {
background-color: lightsteelblue;
background-color: lightsteelblue;
}
.infobox-wp {
background-color: #F8F9FA;
border: 1px solid lightgray;
border-collapse: separate;
border-spacing: 0.2em 0.4em;
font-size: small;
padding: 0.2em;
}
.infobox-wp th,
.infobox-wp td {
border: 0;
vertical-align: top;
}
.infobox-wp > caption {
font-size: 150%;
font-weight: bold;
}
}



Latest revision as of 15:13, 1 December 2025

/* CSS placed here will be applied to all skins */

/********/
/* MISC */
/********/

/* Hide license selection on Special:Upload as we won't use it that way. */
.mw-special-Upload .mw-htmlform-field-Licenses,
.mw-special-Upload .mw-upload-editlicenses {
	display: none;
}

/* Links using fullurl should be plainlinks */
.mw-parser-output .external[href^="https://wiki.npowned.net/"] {
	background: none;
	padding: 0;
}

tr.center-row th,
tr.center-row td {
	text-align: center;
}

.center-col-1 td:nth-child(1),
.center-col-2 td:nth-child(2),
.center-col-3 td:nth-child(3),
.center-col-4 td:nth-child(4),
.center-col-5 td:nth-child(5) {
	text-align: center;
}

table.hover-gray tr:hover {
	background-color: #EEE;
}

/* Image backgrounds for [[Template:Image area]] - can't use inline */
.background-enessa-map {
	background-image: url('/images/7/74/Map_of_Enessa.png');
}

/*************/
/* MAIN PAGE */
/*************/

/* Hide page title on Main Page */
.page-Main_Page.action-view #firstHeading {
	display: none;
}

/* [[Main Page]] layout */

.mainpage-layout {
	border-collapse: collapse;
}

/* Don't select nested tables */
.mainpage-layout > tbody > tr > th {
	background-color: #2082C3;
	border: 1px solid black;
	color: white;
	font-size: 150%;
	padding: 0.5em;
	width: 50%;
}

.mainpage-layout > tbody > tr > td {
	border: 2px solid #ECE81E;
	border-top: 0;
	padding: 0.25em 0.75em;
	vertical-align: top;
}

.mainpage-layout .spacer {
	border: 0;
	height: 1em;
	padding: 0;
	text-align: center;
}

.mainpage-layout .not-patrolled {
	background-color: inherit;
}

.mainpage-layout .mw-changeslist-legend {
	display: none;
}

/*************/
/* TEMPLATES */
/*************/

/* Infoboxes - [[:Category:Infobox templates]] */

.infobox {
	border-collapse: collapse;
	clear: right;
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
	text-align: left;
	width: 20%;
}

.infobox th,
.infobox td {
	border: 1px solid lightgray;
}

.infobox th[colspan] {
	text-align: center;
}

.infobox table {
	width: 100%;
}

.infobox table th,
.infobox table td {
	border: 0;
	padding: 0;
}

.infobox-images {
	font-weight: bold;
	text-align: center;
}

.infobox-images-left {
	text-align: left;
}

.infobox-images > div:not(:first-child) {
	margin-top: 1em;
}

.infobox-header {
	font-size: 150%;
	text-align: center;
}

.infobox-wide {
	width: 30%;
}

.infobox-padded th,
.infobox-padded td {
	padding: 0.5em;
}

.infobox-blue-bg,
.infobox-wp th[colspan] {
	background-color: lightsteelblue;
}

.infobox-wp {
	background-color: #F8F9FA;
	border: 1px solid lightgray;
	border-collapse: separate;
	border-spacing: 0.2em 0.4em;
	font-size: small;
	padding: 0.2em;
}

.infobox-wp th,
.infobox-wp td {
	border: 0;
	vertical-align: top;
}

.infobox-wp > caption {
	font-size: 150%;
	font-weight: bold;
}

.infobox.cybernations {

}

.infobox.nationstates {

}

.infobox.torn {

}

/* Page notices - [[Template:Page notice]] */

.page-notice {
	border: 2px solid #2082C3;
	margin: 1em auto;
	padding: 0.5em;
	width: 50%;
}

.page-notice hr {
	margin: 0.6em 0 0.5em;
}

.notice-delete {
	background-color: #FFDADA;
	border-color: crimson;
}

.notice-currentevent {
	background-color: #EEE;
	border-color: #36C;
}

.notice-documentation {
	background-color: #EEE;
	border-color: darkgray;
	padding: 1em;
}

.notice-stub {
	background-color: #CEE3F2;
}

/*
yellow scheme to use for some warning type:
	background-color: #F8F6AA;
	border-color: darkgoldenrod;
*/


/* Navboxes - [[Template:Navbox]] */

.navbox {
	border: 1px solid lightgray;
	clear: both;
	margin: 1em auto;
	padding: 3px;
	width: 50%;
}

.navbox > table {
	border-collapse: collapse;
	width: 100%;
}

.navbox-title {
	background-color: #CCCCFF;
	position: relative;
}

.navbox-title .mw-collapsible-toggle {
	font-weight: normal;
	position: absolute;
	right: 0.5em;
	top: 0.15em;
}

.navbox-group {
	background-color: #DDDDFF;
	border-top: 2px solid #FDFDFD;
	padding: 0.25em 1em;
	text-align: right;
	white-space: nowrap;
	width: 10%;
}

.navbox-list {
	border-top: 2px solid #FDFDFD;
}

.navbox-list:first-child {
	text-align: center;
}

.navbox-group + .navbox-list {
	padding-left: 0.5em;
}

.navbox-footer {
	background-color: #CCCCFF;
	border-top: 1px solid #FDFDFD;/* To mimic buggy border on first data row */
	text-align: center;
}

.navbox-list a, .navbox-footer a {
	white-space: nowrap;
}

.navbox tr:nth-of-type(odd) .navbox-list {
	background-color: #F7F7F7;
}

/* Position history - [[Template:Position history]] */

.positionhistory {
	margin: 1em auto;
	text-align: center;
	width: 50%;
}

.positionhistory > div:first-of-type {
	font-size: 105%;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1pt;
	padding: 0.25em;
}

.positionhistory > div > a {
	color: inherit;
}

.positionhistory .mw-collapsible-content {
	border: 1px solid #DDD;
	width: 100%;
}

.positionhistory th {
	font-variant: small-caps;
	letter-spacing: 1pt;
	width: 25%;
}

.positionhistory .mw-collapsible-toggle {
	margin: 0.2em 0.5em 0 0;
}

/* Disambiguation - [[Template:Disambiguation]] */

.disambiguation {
	border: solid #CCC;
	border-width: 1px 0;
	line-height: 200%;
	margin: 1em 0;
	padding: 0.25em 0;
	width: 100%;
}

.disambiguation td:first-child {
	text-align: center;
	width: 50px;
}

/* File information - [[Template:File info]] */

.fileinfo {
	border: 1px solid lightgray;
	border-radius: 0.5em;
	margin-top: 2em;
	min-width: 25%;
}

.fileinfo th {
	background-color: #2082C3;
	border-radius: 0.25em;
	color: white;
	padding: 0.5em;
	text-align: right;
	width: 33%;
}

.fileinfo th[colspan] {
	font-size: 125%;
	text-align: center;
	width: 100%;
}

.fileinfo td {
	padding: 0 0.5em;
}

/* Template documentation - [[Template:Documentation]] */

.template-doc {
	background-color: #EEE;
	border: 1px solid darkgray;
	padding: 0.25em 1em;
}

.template-doc > div {
	border: solid darkgray;
	border-width: 1px 0;
	padding: 1em 0;
}

.infobox ~ .template-doc {
	width: 75%;
}
.infobox-wide ~ .template-doc {
	width: 65%;
}

/* TOC limit - [[Template:TOC limit]] */

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/* TOC grid - [[Template:TOC grid]] */

.toc-grid ul ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.toc-grid ul ul li {
	padding: 0.1em 0.5em;
}

.toc-grid .toclevel-1 > a::after {
	content: " →";/* → */
}

.toc-grid .toc {
	margin: auto;
}