MediaWiki:Citizen.css

.infobox { margin-bottom: var( --space-md ); background: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); display: table; min-width: 25em; max-width: 30em; border-collapse: collapse; float: right; clear: right; margin: 2em; margin-right: 0; margin-top: 0; overflow: hidden; }

.infobox tbody tr { border-top: 1px solid var(--border-color-base); } .infobox tbody tr:nth-child(1) { border: none; } .infobox tbody tr * { vertical-align: middle; padding: var(--space-sm) 0; } .infobox tbody tr .infobox-heading { text-align: center; padding-left: 1em; padding-right: 1em; background: var(--color-primary--hover); color: white; } .infobox tbody tr th { width: 40%; text-align: left; padding-left: 1em; }

.infobox tbody tr td { width: 60%; padding-right: 1em; }

.frontpage-container-row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.25em; } .frontpage-container-column { flex: 1; background: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); border: 1px solid var(--border-color-base); overflow: hidden; margin: 0.5em; padding: 0; } .frontpage-container-content { padding: 0.5em; margin: var(--space-sm) }

.frontpage-container-heading { text-align: left; margin: 0; padding-left: 1em; padding-right: 1em; border-bottom: 1px solid var(--border-color-base); color: white; padding: var(--space-sm) } .frontpage-container-heading h2 { margin: 0; font-size: 1em; padding: 0.5em; } .container-row-links-grid a { width: 20%; display: flex; margin: 0; padding: 0.5em; }

.container-row-links-grid a .frontpage-container-column { text-align: center; width: 100%; margin: 0; } .page-Main_Page header.mw-body-header { display: none; }

.container-row-links-grid .frontpage-container-column p { padding: 0; margin: 0; }

.container-row-links-grid a .frontpage-container-column p { padding: var(--space-sm) 0; }

.container-row-links-grid .frontpage-container-column p a { margin: 0; text-align: center; padding: var(--space-sm) 0; width: 100%; display: block; } .frontpage-title { margin: 0.5em; }

.editOptions { color: var(--color-base); background: var(--color-surface-0); border: 1px solid var(--border-color-base); border-radius: var(--border-radius--medium); }

span.select2.select2-container.select2-container--default *, .select2-container * { color: var(--color-base); background: var(--color-surface-0); border-color: var(--border-color-base); border-radius: var(--border-radius--medium); }

.select2-container--default .select2-results__option[aria-selected=true] {background: var(--active-bg-color);color: var(--active-text-color);}

span.select2-match-entire { background-color: transparent; }

form#pfForm * {   border-color: var(--border-color-base); }

.select2-container--default .select2-results__option[aria-selected=true] * { color: var(--active-text-color); }

.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {background: var(--active-bg-color);}

.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted * {color: var(--active-text-color); !important;}

@media only screen and (max-width: 1024px) { table.infobox {float: none;width: 100%;max-width: none;margin: 0;min-width:auto;overflow-x:scroll;} }

option { color: black; }