style.css (1452B)
- :root {
- font-family: serif;
- text-rendering: optimizelegibility;
- font-kerning: normal;
- color-scheme: light dark;
- }
- /* <https://github.com/whatwg/html/issues/5426#issuecomment-607286557> */
- @supports (color-scheme: light dark) {
- @media (prefers-color-scheme: dark) {
- a { color: violet; }
- }
- }
- .p-family-name,
- .address
- { font-variant: small-caps }
- nav li { list-style: none }
- main {
- margin: 0 auto;
- display: table;
- }
- code { font-family: monospace }
- .p-nickname::before { content:"(" }
- .p-nickname { font-family: monospace }
- .p-nickname::after { content:")" }
- .h-event .p-summary { display: inline-table }
- h1,h2,h3,h4,h5,h6 {
- font-family: sans;
- font-kerning: auto;
- }
- h1,h2 {
- display: table;
- padding: 0.25ex 0.5em;
- }
- h1 { border-bottom: 2pt solid }
- h2 { border-bottom: 1pt solid }
- @supports (display: grid) {
- #background dl {
- display: grid;
- grid-template-columns: auto 1fr;
- grid-row-gap: 1ch;
- }
- #background dd {
- margin: 0;
- margin-inline-start: 1em;
- }
- }
- @media screen {
- main { max-width: 90em }
- }
- @media print {
- :root { font-size: 10pt; }
- nav, footer { display: none }
- a.showurl::before {
- content: attr(href);
- margin-right: 1ch;
- @support (margin-inline-end) {
- margin-inline-end: 1ch;
- margin-right: reset;
- }
- font-family: monospace;
- text-decoration: underline;
- color: blue;
- }
- a.showurl {
- color: inherit;
- text-decoration: none;
- }
- section { page-break-inside: avoid }
- }
- @page {
- margin: 1cm;
- }