113 lines
1.4 KiB
CSS
113 lines
1.4 KiB
CSS
body {
|
||
margin: 1rem;
|
||
padding: 0;
|
||
background-color: var(--background-color);
|
||
color: var(--foreground-color);
|
||
font-family: system-ui, sans-serif;
|
||
font-size: 1rem;
|
||
line-height: 1.5em;
|
||
}
|
||
|
||
nav ul {
|
||
list-style-type: none;
|
||
display: inline;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
nav li {
|
||
display: inline;
|
||
}
|
||
|
||
nav ul li ul li::before {
|
||
content: ' > ';
|
||
}
|
||
|
||
h1 {
|
||
font-size: 1.5rem;
|
||
display: inline;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 1.4rem;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 1.1rem;
|
||
}
|
||
|
||
main > *:not(pre, form), form > *:not(textarea), footer {
|
||
max-width: 40rem;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
main > nav {
|
||
max-width: 30rem;
|
||
}
|
||
|
||
header, footer {
|
||
text-align: center;
|
||
margin-top: 0.8rem;
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.breakable {
|
||
word-break: break-all;
|
||
}
|
||
|
||
::selection {
|
||
background-color: var(--foreground-color);
|
||
color: var(--background-color);
|
||
}
|
||
|
||
abbr {
|
||
text-decoration: underline 0.2em dotted;
|
||
}
|
||
|
||
pre {
|
||
margin: 0;
|
||
}
|
||
|
||
code {
|
||
white-space: nowrap;
|
||
}
|
||
|
||
a {
|
||
color: var(--foreground-color);
|
||
text-decoration: underline var(--svc-color) 0.2em;
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration-thickness: 0.25em;
|
||
}
|
||
|
||
a:active {
|
||
text-decoration-thickness: 0.35em;
|
||
}
|
||
|
||
a[rel=help]:before {
|
||
content: 'ℹ️\202F';
|
||
font-size: 0.8rem;
|
||
}
|
||
|
||
a[rel=external]:after {
|
||
content: '\202F↗';
|
||
font-size: 0.8rem;
|
||
}
|
||
|
||
dt a {
|
||
font-size: 1.1rem;
|
||
}
|
||
|
||
table {
|
||
max-width: none;
|
||
border-spacing: 1ch 0;
|
||
}
|
||
|
||
table.zone td:first-child {
|
||
text-align: right;
|
||
}
|