MediaWiki:Citizen.css

/* 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); }	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); }	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); }
 * 1) pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
 * 1) content .gallerybox div.thumb {