MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
m Updating current event background |
tweaks for wp style |
||
| (11 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 6: | Line 10: | ||
display: none; | 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 */ | /* Hide page title on Main Page */ | ||
. | .page-Main_Page.action-view #firstHeading { | ||
display:none; | 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; | padding: 0; | ||
text-align: center; | |||
} | } | ||
/* Infoboxes */ | .mainpage-layout .not-patrolled { | ||
background-color: inherit; | |||
} | |||
.mainpage-layout .mw-changeslist-legend { | |||
display: none; | |||
} | |||
/*************/ | |||
/* TEMPLATES */ | |||
/*************/ | |||
/* Infoboxes - [[:Category:Infobox templates]] */ | |||
.infobox { | .infobox { | ||
| Line 35: | Line 107: | ||
} | } | ||
.infobox- | .infobox th[colspan] { | ||
text-align: center; | |||
} | |||
.infobox table { | |||
width: 100%; | |||
} | |||
.infobox table th, | |||
.infobox table td { | |||
border: 0; | |||
padding: 0; | |||
} | } | ||
| Line 57: | Line 139: | ||
} | } | ||
.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; | |||
} | } | ||
| Line 70: | Line 181: | ||
} | } | ||
/* Page notices */ | .infobox.torn { | ||
} | |||
/* Page notices - [[Template:Page notice]] */ | |||
.page-notice { | .page-notice { | ||
| Line 89: | Line 204: | ||
.notice-currentevent { | .notice-currentevent { | ||
background-color: # | background-color: #EEE; | ||
border-color: # | border-color: #36C; | ||
} | } | ||
| Line 110: | Line 225: | ||
/* Navboxes */ | /* Navboxes - [[Template:Navbox]] */ | ||
.navbox { | .navbox { | ||
| Line 172: | Line 287: | ||
} | } | ||
/* Position history */ | /* Position history - [[Template:Position history]] */ | ||
.positionhistory { | .positionhistory { | ||
| Line 207: | Line 322: | ||
} | } | ||
/* Disambiguation */ | /* Disambiguation - [[Template:Disambiguation]] */ | ||
.disambiguation { | .disambiguation { | ||
| Line 223: | Line 338: | ||
} | } | ||
/* File information */ | /* File information - [[Template:File info]] */ | ||
.fileinfo { | .fileinfo { | ||
border: 1px solid lightgray; | border: 1px solid lightgray; | ||
border-radius:0.5em; | border-radius: 0.5em; | ||
margin-top: 2em; | margin-top: 2em; | ||
min-width: 25%; | min-width: 25%; | ||
| Line 251: | Line 366: | ||
} | } | ||
/* Template documentation */ | /* Template documentation - [[Template:Documentation]] */ | ||
.template-doc { | .template-doc { | ||
| Line 265: | Line 380: | ||
} | } | ||
/* | .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; | |||
} | } | ||
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;
}