https://hardware.hacks.guide/w/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-Citizenstuff.css 2026-05-14T15:35:18Z Revision history for this page on the wiki MediaWiki 1.43.8 https://hardware.hacks.guide/w/index.php?title=MediaWiki:Gadget-Citizenstuff.css&diff=6819&oldid=prev 2024-10-28T01:11:34Z

<p>Syncing contents from <a href="https://wiki.hacks.guide/wiki/MediaWiki:Gadget-Citizenstuff.css" class="extiw" title="hacksguidewiki:MediaWiki:Gadget-Citizenstuff.css">hacksguidewiki:MediaWiki:Gadget-Citizenstuff.css</a> <a href="https://wiki.hacks.guide/wiki/Special:PermanentLink/5757" class="extiw" title="hacksguidewiki:Special:PermanentLink/5757">hacksguidewiki:Special:PermanentLink/5757</a></p> <p><b>New page</b></p><div>/* fix ApprovedRevs awkwardness with subpages */<br /> .approvedRevs-approved .subpages::after,<br /> .approvedRevs-notapproved .subpages::after,<br /> .approvedRevs-noapprovedrev .subpages::after {<br /> content: &quot;\A&quot;;<br /> white-space: pre-wrap;<br /> }<br /> <br /> /* a change to Citizen made these hidden checkboxes accidentally visible */<br /> input.citizen-menu-checkbox-checkbox {<br /> display: none;<br /> }<br /> <br /> /*<br /> tables seem to be wrapped by a div.citizen-table-wrapper<br /> this doesn&#039;t fit the content of the table so it pushes everything else down<br /> */<br /> .citizen-table-wrapper {<br /> overflow-x: initial;<br /> }<br /> <br /> .mw-content-ltr ol,<br /> .mw-content-rtl .mw-content-ltr ol,<br /> .mw-content-ltr ul,<br /> .mw-content-rtl .mw-content-ltr ul {<br /> padding-inline-start: 40px;<br /> margin-left: 0;<br /> }<br /> /* un-reset padding for plainlist */<br /> .plainlist ul,<br /> .plainlist ol{<br /> padding-inline-start: 0;<br /> }<br /> <br /> /* fix infobox width on mobile */<br /> <br /> @media screen and (max-width: 500px) {<br /> .infobox {<br /> margin-left: auto!important;<br /> margin-right: auto!important;<br /> float: none!important;<br /> }<br /> }<br /> <br /> /*<br /> fix infobox display problems on citizen applying rules for tables<br /> that do not work well for this one<br /> */<br /> <br /> @media screen {<br /> .infobox {<br /> display: table;<br /> }<br /> }<br /> <br /> /*<br /> in tables, the top part of the first p/ul/ol has its margin-top removed<br /> but it doesn&#039;t remove margin-bottom for the last one, making it look wrong<br /> (in my opinion)<br /> */<br /> @media screen {<br /> td &gt; p:last-child, td &gt; ul:last-child, td &gt; ol:last-child {<br /> margin-bottom: 0;<br /> }<br /> }<br /> <br /> /* navbox margin fix */<br /> div.navbox table { margin-top: 0; }<br /> <br /> /* testing dark mode stuff */<br /> <br /> /*<br /> https://github.com/StarCitizenTools/mediawiki-skins-Citizen/commit/a741639085d70c22a9f49890542a142a223bf981<br /> After this commit, &quot;Auto&quot; won&#039;t auto-apply the CSS class for what theme to apply (e.g. skin-citizen-dark)<br /> so I have to use @media (prefers-color-scheme: dark) for that too.<br /> <br /> https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis<br /> */<br /> <br /> /* FOR WHEN DARK MODE IS EXPLICITLY SET */<br /> /* message boxes */<br /> html.skin-theme-clientpref-night body.skin-citizen table.ambox,<br /> html.skin-theme-clientpref-night body.skin-citizen table.imbox {<br /> background-color: #202c49 /*#fbfbfb*/;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.fmbox-system,<br /> html.skin-theme-clientpref-night body.skin-citizen table.ombox {<br /> background-color: #343e57 /*#f8f9fa*/;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.ambox {<br /> /* this box puts a 10px border on the left with a special color that should be preserved */<br /> border-top-color: #5e7288;<br /> border-right-color: #5e7288;<br /> border-bottom-color: #5e7288;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.tmbox {<br /> background-color: #5d5848;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.fmbox-editnotice,<br /> html.skin-theme-clientpref-night body.skin-citizen table.fmbox-system,<br /> html.skin-theme-clientpref-night body.skin-citizen table.ombox-protection,<br /> html.skin-theme-clientpref-night body.skin-citizen table.imbox-protection,<br /> html.skin-theme-clientpref-night body.skin-citizen table.ombox-notice,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-delete,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-content,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-style,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-notice,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-move,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-protection {<br /> border-color: #5e7288;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.ambox-speedy,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-speedy,<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-delete,<br /> html.skin-theme-clientpref-night body.skin-citizen table.imbox-speedy,<br /> html.skin-theme-clientpref-night body.skin-citizen table.tmbox-speedy,<br /> html.skin-theme-clientpref-night body.skin-citizen table.fmbox-warning,<br /> html.skin-theme-clientpref-night body.skin-citizen table.ombox-speedy {<br /> background-color: #45201e;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-content {<br /> background-color: #504438;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-style {<br /> background-color: #635f46;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-notice {<br /> background-color: #3a4759;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-move {<br /> background-color: #453b5c;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen table.cmbox-protection {<br /> background-color: #4a4a36;<br /> }<br /> <br /> /* documentation template */<br /> /* this is using TemplateStyles, so I need to remember to move this over some day... */<br /> html.skin-theme-clientpref-night body.skin-citizen .mw-parser-output .documentation,<br /> html.skin-theme-clientpref-night body.skin-citizen .mw-parser-output .documentation-metadata {<br /> border: 1px solid #909090!important;<br /> background-color: #1e2a24!important;<br /> }<br /> <br /> /*<br /> infobox<br /> */<br /> html.skin-theme-clientpref-night body.skin-citizen .infobox {<br /> color: #fff;<br /> background: #20262f;<br /> border-color: #2f394d;<br /> }<br /> <br /> /* navbox dark theme */<br /> html.skin-theme-clientpref-night body.skin-citizen .navbox-group {<br /> background-color: #3e3e52;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen .navbox-subgroup .navbox-group {<br /> background-color: #383847;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen .navbox {<br /> border: 1px solid #3f4f61;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen .navbox,<br /> html.skin-theme-clientpref-night body.skin-citizen .navbox-subgroup {<br /> background-color: #272834;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen .navbox-even {<br /> background-color: #22232b;<br /> }<br /> html.skin-theme-clientpref-night body.skin-citizen .navbox-list {<br /> border-color: #121a20;<br /> }<br /> /* don&#039;t understand this entirely... */<br /> html.skin-theme-clientpref-night body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-abovebelow,<br /> html.skin-theme-clientpref-night body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-group,<br /> html.skin-theme-clientpref-night body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-image,<br /> html.skin-theme-clientpref-night body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-list {<br /> border-top: 2px solid #121a20;<br /> }<br /> <br /> html.skin-theme-clientpref-night body.skin-citizen .navbox-title {<br /> background-color: #4b4b69;<br /> }<br /> <br /> /* fix bright background with white text for certain warnings (like protected notices) */<br /> html.skin-theme-clientpref-night body.skin-citizen div.mw-warning-with-logexcerpt,<br /> html.skin-theme-clientpref-night body.skin-citizen div.mw-lag-warn-high,<br /> html.skin-theme-clientpref-night body.skin-citizen div.mw-cascadeprotectedwarning,<br /> html.skin-theme-clientpref-night body.skin-citizen div#mw-protect-cascadeon,<br /> html.skin-theme-clientpref-night body.skin-citizen div.titleblacklist-warning {<br /> background-color: #5b4343;<br /> }<br /> <br /> /* FOR WHEN AUTO IS SET AND THE CLIENT REQUESTS A DARK THEME */<br /> @media (prefers-color-scheme: dark) {<br /> /* message boxes */<br /> html.skin-theme-clientpref-os body.skin-citizen table.ambox,<br /> html.skin-theme-clientpref-os body.skin-citizen table.imbox {<br /> background-color: #202c49 /*#fbfbfb*/;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.fmbox-system,<br /> html.skin-theme-clientpref-os body.skin-citizen table.ombox {<br /> background-color: #343e57 /*#f8f9fa*/;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.ambox {<br /> /* this box puts a 10px border on the left with a special color that should be preserved */<br /> border-top-color: #5e7288;<br /> border-right-color: #5e7288;<br /> border-bottom-color: #5e7288;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.tmbox {<br /> background-color: #5d5848;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.fmbox-editnotice,<br /> html.skin-theme-clientpref-os body.skin-citizen table.fmbox-system,<br /> html.skin-theme-clientpref-os body.skin-citizen table.ombox-protection,<br /> html.skin-theme-clientpref-os body.skin-citizen table.imbox-protection,<br /> html.skin-theme-clientpref-os body.skin-citizen table.ombox-notice,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-delete,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-content,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-style,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-notice,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-move,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-protection {<br /> border-color: #5e7288;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.ambox-speedy,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-speedy,<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-delete,<br /> html.skin-theme-clientpref-os body.skin-citizen table.imbox-speedy,<br /> html.skin-theme-clientpref-os body.skin-citizen table.tmbox-speedy,<br /> html.skin-theme-clientpref-os body.skin-citizen table.fmbox-warning,<br /> html.skin-theme-clientpref-os body.skin-citizen table.ombox-speedy {<br /> background-color: #45201e;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-content {<br /> background-color: #504438;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-style {<br /> background-color: #635f46;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-notice {<br /> background-color: #3a4759;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-move {<br /> background-color: #453b5c;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen table.cmbox-protection {<br /> background-color: #4a4a36;<br /> }<br /> <br /> /* documentation template */<br /> /* this is using TemplateStyles, so I need to remember to move this over some day... */<br /> html.skin-theme-clientpref-os body.skin-citizen .mw-parser-output .documentation,<br /> html.skin-theme-clientpref-os body.skin-citizen .mw-parser-output .documentation-metadata {<br /> border: 1px solid #909090!important;<br /> background-color: #1e2a24!important;<br /> }<br /> <br /> /*<br /> infobox<br /> */<br /> html.skin-theme-clientpref-os body.skin-citizen .infobox {<br /> color: #fff;<br /> background: #20262f;<br /> border-color: #2f394d;<br /> }<br /> /* navbox dark theme */<br /> html.skin-theme-clientpref-os body.skin-citizen .navbox-group {<br /> background-color: #3e3e52;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen .navbox-subgroup .navbox-group {<br /> background-color: #383847;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen .navbox {<br /> border: 1px solid #3f4f61;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen .navbox,<br /> html.skin-theme-clientpref-os body.skin-citizen .navbox-subgroup {<br /> background-color: #272834;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen .navbox-even {<br /> background-color: #22232b;<br /> }<br /> html.skin-theme-clientpref-os body.skin-citizen .navbox-list {<br /> border-color: #121a20;<br /> }<br /> /* don&#039;t understand this entirely... */<br /> html.skin-theme-clientpref-os body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-abovebelow,<br /> html.skin-theme-clientpref-os body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-group,<br /> html.skin-theme-clientpref-os body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-image,<br /> html.skin-theme-clientpref-os body.skin-citizen .mw-parser-output tr+tr&gt;.navbox-list {<br /> border-top: 2px solid #121a20;<br /> }<br /> <br /> html.skin-theme-clientpref-os body.skin-citizen .navbox-title {<br /> background-color: #4b4b69;<br /> }<br /> <br /> /* fix bright background with white text for certain warnings (like protected notices) */<br /> html.skin-theme-clientpref-os body.skin-citizen div.mw-warning-with-logexcerpt,<br /> html.skin-theme-clientpref-os body.skin-citizen div.mw-lag-warn-high,<br /> html.skin-theme-clientpref-os body.skin-citizen div.mw-cascadeprotectedwarning,<br /> html.skin-theme-clientpref-os body.skin-citizen div#mw-protect-cascadeon,<br /> html.skin-theme-clientpref-os body.skin-citizen div.titleblacklist-warning {<br /> background-color: #5b4343;<br /> }<br /> }</div>

Haxbot