servnest/css/main.css

111 lines
1.3 KiB
CSS
Raw Normal View History

2022-05-31 21:53:19 +00:00
body {
margin: 1rem;
2022-05-31 21:53:19 +00:00
padding: 0;
background-color: var(--background-color);
color: var(--foreground-color);
font-family: system-ui, sans-serif;
2022-06-06 21:14:50 +00:00
font-size: 1rem;
line-height: 1.5em;
2022-06-06 21:14:50 +00:00
}
nav ul {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}
nav li {
display: inline;
}
nav ul li ul li::before {
content: ' > ';
2022-05-31 21:53:19 +00:00
}
h1 {
2022-06-06 21:14:50 +00:00
font-size: 1.5rem;
display: inline;
}
h2 {
2023-01-21 01:52:28 +00:00
font-size: 1.4rem;
2022-05-31 21:53:19 +00:00
}
2023-01-21 01:52:28 +00:00
h3 {
font-size: 1.1rem;
}
main > *:not(pre, form), footer {
2022-06-06 21:14:50 +00:00
max-width: 40rem;
margin-left: auto;
margin-right: auto;
2022-06-16 13:08:50 +00:00
}
2022-08-11 14:39:31 +00:00
main > nav {
max-width: 30rem;
}
header, footer {
2022-05-31 21:53:19 +00:00
text-align: center;
margin-top: 0.8rem;
}
p {
margin-bottom: 1rem;
}
::selection {
background-color: var(--foreground-color);
color: var(--background-color);
}
2022-06-06 21:14:50 +00:00
abbr {
text-decoration: underline 0.2em dotted;
}
2022-08-11 14:39:31 +00:00
pre {
margin: 0;
}
2022-06-06 21:14:50 +00:00
a {
color: var(--foreground-color);
text-decoration: underline var(--svc-color) 0.2em;
2022-06-06 21:14:50 +00:00
}
a:hover {
text-decoration-thickness: 0.25em;
2022-06-06 21:14:50 +00:00
}
a:active {
text-decoration-thickness: 0.35em;
2022-06-06 21:14:50 +00:00
}
a[rel~=help]:before {
2022-09-07 16:47:17 +00:00
content: '\202F';
font-size: 0.8rem;
2022-07-20 18:03:45 +00:00
}
a[rel~=external]:after {
2022-10-07 19:25:15 +00:00
content: '\202F↗';
font-size: 0.8rem;
}
2022-06-06 21:14:50 +00:00
dt a {
font-size: 1.1rem;
}
2023-01-21 01:52:28 +00:00
table {
max-width: none;
border-spacing: 1ch 0;
}
table.zone td:first-child {
text-align: right;
}
s {
font-size: 0.7rem;
line-height: 1.2rem;
}