https://forlorn.wiki/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-09-24T02:38:14Z Revision history for this page on the wiki MediaWiki 1.46.0 https://forlorn.wiki/index.php?title=MediaWiki:Common.css&diff=10&oldid=prev 2026-09-24T00:10:54Z

<p>Forlorn theme: fonts, colors, and shared styles</p> <p><b>New page</b></p><div>/* CSS placed here will be applied to all skins. */<br /> <br /> /*<br /> * Forlorn Wiki theme<br /> *<br /> * Everything visual is driven by the `--fw-*` variables below. Change a color<br /> * or a font here and the whole wiki follows. Skin-specific wiring lives in<br /> * MediaWiki:Citizen.css.<br /> */<br /> <br /> /* Fonts: EB Garamond for headings, Lora for body text */<br /> @import url(&#039;https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;family=Lora:ital,wght@0,400..700;1,400..700&amp;display=swap&#039;);<br /> <br /> /* Metric-compatible local fallbacks, to avoid layout shift while fonts load */<br /> @font-face {<br /> font-family: &#039;EB Garamond-fallback&#039;;<br /> size-adjust: 94.3%;<br /> ascent-override: 101%;<br /> descent-override: 36.4%;<br /> src: local(&#039;Times New Roman&#039;);<br /> }<br /> <br /> @font-face {<br /> font-family: &#039;Lora-fallback&#039;;<br /> size-adjust: 105.2%;<br /> ascent-override: 92%;<br /> descent-override: 32.6%;<br /> src: local(&#039;Georgia&#039;);<br /> }<br /> <br /> :root {<br /> /* Borders */<br /> --fw-border-color-base: rgba(0, 0, 0, 0.08);<br /> --fw-border-color-subtle: rgba(0, 0, 0, 0.05);<br /> --fw-border-color-interactive: rgba(0, 0, 0, 0.11);<br /> <br /> /* Text colors */<br /> --fw-color-emphasized: #1a1f15;<br /> --fw-color-base: #2a3025;<br /> --fw-color-subtle: #4e5a42;<br /> --fw-color-inverted-progressive: #fff;<br /> <br /> /* Background colors, from page background (0) to the most raised surface (4) */<br /> --fw-color-surface-0: #f9f4ee;<br /> --fw-color-surface-1: #fffbf6;<br /> --fw-color-surface-2: #f6ede0;<br /> --fw-color-surface-3: #f0e3cf;<br /> --fw-color-surface-4: #e6d9c5;<br /> --fw-color-surface-5: #e3d2b8;<br /> <br /> /* Accent color: links, buttons, active states */<br /> --fw-color-progressive: #507b07;<br /> --fw-color-progressive--hover: #588418;<br /> --fw-color-progressive--active: #4a710a;<br /> <br /> /* Fonts */<br /> --fw-font-family-heading: &#039;EB Garamond&#039;, &#039;EB Garamond-fallback&#039;, serif;<br /> --fw-font-family-body: &#039;Lora&#039;, &#039;Lora-fallback&#039;, serif;<br /> --fw-font-size-x-small: 0.8125rem;<br /> <br /> /* Opacity of the decorative background patterns */<br /> --fw-opacity-pattern: 0.08;<br /> }<br /> <br /> html {<br /> /* Keep numerals on the baseline in serif fonts */<br /> font-variant-numeric: lining-nums;<br /> }<br /> <br /> /* Quotes */<br /> blockquote {<br /> padding-left: 1rem;<br /> border-left: 2px solid var(--fw-border-color-base);<br /> font-style: italic;<br /> text-wrap: balance;<br /> text-wrap: pretty;<br /> }<br /> <br /> blockquote cite {<br /> color: var(--fw-color-subtle);<br /> font-size: var(--fw-font-size-x-small);<br /> font-style: normal;<br /> }<br /> <br /> blockquote cite::before {<br /> content: &#039;―&#039;;<br /> margin-right: 0.5em;<br /> }<br /> <br /> blockquote &gt; p:first-child::before {<br /> content: open-quote;<br /> }<br /> <br /> blockquote:has(cite) &gt; p:nth-last-child(2)::after,<br /> blockquote:not(:has(cite)) &gt; p:last-child::after {<br /> content: close-quote;<br /> }<br /> <br /> /* References */<br /> ol.references {<br /> font-size: var(--fw-font-size-x-small);<br /> margin-top: 0;<br /> padding-top: 0;<br /> }<br /> <br /> .references-small {<br /> font-size: 0.75rem;<br /> }<br /> <br /> ol.references &gt; li:target,<br /> sup.reference:target {<br /> background-color: var(--fw-color-surface-3);<br /> }<br /> <br /> /* Print */<br /> @media print {<br /> :root {<br /> --fw-border-color-base: #aaa !important;<br /> --fw-border-color-subtle: #ddd !important;<br /> --fw-border-color-interactive: #000 !important;<br /> --fw-color-emphasized: #000 !important;<br /> --fw-color-base: #222 !important;<br /> --fw-color-subtle: #444 !important;<br /> --fw-color-surface-0: #fff !important;<br /> --fw-color-surface-1: #fff !important;<br /> --fw-color-surface-2: #fff !important;<br /> --fw-color-surface-3: #fff !important;<br /> --fw-color-surface-4: #fff !important;<br /> --fw-color-surface-5: #fff !important;<br /> --fw-color-progressive: #000 !important;<br /> }<br /> }</div>

OpenCode