MediaWiki:Common.css: Difference between revisions

From NPOWiki
Jump to navigation Jump to search
add class for large tables to highlight row on hover
tweaks for wp style
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/********/
/* MISC */
/********/


/* Hide license selection on Special:Upload as we won't use it that way. */
/* Hide license selection on Special:Upload as we won't use it that way. */
Line 11: Line 15:
background: none;
background: none;
padding: 0;
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;
}
}


Line 17: Line 34:
}
}


/**************/
/* 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 */
/* MAIN PAGE */
/*************/
/*************/


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


/**************/
/*************/
/* TEMPLATES */
/* TEMPLATES */
/*************/
/*************/
Line 87: Line 109:
.infobox th[colspan] {
.infobox th[colspan] {
text-align: center;
text-align: center;
}
.infobox table {
width: 100%;
}
.infobox table th,
.infobox table td {
border: 0;
padding: 0;
}
}


Line 107: Line 139:
}
}


tr.center-row th,
.infobox-wide {
tr.center-row td {
width: 30%;
text-align: center;
}
 
.infobox-padded th,
.infobox-padded td {
padding: 0.5em;
}
}


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


Line 321: Line 378:
border-width: 1px 0;
border-width: 1px 0;
padding: 1em 0;
padding: 1em 0;
}
.infobox ~ .template-doc {
width: 75%;
}
.infobox-wide ~ .template-doc {
width: 65%;
}
}


Line 332: Line 396:
.toclimit-7 .toclevel-6 ul {
.toclimit-7 .toclevel-6 ul {
display: none;
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;
}
}

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