1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98
| html { height: 100%; }
body { height: 100%; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; overflow: hidden; margin: 0; display: flex; flex-direction: column; box-sizing: border-box; background-color: var(--color-background); color: var(--color-foreground); }
a { color: var(--color-link-foreground); text-decoration: var(--link-text-decoration); text-decoration-skip-ink: all; }
a:hover { text-decoration: underline; }
a:visited { color: var(--color-link-visited-foreground); }
em { color: var(--color-foreground-muted); }
h1 { margin-top: 0; }
h2, h3, h4 { margin: 0; }
ul { margin: 0; padding-left: calc(var(--padding)*2); }
hr { border: none; border-top: var(--border); }
input, button, textarea, select { border: var(--border); color: var(--color-foreground); background-color: var(--color-background); }
button { padding: 3px var(--padding-small); border-color: var(--color-menu-background); }
.button-link { border: none; outline: none; background: none; cursor: pointer; color: var(--color-link-foreground); text-decoration: var(--link-text-decoration); padding: 0; font-family: inherit; font-size: inherit; }
#content { margin-left: var(--menu-width); overflow: auto; transition: margin-left 250ms ease-in-out; min-height: calc(100% - var(--nav-height)); }
@media (prefers-reduced-motion) { #content { transition: none; } }
#content.nomenu { margin-left: 0; }
@media (max-width: 800px) { #content { margin-left: 0; } }
|