MediaWiki:Common.css: Difference between revisions
site-wide: Main Page — button link colour |
site-wide: article headings, tables, core-facts card, breadcrumb, thumbs, TOC polish |
||
| Line 28: | Line 28: | ||
} | } | ||
/* ===== Headings — deep green | /* ===== Headings — sans, deep green, light rule ===== */ | ||
.mw-body-content h2 { | .mw-body-content h2 { | ||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; | |||
font-size: 1.5em; | font-size: 1.5em; | ||
font-weight: | font-weight: 700; | ||
border-bottom: | letter-spacing: -0.01em; | ||
padding-bottom: 0. | border-bottom: 1px solid #d4e0d8; | ||
margin-top: | padding-bottom: 0.25em; | ||
margin-bottom: 0. | margin-top: 1.4em; | ||
margin-bottom: 0.4em; | |||
color: #1b3a2d; | color: #1b3a2d; | ||
} | } | ||
.mw-body-content h3 { | .mw-body-content h3 { | ||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; | |||
font-size: 1.2em; | font-size: 1.2em; | ||
font-weight: | font-weight: 650; | ||
border-bottom: | border-bottom: none; | ||
padding-bottom: 0 | padding-bottom: 0; | ||
margin-top: | margin-top: 1.1em; | ||
margin-bottom: 0. | margin-bottom: 0.25em; | ||
color: #1b3a2d; | color: #1b3a2d; | ||
} | } | ||
| Line 131: | Line 134: | ||
} | } | ||
/* ===== Tables ===== */ | /* ===== Tables — horizontal rules only, rounded frame ===== */ | ||
.wikitable { | .wikitable { | ||
border-collapse: | border-collapse: separate; | ||
border-spacing: 0; | |||
border: 1px solid #d4e0d8; | border: 1px solid #d4e0d8; | ||
border-radius: 8px; | |||
overflow: hidden; | |||
background: #fff; | background: #fff; | ||
font-size: 0.92em; | font-size: 0.92em; | ||
margin: 0.6em 0 1em; | |||
} | } | ||
.wikitable th { | .wikitable th { | ||
background: #eef3ef; | background: #eef3ef; | ||
font-weight: 600; | font-weight: 600; | ||
padding: 0. | font-size: 0.82em; | ||
border: 1px solid #d4e0d8; | letter-spacing: 0.04em; | ||
text-transform: uppercase; | |||
padding: 0.55em 0.9em; | |||
border: none; | |||
border-bottom: 1px solid #d4e0d8; | |||
text-align: left; | text-align: left; | ||
color: # | color: #2f5541; | ||
vertical-align: bottom; | |||
} | } | ||
.wikitable td { | .wikitable td { | ||
padding: 0.5em 0. | padding: 0.5em 0.9em; | ||
border: 1px solid # | border: none; | ||
border-bottom: 1px solid #eef3ef; | |||
vertical-align: top; | |||
} | |||
.wikitable tr:last-child td { | |||
border-bottom: none; | |||
} | } | ||
.wikitable tr:nth-child(even) { | .wikitable tr:nth-child(even) td { | ||
background: #fafcfa; | background: #fafcfa; | ||
} | |||
/* Core-facts table on reference pages: key/value card. The class is set | |||
by import_reference.py and by the 2026-09-05 backfill pass. */ | |||
.wikitable.rp-facts { | |||
width: 100%; | |||
max-width: 640px; | |||
font-size: 0.95em; | |||
} | |||
.wikitable.rp-facts th { | |||
display: none; | |||
} | |||
.wikitable.rp-facts td:first-child { | |||
width: 32%; | |||
font-size: 0.8em; | |||
letter-spacing: 0.05em; | |||
text-transform: uppercase; | |||
color: #5a7a63; | |||
font-weight: 600; | |||
background: #f7faf8 !important; | |||
padding-top: 0.7em; | |||
} | |||
.wikitable.rp-facts td:last-child { | |||
font-weight: 500; | |||
color: #1a1a1a; | |||
background: #fff !important; | |||
} | } | ||
| Line 159: | Line 202: | ||
background: none !important; | background: none !important; | ||
} | } | ||
.thumbinner { | .thumbinner, | ||
figure[typeof~="mw:File/Thumb"], | |||
figure[typeof~="mw:File/Frame"] { | |||
border: 1px solid #d4e0d8 !important; | border: 1px solid #d4e0d8 !important; | ||
border-radius: 8px; | |||
background: #fafcfa !important; | |||
padding: 6px !important; | |||
overflow: hidden; | |||
} | |||
figure[typeof~="mw:File/Thumb"] > a > img, | |||
figure[typeof~="mw:File/Frame"] > a > img { | |||
border-radius: 4px; | border-radius: 4px; | ||
background: # | background: #fff; | ||
} | } | ||
.thumbcaption { | .thumbcaption, | ||
font-size: 0. | figure[typeof~="mw:File/Thumb"] > figcaption, | ||
color: # | figure[typeof~="mw:File/Frame"] > figcaption { | ||
padding: 4px | font-size: 0.82em; | ||
color: #5a6b60; | |||
padding: 6px 4px 2px; | |||
line-height: 1.4; | |||
} | } | ||
/* ===== Breadcrumb ===== */ | /* ===== Breadcrumb ===== */ | ||
.mw-parser-output > small:first-of-type { | .mw-parser-output > small:first-of-type, | ||
.mw-parser-output > p > small:first-child:last-child { | |||
display: block; | display: block; | ||
margin | margin: 0 0 0.9em; | ||
font-size: 0. | font-size: 0.82em; | ||
letter-spacing: 0.03em; | |||
text-transform: uppercase; | |||
color: #5a7a63; | color: #5a7a63; | ||
} | } | ||
.mw-parser-output > small:first-of-type a { | .mw-parser-output > small:first-of-type a, | ||
.mw-parser-output > p > small:first-child:last-child a { | |||
color: #1b5e3b; | color: #1b5e3b; | ||
font-weight: 600; | |||
} | |||
.mw-parser-output > small:first-of-type b, | |||
.mw-parser-output > p > small:first-child:last-child b { | |||
color: #1b3a2d; | |||
} | } | ||
| Line 185: | Line 248: | ||
.vector-toc { | .vector-toc { | ||
font-size: 0.88em; | font-size: 0.88em; | ||
border-left: 1px solid #e3ebe5; | |||
padding-left: 0.8em !important; | |||
} | |||
.vector-toc .vector-toc-contents, | |||
.vector-toc .vector-pinnable-header-label { | |||
color: #5a7a63 !important; | |||
font-size: 0.8em; | |||
letter-spacing: 0.08em; | |||
text-transform: uppercase; | |||
} | } | ||
.vector-toc a, | .vector-toc a, | ||
| Line 494: | Line 566: | ||
.rp-card-img.rp-cover img { | .rp-card-img.rp-cover img { | ||
object-fit: cover; | object-fit: cover; | ||
} | |||
.rp-card-img.rp-cover-top img { | |||
object-position: center top; | |||
} | } | ||
.rp-card-body { | .rp-card-body { | ||