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 */
/* All CSS here will be loaded for users of the Citizen skin */
:root {
--carnation-400: rgb(250 92 92);
--carnation-600: rgb(243 7 26);
--color-primary__h: 0;
--color-primary__s: 94.05%;
--color-primary__l: 67.06%;
--color-primary--hover: hsl(357.33deg 94.39% 58.04%);
--color-link-new: #49617E;
--color-link-new--hover: #526D8E;
--color-link-new--active: #526D8E;
}
:root.skin-citizen-dark {
--color-surface-0: rgb(15 20 26);
--color-surface-1: rgb(20 27 36);
--color-surface-2: rgb(26 35 45);
--color-base--subtle: rgb(156 163 175);
--color-base: #fff;
--color-primary__l: 67.06%;
--color-base--emphasized: white;
--color-link-new: #FCB2AB;
--color-link-new--hover: #FB8884;
--color-link-new--active: #FB8884;
}
a {
--color-link: var(--carnation-400);
--color-link--hover: var(--carnation-600);
--color-link--active: var(--carnation-600);
}
.citizen-footer a:hover, .citizen-footer a:active {
color: var(--color-link);
text-decoration: none;
}
* {
outline-color: var(--color-primary);
}
*:focus-visible {
outline-style: solid;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
box-shadow: none;
}
.citizen-toc__link:hover .citizen-toc__text,
.citizen-toc__link:focus .citizen-toc__text {
color: var(--color-link);
}
.citizen-body-header--sticky .mw-body-header::before {
background-color: inherit;
}
.citizen-header__logo img {
object-fit: contain;
}
.citizen-page-banner [typeof="mw:File"] img {
height: 300px;
max-width: 100%;
object-fit: cover;
text-align: center;
contain: unset;
}
@media screen and (max-width: 720px) {
.citizen-page-banner [typeof="mw:File"] img {
max-height: 200px;
}
}
.mw-parser-output .note {
border-radius: 1rem;
border: none !important;
}
.mw-parser-output details.note {
padding: .5rem 1rem;
}
.mw-parser-output details.note summary {
cursor: pointer;
user-select: none;
}
.mw-parser-output .note-warn {
background-color: hsl(42.8deg 100% 71.96%);
}
.skin-citizen-dark .mw-parser-output .note-warn {
background-color: #7A5700;
}
.skin-citizen-dark .mw-parser-output .note-info {
background-color: hsl(214 100% 20% / 1);
}
/* Infobox template style */
.infobox {
background: var(--color-surface-2);
color: var(--color-base);
border: none;
border-radius: 4px;
border: 1px solid var(--border-color-base--darker);
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.19em;
font-size: 88%;
line-height: 1.5em;
width: 22.2em;
float: right;
clear: both;
}
.infobox-caption {
color: var(--color-base--subtle);
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
.infobox .infobox-image {
border-radius: 1rem;
overflow: hidden;
}
section > :not(.infobox) {
overflow: hidden;
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,
.mw-collapsible.mw-collapsed tbody {
display: none;
}