MediaWiki:Gadget-Citizenstuff.css

/* fix ApprovedRevs awkwardness with subpages */ .approvedRevs-approved .subpages::after, .approvedRevs-notapproved .subpages::after, .approvedRevs-noapprovedrev .subpages::after { content: "\A"; white-space: pre-wrap; }

/* a change to Citizen made these hidden checkboxes accidentally visible */ input.citizen-menu-checkbox-checkbox { display: none; }

/*	tables seem to be wrapped by a div.citizen-table-wrapper this doesn't fit the content of the table so it pushes everything else down .citizen-table-wrapper { overflow-x: initial; }

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol, .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { padding-inline-start: 40px; margin-left: 0; } /* un-reset padding for plainlist */ .plainlist ul, .plainlist ol{ padding-inline-start: 0; }

/* fix infobox width on mobile */

@media screen and (max-width: 500px) { .infobox { margin-left: auto!important; margin-right: auto!important; float: none!important; } }

/*	fix infobox display problems on citizen applying rules for tables that do not work well for this one

@media screen { .infobox { display: table; } }

/*	in tables, the top part of the first p/ul/ol has its margin-top removed but it doesn't remove margin-bottom for the last one, making it look wrong (in my opinion) @media screen { td > p:last-child, td > ul:last-child, td > ol:last-child { margin-bottom: 0; } }

/* testing dark mode stuff */

/* message boxes */ html.skin-citizen-dark table.ambox, html.skin-citizen-dark table.imbox { background-color: #36415b /*#fbfbfb*/; } html.skin-citizen-dark table.fmbox-system, html.skin-citizen-dark table.ombox { background-color: #343e57 /*#f8f9fa*/; } html.skin-citizen-dark table.ambox { /* this box puts a 10px border on the left with a special color that should be preserved */ border-top-color: #5e7288; border-right-color: #5e7288; border-bottom-color: #5e7288; } html.skin-citizen-dark table.tmbox { background-color: #5d5848; } html.skin-citizen-dark table.fmbox-editnotice, html.skin-citizen-dark table.fmbox-system, html.skin-citizen-dark table.ombox-protection, html.skin-citizen-dark table.imbox-protection, html.skin-citizen-dark table.ombox-notice, html.skin-citizen-dark table.cmbox-delete, html.skin-citizen-dark table.cmbox-content, html.skin-citizen-dark table.cmbox-style, html.skin-citizen-dark table.cmbox-notice, html.skin-citizen-dark table.cmbox-move, html.skin-citizen-dark table.cmbox-protection { border-color: #5e7288; } html.skin-citizen-dark table.ambox-speedy, html.skin-citizen-dark table.cmbox-speedy, html.skin-citizen-dark table.cmbox-delete, html.skin-citizen-dark table.imbox-speedy, html.skin-citizen-dark table.tmbox-speedy, html.skin-citizen-dark table.fmbox-warning, html.skin-citizen-dark table.ombox-speedy { background-color: #45201e; } html.skin-citizen-dark table.cmbox-content { background-color: #504438; } html.skin-citizen-dark table.cmbox-style { background-color: #635f46; } html.skin-citizen-dark table.cmbox-notice { background-color: #3a4759; } html.skin-citizen-dark table.cmbox-move { background-color: #453b5c; } html.skin-citizen-dark table.cmbox-protection { background-color: #4a4a36; }

/* documentation template */ /* this is using TemplateStyles, so I need to remember to move this over some day... */ html.skin-citizen-dark .mw-parser-output .documentation, html.skin-citizen-dark .mw-parser-output .documentation-metadata { border: 1px solid #909090!important; background-color: #1e2a24!important; }

/* infobox html.skin-citizen-dark .infobox { color: #fff; background: #20262f; border-color: #2f394d; }

/* navbox margin fix */ div.navbox table { margin-top: 0; } /* navbox dark theme */ html.skin-citizen-dark .navbox-group { background-color: #3e3e52; } html.skin-citizen-dark .navbox-subgroup .navbox-group { background-color: #383847; } html.skin-citizen-dark .navbox { border: 1px solid #3f4f61; } html.skin-citizen-dark .navbox, html.skin-citizen-dark .navbox-subgroup { background-color: #272834; } html.skin-citizen-dark .navbox-even { background-color: #22232b; } html.skin-citizen-dark .navbox-list { border-color: #121a20; } /* don't understand this entirely... */ html.skin-citizen-dark .mw-parser-output tr+tr>.navbox-abovebelow, html.skin-citizen-dark .mw-parser-output tr+tr>.navbox-group, html.skin-citizen-dark .mw-parser-output tr+tr>.navbox-image, html.skin-citizen-dark .mw-parser-output tr+tr>.navbox-list { border-top: 2px solid #121a20; }

html.skin-citizen-dark .navbox-title { background-color: #4b4b69; }

/* fix bright background with white text for certain warnings (like protected notices) */ html.skin-citizen-dark div.mw-warning-with-logexcerpt, html.skin-citizen-dark div.mw-lag-warn-high, html.skin-citizen-dark div.mw-cascadeprotectedwarning, html.skin-citizen-dark div#mw-protect-cascadeon, html.skin-citizen-dark div.titleblacklist-warning { background-color: #5b4343; }