More actions
No edit summary |
(Automation: Update CSS file from SCSS file.) Tag: Manual revert |
||
(138 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | /* Style overrides for the Citizen skin */ | ||
/* Not to be edited in the wiki, see https://github.com/repair-wiki/content for instructions on how to contribute */ | |||
*/ | /* Overrides for third party extensions */ | ||
.editOptions { | |||
color: var(--color-base); | |||
background: 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); | |||
} | |||
.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; | |||
} | |||
span.select2-match-entire { | |||
background-color: transparent; | |||
} | |||
form#pfForm * { | |||
border-color: var(--border-color-base); | |||
} | |||
.mw-ui-button-fw { | |||
width: 100%; | |||
} | |||
li#ca-formedit a:before { | |||
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%3E%3Cg%20id%3D%22surface1%22%3E%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%2300000%3Bfill-opacity%3A1%3B%22%20d%3D%22M%201.332031%200.382812%20L%2019.214844%200.382812%20C%2019.445312%200.382812%2019.632812%200.570312%2019.632812%200.800781%20L%2019.632812%203.617188%20C%2019.632812%203.847656%2019.445312%204.035156%2019.214844%204.035156%20L%201.332031%204.035156%20C%201.101562%204.035156%200.917969%203.847656%200.917969%203.617188%20L%200.917969%200.800781%20C%200.917969%200.570312%201.101562%200.382812%201.332031%200.382812%20Z%20M%201.332031%200.382812%20%22%2F%3E%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%2300000%3Bfill-opacity%3A1%3B%22%20d%3D%22M%201.269531%204.625%20L%2019.253906%204.59375%20C%2019.457031%204.59375%2019.621094%204.757812%2019.621094%204.957031%20L%2019.644531%2018.410156%20C%2019.644531%2018.609375%2019.480469%2018.777344%2019.277344%2018.777344%20L%201.296875%2018.808594%20C%201.09375%2018.808594%200.929688%2018.644531%200.929688%2018.441406%20L%200.90625%204.992188%20C%200.90625%204.789062%201.070312%204.625%201.269531%204.625%20Z%20M%201.269531%204.625%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | |||
content: ""; | |||
display: block; | |||
width: var(--size-icon); | |||
height: var(--size-icon); | |||
contain: strict; | |||
font-size: 0; | |||
opacity: var(--opacity-icon-base); | |||
filter: var(--filter-invert); | |||
background-repeat: no-repeat; | |||
background-size: inherit; | |||
} | |||
a.image:hover:not(.lazy):not(.new) > img { | |||
transform: none; | |||
} | |||
#n-Add-a-new-page a:before { | |||
width: 16px; | |||
height: 16px; | |||
display: inline-block; | |||
content: ""; | |||
mask: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ctitle%3Eadd%20article%3C%2Ftitle%3E%3Cpath%20d%3D%22M5%201c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm10%2010h-4v4H9v-4H5V9h4V5h2v4h4z%22%2F%3E%3C%2Fsvg%3E"); | |||
mask-size: cover; | |||
background-color: var(--color-emphasized); | |||
opacity: var(--opacity-icon-base); | |||
} | |||
/* Infoboxes */ | |||
.infobox { | .infobox { | ||
font-size: 80%; | |||
margin-bottom: var(--space-unit); | |||
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 * { | |||
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; | |||
} | |||
.infobox tbody tr:nth-child(1) { | |||
border: none; | |||
} | |||
@media only screen and (max-width: 1024px) { | |||
table.infobox { | |||
float: none; | |||
width: 100%; | |||
max-width: none; | |||
margin: 0; | |||
min-width: auto; | |||
overflow-x: scroll; | |||
} | |||
table.infobox tbody > tr:first-child > th { | |||
border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0; | |||
} | |||
} | |||
.formtable > tbody { | |||
display: block; | |||
} | |||
.formtable input, | |||
.formtable select { | |||
border-color: var(--border-color-base) !important; | |||
} | |||
.formtable > tbody > tr > td { | |||
padding: 0.25rem 0.5rem; | |||
} | |||
.formtable > tbody > tr > th { | |||
padding: 0.25rem 0; | |||
} | |||
/* Frontpage containers */ | |||
.frontpage-container-row { | |||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
margin-bottom: 0.25em; | |||
} | |||
@media screen and (max-width: 1024px) { | |||
.frontpage-container-row { | |||
flex-direction: column; | |||
} | |||
.frontpage-container-row:has(.frontpage-image-button) { | |||
flex-direction: row; | |||
} | |||
} | |||
.frontpage-container-column { | |||
flex: 1; | |||
background: var(--color-surface-1); | |||
border-radius: var(--border-radius--medium); | |||
border: 1px solid var(--border-color-base); | |||
overflow: hidden; | |||
margin: 0.5em; | |||
padding: 0; | |||
font-weight: 200; | |||
} | |||
.gssb_c { | |||
color: #676767; | |||
} | |||
.frontpage-container-content { | |||
padding: 0.5em; | |||
margin: var(--space-sm); | |||
} | |||
.frontpage-container-content ul { | |||
margin-top: 0; | |||
} | |||
.frontpage-container-content:has(#___gcse_0) { | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.frontpage-container-content:has(#___gcse_0) .gsc-input * { | |||
color: #676767; | |||
} | |||
.frontpage-container-content:has(#___gcse_0) .gsc-control-cse { | |||
background-color: var(--color-surface-1); | |||
border: none; | |||
} | |||
.frontpage-container-content:has(#___gcse_0) .gsc-control-cse .gsc-input-box { | |||
border-radius: var(--border-radius--small); | |||
} | |||
.frontpage-container-content:has(.CategoryTreeTag) { | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.frontpage-container-content:has(.CategoryTreeTag):last-child .CategoryTreeTag { | |||
margin-bottom: 0; | |||
} | |||
.frontpage-container-content .CategoryTreeSection { | |||
border-bottom: 1px solid var(--border-color-base); | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeItem { | |||
border-bottom: 1px solid var(--border-color-base); | |||
padding-bottom: 0.5em; | |||
padding: 1em; | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeBullet .CategoryTreeToggle { | |||
color: var(--color-base--emphasized); | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeEmptyBullet, | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeBullet { | |||
color: var(--color-base); | |||
margin-right: 0.5em; | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeEmptyBullet { | |||
display: none; | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeItem:has(.CategoryTreeEmptyBullet) { | |||
border-bottom: none; | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeItem:has(.CategoryTreeBullet .CategoryTreeToggle[data-ct-state=collapsed]) { | |||
border-bottom: none; | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeChildren { | |||
border-bottom: none; | |||
} | |||
.frontpage-container-content .CategoryTreeSection .CategoryTreeChildren .CategoryTreeNotice { | |||
padding-bottom: 0.5em; | |||
} | |||
.frontpage-container-content .CategoryTreeSection:has(.CategoryTreeChildren .CategoryTreeNotice) .CategoryTreeChildren { | |||
padding: 1em; | |||
padding-top: 0em; | |||
} | |||
.frontpage-container-content .CategoryTreeSection:has(.CategoryTreeChildren .CategoryTreeNotice) .CategoryTreeChildren .CategoryTreeItem { | |||
border-bottom: none; | |||
} | |||
.frontpage-container-content .CategoryTreeChildren .CategoryTreeSection { | |||
border-bottom: none; | |||
padding-right: 0; | |||
} | } | ||
.frontpage-container-heading { | |||
. | background: var(--color-surface-2); | ||
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 { | |||
font-weight: 500 !important; | |||
margin: 0; | |||
font-size: 1em; | |||
padding: 0.5em; | |||
} | } | ||
. | .container-row-links-grid a { | ||
flex-basis: 0; | |||
flex-grow: 1; | |||
display: flex; | |||
margin: 0; | |||
padding: 0.5em; | |||
} | |||
.container-row-links-grid a .frontpage-container-column { | |||
text-align: center; | |||
width: 100%; | |||
margin: 0; | |||
} | |||
.container-row-links-grid a .frontpage-container-column p { | |||
padding: var(--space-sm) 0; | |||
} | |||
.container-row-links-grid .frontpage-container-column p { | |||
padding: 0; | |||
margin: 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-icon { | ||
display: inline-block; | |||
width: 1em; | |||
height: 1em; | |||
vertical-align: top; | |||
} | } | ||
/* | /* Image buttons */ | ||
. | .frontpage-image-button { | ||
flex: 1; | |||
border-radius: 8px; | |||
border: 1px solid rgba(0, 0, 0, 0.05); | |||
overflow: hidden; | |||
padding: 0; | |||
font-family: "Sans-serif"; | |||
position: relative; | |||
margin: 0.5em; | |||
background-color: hsl(210, 17%, 98%); | |||
color: black; | |||
} | |||
.frontpage-image-button p { | |||
margin: 0; | |||
} | |||
@media screen and (max-width: 700px) { | |||
.frontpage-image-button { | |||
width: 45%; | |||
flex: none; | |||
} | |||
} | |||
@media screen and (max-width: 1024px) and (min-width: 700px) { | |||
.frontpage-image-button { | |||
width: 30%; | |||
flex: none; | |||
} | |||
} | } | ||
. | .frontpage-image-button.has-image { | ||
background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 200%); | |||
} | } | ||
. | .frontpage-image-button.has-image a { | ||
color: white; | |||
display: flex; | |||
align-items: center; | |||
aspect-ratio: 10/3; | |||
} | } | ||
. | .frontpage-image-button a { | ||
display: inline-block; | |||
text-decoration: none; | |||
color: black; | |||
padding: 0.75em; | |||
width: 100%; | |||
font-family: "roboto"; | |||
font-weight: 500; | |||
position: relative; | |||
z-index: 1; | |||
background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 65%); | |||
} | } | ||
. | .double-height a { | ||
padding: 2em 1em; | |||
} | } | ||
. | .frontpage-container-row { | ||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
margin-bottom: 0.25em; | |||
} | } | ||
. | .frontpage-image-button.has-image img { | ||
pointer-events: none; | |||
position: absolute; | |||
z-index: 0; | |||
left: 0; | |||
top: 0; | |||
transition: background-color 0.6s ease, transform 0.6s; | |||
display: inline-block; | |||
height: 100%; | |||
width: auto; | |||
} | } | ||
. | .frontpage-image-button p:hover img { | ||
transform: scale(1.2); | |||
} | } | ||
.frontpage-image-button-container { | |||
display: flex; | |||
} | } | ||
. | /* Main page */ | ||
.page-Main_Page header.mw-body-header { | |||
display: none; | |||
} | } | ||
. | .frontpage-title { | ||
padding: 1em 2.5em; | |||
color: color-base--subtle; | |||
font-weight: 300; | |||
font-size: 1.75em; | |||
} | |||
@media screen and (max-width: 1024px) { | |||
.frontpage-title { | |||
padding: 0.5em; | |||
font-size: 2em; | |||
} | |||
} | |||
.frontpage-title .prefix, | |||
.frontpage-title .suffix { | |||
font-weight: 100; | |||
font-size: 60%; | |||
} | |||
.frontpage-title .prefix { | |||
margin-bottom: 0; | |||
} | |||
.frontpage-title h1 { | |||
margin-bottom: 0; | |||
margin-top: 0; | |||
font-weight: 800; | |||
color: var(--color-base--emphasized); | |||
font-size: 120% !important; | |||
} | |||
.frontpage-title .suffix { | |||
margin-top: 0; | |||
} | |||
.frontpage-title p { | |||
font-size: 65%; | |||
font-weight: 200; | |||
} | } | ||
. | button.gsc-search-button { | ||
border-radius: var(--border-radius--small) !important; | |||
background-color: var(--color-primary) !important; | |||
border-color: var(--color-primary) !important; | |||
} | |||
button.gsc-search-button svg { | |||
fill: #fff; | |||
} | |||
button.gsc-search-button:hover { | |||
background-color: var(--color-primary--hover) !important; | |||
border-color: var(--color-primary--hover) !important; | |||
} | } | ||
#gs_tti50 { | |||
background-color: var(--color-surface-2); | |||
} | } | ||
#gs_id50 { | |||
background-color: var(--color-surface-2); | |||
} | } | ||
#gsc-iw-id1 { | |||
border: 1px solid var(--border-color-base); | |||
border-radius: var(--border-radius--small); | |||
background: var(--border-color-base) !important; | |||
} | } | ||
#gsc-i-id1 { | |||
background-color: var(--color-surface-2) !important; | |||
color: var(--color-base) !important; | |||
} | } | ||
.gsc-completion-container { | |||
. | background-color: var(--color-surface-2) !important; | ||
border-color: var(--border-color-base) !important; | |||
border-radius: var(--border-radius--small) !important; | |||
color: var(--color-base) !important; | |||
} | } | ||
.gsc-completion-selected { | |||
. | background-color: var(--color-surface-1) !important; | ||
} | } | ||
. | .gsc-modal-background-image { | ||
background-color: var(--background-color-base) !important; | |||
} | } | ||
.gsc-results-wrapper-overlay { | |||
. | background-color: var(--color-surface-2) !important; | ||
border-radius: var(--border-radius--medium); | |||
} | } | ||
.gs-snippet { | |||
. | color: var(--color-base) !important; | ||
} | } | ||
. | .gsc-result { | ||
border: none !important; | |||
} | } | ||
. | .gsc-above-wrapper-area { | ||
border-bottom: none !important; | |||
} | } | ||
.gs-image { | |||
. | border: none !important; | ||
} | } | ||
. | .gsc-result-info { | ||
color: var(--color-base) !important; | |||
} | } | ||
.gsc-orderby-label { | |||
color: var(--color-base) !important; | |||
} | } | ||
. | .gsc-selected-option-container { | ||
background-color: var(--color-surface-1) !important; | |||
} | } | ||
. | .gsc-option-menu { | ||
background-color: var(--color-surface-1) !important; | |||
} | } | ||
. | .gsc-option { | ||
color: var(--color-base) !important; | |||
} | } | ||
. | .gsc-option-menu-item-highlighted { | ||
background-color: var(--color-surface-2) !important; | |||
} | } | ||
. | .gsc-selected-option { | ||
color: var(--color-base) !important; | |||
} | } | ||
. | .gs-title { | ||
color: var(--color-syntax-blue) !important; | |||
font-weight: bolder; | |||
} | } | ||
. | .gs-visibleUrl-breadcrumb * { | ||
color: var(--color-syntax-green); | |||
} | } | ||
.gcsc-find-more-on-google { | |||
color: var(--color-syntax-blue) !important; | |||
} | |||
.gcsc-find-more-on-google svg { | |||
fill: var(--color-syntax-blue) !important; | |||
} | |||
div.frontpage-title p:nth-child(3) { | |||
font-size: var(--font-size-small); | |||
} | } |
Latest revision as of 18:08, 1 September 2024
/* Style overrides for the Citizen skin */ /* Not to be edited in the wiki, see https://github.com/repair-wiki/content for instructions on how to contribute */ /* Overrides for third party extensions */ .editOptions { color: var(--color-base); background: 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); } .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; } span.select2-match-entire { background-color: transparent; } form#pfForm * { border-color: var(--border-color-base); } .mw-ui-button-fw { width: 100%; } li#ca-formedit a:before { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%3E%3Cg%20id%3D%22surface1%22%3E%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%2300000%3Bfill-opacity%3A1%3B%22%20d%3D%22M%201.332031%200.382812%20L%2019.214844%200.382812%20C%2019.445312%200.382812%2019.632812%200.570312%2019.632812%200.800781%20L%2019.632812%203.617188%20C%2019.632812%203.847656%2019.445312%204.035156%2019.214844%204.035156%20L%201.332031%204.035156%20C%201.101562%204.035156%200.917969%203.847656%200.917969%203.617188%20L%200.917969%200.800781%20C%200.917969%200.570312%201.101562%200.382812%201.332031%200.382812%20Z%20M%201.332031%200.382812%20%22%2F%3E%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%2300000%3Bfill-opacity%3A1%3B%22%20d%3D%22M%201.269531%204.625%20L%2019.253906%204.59375%20C%2019.457031%204.59375%2019.621094%204.757812%2019.621094%204.957031%20L%2019.644531%2018.410156%20C%2019.644531%2018.609375%2019.480469%2018.777344%2019.277344%2018.777344%20L%201.296875%2018.808594%20C%201.09375%2018.808594%200.929688%2018.644531%200.929688%2018.441406%20L%200.90625%204.992188%20C%200.90625%204.789062%201.070312%204.625%201.269531%204.625%20Z%20M%201.269531%204.625%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); content: ""; display: block; width: var(--size-icon); height: var(--size-icon); contain: strict; font-size: 0; opacity: var(--opacity-icon-base); filter: var(--filter-invert); background-repeat: no-repeat; background-size: inherit; } a.image:hover:not(.lazy):not(.new) > img { transform: none; } #n-Add-a-new-page a:before { width: 16px; height: 16px; display: inline-block; content: ""; mask: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ctitle%3Eadd%20article%3C%2Ftitle%3E%3Cpath%20d%3D%22M5%201c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm10%2010h-4v4H9v-4H5V9h4V5h2v4h4z%22%2F%3E%3C%2Fsvg%3E"); mask-size: cover; background-color: var(--color-emphasized); opacity: var(--opacity-icon-base); } /* Infoboxes */ .infobox { font-size: 80%; margin-bottom: var(--space-unit); 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 * { 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; } .infobox tbody tr:nth-child(1) { border: none; } @media only screen and (max-width: 1024px) { table.infobox { float: none; width: 100%; max-width: none; margin: 0; min-width: auto; overflow-x: scroll; } table.infobox tbody > tr:first-child > th { border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0; } } .formtable > tbody { display: block; } .formtable input, .formtable select { border-color: var(--border-color-base) !important; } .formtable > tbody > tr > td { padding: 0.25rem 0.5rem; } .formtable > tbody > tr > th { padding: 0.25rem 0; } /* Frontpage containers */ .frontpage-container-row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.25em; } @media screen and (max-width: 1024px) { .frontpage-container-row { flex-direction: column; } .frontpage-container-row:has(.frontpage-image-button) { flex-direction: row; } } .frontpage-container-column { flex: 1; background: var(--color-surface-1); border-radius: var(--border-radius--medium); border: 1px solid var(--border-color-base); overflow: hidden; margin: 0.5em; padding: 0; font-weight: 200; } .gssb_c { color: #676767; } .frontpage-container-content { padding: 0.5em; margin: var(--space-sm); } .frontpage-container-content ul { margin-top: 0; } .frontpage-container-content:has(#___gcse_0) { padding: 0; margin: 0; } .frontpage-container-content:has(#___gcse_0) .gsc-input * { color: #676767; } .frontpage-container-content:has(#___gcse_0) .gsc-control-cse { background-color: var(--color-surface-1); border: none; } .frontpage-container-content:has(#___gcse_0) .gsc-control-cse .gsc-input-box { border-radius: var(--border-radius--small); } .frontpage-container-content:has(.CategoryTreeTag) { padding: 0; margin: 0; } .frontpage-container-content:has(.CategoryTreeTag):last-child .CategoryTreeTag { margin-bottom: 0; } .frontpage-container-content .CategoryTreeSection { border-bottom: 1px solid var(--border-color-base); } .frontpage-container-content .CategoryTreeSection .CategoryTreeItem { border-bottom: 1px solid var(--border-color-base); padding-bottom: 0.5em; padding: 1em; } .frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeBullet .CategoryTreeToggle { color: var(--color-base--emphasized); } .frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeEmptyBullet, .frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeBullet { color: var(--color-base); margin-right: 0.5em; } .frontpage-container-content .CategoryTreeSection .CategoryTreeItem .CategoryTreeEmptyBullet { display: none; } .frontpage-container-content .CategoryTreeSection .CategoryTreeItem:has(.CategoryTreeEmptyBullet) { border-bottom: none; } .frontpage-container-content .CategoryTreeSection .CategoryTreeItem:has(.CategoryTreeBullet .CategoryTreeToggle[data-ct-state=collapsed]) { border-bottom: none; } .frontpage-container-content .CategoryTreeSection .CategoryTreeChildren { border-bottom: none; } .frontpage-container-content .CategoryTreeSection .CategoryTreeChildren .CategoryTreeNotice { padding-bottom: 0.5em; } .frontpage-container-content .CategoryTreeSection:has(.CategoryTreeChildren .CategoryTreeNotice) .CategoryTreeChildren { padding: 1em; padding-top: 0em; } .frontpage-container-content .CategoryTreeSection:has(.CategoryTreeChildren .CategoryTreeNotice) .CategoryTreeChildren .CategoryTreeItem { border-bottom: none; } .frontpage-container-content .CategoryTreeChildren .CategoryTreeSection { border-bottom: none; padding-right: 0; } .frontpage-container-heading { background: var(--color-surface-2); 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 { font-weight: 500 !important; margin: 0; font-size: 1em; padding: 0.5em; } .container-row-links-grid a { flex-basis: 0; flex-grow: 1; display: flex; margin: 0; padding: 0.5em; } .container-row-links-grid a .frontpage-container-column { text-align: center; width: 100%; margin: 0; } .container-row-links-grid a .frontpage-container-column p { padding: var(--space-sm) 0; } .container-row-links-grid .frontpage-container-column p { padding: 0; margin: 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-icon { display: inline-block; width: 1em; height: 1em; vertical-align: top; } /* Image buttons */ .frontpage-image-button { flex: 1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.05); overflow: hidden; padding: 0; font-family: "Sans-serif"; position: relative; margin: 0.5em; background-color: hsl(210, 17%, 98%); color: black; } .frontpage-image-button p { margin: 0; } @media screen and (max-width: 700px) { .frontpage-image-button { width: 45%; flex: none; } } @media screen and (max-width: 1024px) and (min-width: 700px) { .frontpage-image-button { width: 30%; flex: none; } } .frontpage-image-button.has-image { background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 200%); } .frontpage-image-button.has-image a { color: white; display: flex; align-items: center; aspect-ratio: 10/3; } .frontpage-image-button a { display: inline-block; text-decoration: none; color: black; padding: 0.75em; width: 100%; font-family: "roboto"; font-weight: 500; position: relative; z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 65%); } .double-height a { padding: 2em 1em; } .frontpage-container-row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.25em; } .frontpage-image-button.has-image img { pointer-events: none; position: absolute; z-index: 0; left: 0; top: 0; transition: background-color 0.6s ease, transform 0.6s; display: inline-block; height: 100%; width: auto; } .frontpage-image-button p:hover img { transform: scale(1.2); } .frontpage-image-button-container { display: flex; } /* Main page */ .page-Main_Page header.mw-body-header { display: none; } .frontpage-title { padding: 1em 2.5em; color: color-base--subtle; font-weight: 300; font-size: 1.75em; } @media screen and (max-width: 1024px) { .frontpage-title { padding: 0.5em; font-size: 2em; } } .frontpage-title .prefix, .frontpage-title .suffix { font-weight: 100; font-size: 60%; } .frontpage-title .prefix { margin-bottom: 0; } .frontpage-title h1 { margin-bottom: 0; margin-top: 0; font-weight: 800; color: var(--color-base--emphasized); font-size: 120% !important; } .frontpage-title .suffix { margin-top: 0; } .frontpage-title p { font-size: 65%; font-weight: 200; } button.gsc-search-button { border-radius: var(--border-radius--small) !important; background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; } button.gsc-search-button svg { fill: #fff; } button.gsc-search-button:hover { background-color: var(--color-primary--hover) !important; border-color: var(--color-primary--hover) !important; } #gs_tti50 { background-color: var(--color-surface-2); } #gs_id50 { background-color: var(--color-surface-2); } #gsc-iw-id1 { border: 1px solid var(--border-color-base); border-radius: var(--border-radius--small); background: var(--border-color-base) !important; } #gsc-i-id1 { background-color: var(--color-surface-2) !important; color: var(--color-base) !important; } .gsc-completion-container { background-color: var(--color-surface-2) !important; border-color: var(--border-color-base) !important; border-radius: var(--border-radius--small) !important; color: var(--color-base) !important; } .gsc-completion-selected { background-color: var(--color-surface-1) !important; } .gsc-modal-background-image { background-color: var(--background-color-base) !important; } .gsc-results-wrapper-overlay { background-color: var(--color-surface-2) !important; border-radius: var(--border-radius--medium); } .gs-snippet { color: var(--color-base) !important; } .gsc-result { border: none !important; } .gsc-above-wrapper-area { border-bottom: none !important; } .gs-image { border: none !important; } .gsc-result-info { color: var(--color-base) !important; } .gsc-orderby-label { color: var(--color-base) !important; } .gsc-selected-option-container { background-color: var(--color-surface-1) !important; } .gsc-option-menu { background-color: var(--color-surface-1) !important; } .gsc-option { color: var(--color-base) !important; } .gsc-option-menu-item-highlighted { background-color: var(--color-surface-2) !important; } .gsc-selected-option { color: var(--color-base) !important; } .gs-title { color: var(--color-syntax-blue) !important; font-weight: bolder; } .gs-visibleUrl-breadcrumb * { color: var(--color-syntax-green); } .gcsc-find-more-on-google { color: var(--color-syntax-blue) !important; } .gcsc-find-more-on-google svg { fill: var(--color-syntax-blue) !important; } div.frontpage-title p:nth-child(3) { font-size: var(--font-size-small); }