Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */
:root {
--width-layout: 1280px;
}
.mw-references-columns {
margin: 0.8rem 0 0 0;
}
.center {
width: 100%;
text-align: center;
}
a {
color: var(--color-primary--hover);
}
/* Resolve imbox image size issues inherent to Citizen */
a.image > img {
max-width: inherit;
}
.news-box {
border-color: var(--background-color-dp-04); /* #2b2f36 */
background-color: var(--background-color-dp-01); /* #24262f */
}
.tooltip {
border-bottom: 2px ridge var(--color-primary);
}
.tooltiptext {
background-color: var(--background-color-dp-00);
}
/* Visible tooltip horizontal rules */
.tooltiptext hr {
display: block;
border: none;
}
.tooltiptext hr::after {
background: var(--border-color-base--darker);
}
.extiw {
padding-right: 13px;
background-image: url(/skins/Citizen/resources/skins.citizen.styles/images/external-link-ltr-icon.svg);
background-position: center right;
background-repeat: no-repeat;
}
.outcell {
border: 1px solid var(--background-color-dp-01); /* #23272f; */
}
.infobox {
background: var(--background-color-dp-01); /* #23272f; */
}
.infobox th {
background-color: var(--background-color-dp-03);
}
/* Prevents character infoboxes from colliding with article text */
.infobox.vcard.outcell {
margin: 0.5em 0 0.5em 1em;
}
.diffchange {
color: #202020;
}
.fullImageLink {
margin: 0 0px;
}
/* Tables */
table {
display: table;
}
table.wikitable {
background: var(--background-color-dp-01); /* #23272f; */
border: 1px solid var(--border-color-base);
}
table.wikitable tr th {
padding: 5px 10px 5px 10px;
text-align: center;
vertical-align: middle;
}
table.wikitable tr td {
padding: 5px 10px 5px 10px;
text-align: center;
vertical-align: middle;
}
/* Cargo Tables */
table.cargoTable {
background-color: var(--background-color-dp-04);
border: 1px solid var(--border-color-base);
}
table.cargoTable.noMerge tr:nth-child(2n+1) {
background-color: var(--background-color-dp-04);
}
table.cargoTable.noMerge tr:nth-child(2n) {
background-color: var(--background-color-dp-08);
}
table.cargoTable td {
border: 1px solid var(--border-color-base);
}
/* Fix for displaying gameplay elements for BBDW characters - Too general? */
.mw-body-content a.image {
display: inline;
}
/* Image message boxes */
table.imbox {
border: 3px solid var(--border-color-base);
background: var(--background-color-dp-01);
}
table.imbox-notice {
border: 3px solid var(--border-color-base);
}
/* Forms */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: var(--background-color-dp-12);
border: 1px solid var(--border-color-base);
}
#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
max-width: 95%;
background-color: var(--background-color-dp-00);
border: 1px solid var(--background-color-dp-00);
}
.select2-results__option, .select2-results__options, .select2-dropdown {
background-color: var(--background-color-dp-04);
}
/* Navbox */
table.navbox {
background: var(--background-color-dp-01); /* #23272f; */
}
.navbox-title, table.navbox th {
background: var(--background-color-dp-08);
}
.subpagelist {
background: var(--background-color-dp-03);
}
.subpagelist a {
color: var(--color-primary--hover);
}
/* Infobox Tabs */
.tabs-label {
background-color: var(--color-primary--active);
border-color: var(--color-primary--active);
color: rgba(255,255,255,0.87); /* --color-base--emphasized but not! */
}
.tabs-label:active, .tabs-label:focus {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.tabs-label:hover {
background-color: var(--color-primary--hover);
border-color: var(--color-primary--hover);
}
.tabs-plain > .tabs-label {
border-color: var(--color-primary--active);
}
.tabs-tabbox > .tabs-input:checked + .tabs-label {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.tabs-container {
background-color: var(--background-color-dp-01);
border: 1px solid var(--background-color-dp-24);
}
div.tabdiv > ul > li {
background-color: var(--color-primary--active);
border-color: var(--color-primary--active);
}
div.tabdiv > ul > li:hover {
background-color: var(--color-primary--hover);
border-color: var(--color-primary--hover);
}
div.tabdiv > ul > li.active {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
div.tabdiv > ul > li a {
color: rgba(255,255,255,0.87);
}
li.gallerybox div.thumb {
border-color: var(--background-color-dp-24);
background-color: var(--background-color-framed);
}
#content .gallerybox div.thumb {
border-color: var(--background-color-dp-24);
background-color: var(--background-color-framed);
}
ul.gallery {
margin: 0.8rem 0px 1.6rem !important; /* We use a large width layout so galleries don't need to expand beyond that */
}
/* Popup pointers */
.mwe-popups.mwe-popups-no-image-pointer:after {
border-bottom:11px solid var(--background-color-dp-08);
}
.mwe-popups.mwe-popups-image-pointer:after {
border-bottom:12px solid var(--background-color-dp-08);
}
.mwe-popups.mwe-popups-image-pointer.flipped-x:after {
border-bottom:12px solid var(--background-color-dp-08);
}
.mwe-popups.flipped-x-y:after {
border-top:12px solid var(--background-color-dp-08);
}
.mwe-popups.flipped-x-y.mwe-popups-is-tall:after {
border-top:12px solid var(--background-color-dp-08);
}
.mwe-popups.flipped-y:after {
border-top:11px solid var(--background-color-dp-08);
}