MediaWiki:Citizen.css

/* All CSS here will be loaded for users of the Citizen skin */ /* Gallery */ background-color: var(--background-color-framed); } .gallerybox .thumb img { background-color: transparent; } ul.mw-gallery-packed li.gallerybox, ul.mw-gallery-packed-hover li.gallerybox, ul.mw-gallery-packed-overlay li.gallerybox { flex-grow: 0 !important; } .gallery { max-width: 100%; } ul.mw-gallery-nolines { margin-bottom: 0px; } ul.mw-gallery-nolines li.gallerybox { margin: 1.5px; } ul.mw-gallery-nolines img { border-radius: 5px; }
 * 1) content li.gallerybox div.thumb {

/* Wordmark */ height: 35px; }
 * 1) mw-drawer-logo img.mw-logo-wordmark {

height: 35px; }	height: 40px; } .mw-footer { margin-top: calc(var(--padding-page) * 2); }
 * 1) header-sitetitle img.mw-logo-wordmark {
 * 1) footer-sitetitle img.mw-logo-wordmark {

/* Fix table display on mobile */ table { display: block; } @media screen and (min-width:720px) { table { display:table; } }

/* Table heading */ table.wikitable > tr > th, table.wikitable > * > tr > th { text-align: center; padding: 10px 0 10px 0; background-color: #eaecf0; background-color: var(--color-surface-3); color: var(--color-base--emphasized); border-right: 1px solid var(--border-color-base); } table.wikitable > tr > th:last-child, table.wikitable > * > tr > th:last-child { border-right: none; } table.wikitable tr td table:not(.wikitable) tr td { padding: inherit; } table.wikitable tr td { padding: 10px; }

border-bottom: 1px solid var(--border-color-base); }
 * 1) mw-content-text .mw-parser-output > h1,
 * 2) mw-content-text .mw-parser-output > h2,
 * 3) mw-content-text .mw-parser-output > h3,
 * 4) mw-content-text .mw-parser-output > h4,
 * 5) mw-content-text .mw-parser-output > h5,
 * 6) mw-content-text .mw-parser-output > h6 {

.section-heading--collapsed .mw-editsection { display: none !important; }

/* Message boxes */ .mw-message-box, .messagebox, .errorbox, .warningbox, .successbox { color: var(--color-base--emphasized); box-sizing: border-box; margin-bottom: 16px; border: 1px solid var(--color-base); padding: 0px 24px; word-wrap: break-word; overflow-wrap: break-word; overflow: hidden; } .errorbox { background-color: var(--background-color-error); border-color: var(--color-error); } .warningbox { background-color: var(--background-color-warning); border-color: var(--color-warning); } .successbox { background-color: var(--background-color-success); border-color: var(--color-success); }

/* HotCat */ .catlinks .mw-normal-catlinks { font-size: smaller; } .catlinks .mw-normal-catlinks > a, .catlinks .mw-hidden-catlinks > a { display: inline; } .catlinks .mw-normal-catlinks > ul li, .catlinks .mw-hidden-catlinks > ul li { overflow: visible; } .catlinks .mw-normal-catlinks > ul li a, .catlinks .mw-hidden-catlinks > ul li a { border-radius: 100px; } .catlinks .mw-normal-catlinks .hotcatinput, .catlinks .mw-hidden-catlinks .hotcatinput { top: 4px; } .catlinks .mw-normal-catlinks .hotcatinput input[type=text], .catlinks .mw-hidden-catlinks .hotcatinput input[type=text] { width: 250px; } .catlinks .mw-normal-catlinks .hotcatlink a, .catlinks .mw-hidden-catlinks .hotcatlink a { color: var(--color-link) !important; padding: 7px 4px; }

/* Page Actions */ .page-actions-more { z-index: 9; }
 * 1) p-views { padding-left: 10px; }
 * 2) p-views #ca-edit { order: inherit; }

/* Navbox */ .navbox, .navbox-subgroup { background-color: var(--color-surface-1); /* Background color */ } .navbox-list { border-color: var(--color-surface-1);   /* Must match background color */ } tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {   /* Borders above 2nd, 3rd, etc. rows */ border-top: 2px solid var(--color-surface-1); /* Must match background color */ } .nabbox table { display: table; } .navbox th, .navbox-title { background-color: var(--color-surface-4);     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background-color: var(--color-surface-3);     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: var(--color-surface-2);     /* Level 3 color */ } .navbox-even { background-color: var(--color-surface-2);     /* Even row striping */ }

/* Infobox */ .portable-infobox { background: var(--background-color-framed); } .portable-infobox .pi-header { background: var(--background-color-quiet--active); }