]>
Commit | Line | Data |
---|---|---|
554c7e00 | 1 | body { |
ea3c62fe RBR |
2 | font-family: "Times New Roman", Times, serif; |
3 | line-height: 1.6; | |
4 | letter-spacing: 0.02em; | |
554c7e00 RBR |
5 | } |
6 | ||
f752d89a RBR |
7 | @media only screen and (min-width: 500px) { |
8 | body { | |
9 | overflow-x: auto; | |
10 | } | |
ea3c62fe | 11 | |
f752d89a RBR |
12 | .columned { |
13 | height: calc(100vh - 180px); | |
14 | width: max-content; | |
15 | } | |
ea3c62fe | 16 | |
f752d89a RBR |
17 | .columned .h2 { |
18 | float: left; | |
19 | margin: 0 40px; | |
20 | height: calc(100vh - 180px); | |
21 | } | |
ea3c62fe | 22 | |
f752d89a RBR |
23 | .columned h2 { |
24 | width: 14.6em; | |
25 | } | |
ea3c62fe | 26 | |
f752d89a RBR |
27 | .columned .h3, .columned p { |
28 | width: 22em; | |
29 | break-inside: prevent; | |
30 | } | |
31 | ||
32 | .columned pre { width: 25em } | |
33 | } | |
34 | ||
35 | blockquote, p { max-width: 45em } | |
36 | pre { max-width: 55em } | |
37 | blockquote { | |
38 | border-left: 4px solid #ccc; | |
39 | padding-left: 10px; | |
40 | } | |
41 | ||
42 | h1, h2, h3 { font-weight: normal } | |
43 | br { display: none } | |
554c7e00 RBR |
44 | pre { |
45 | font-family: Monaco, monospace; | |
ea3c62fe | 46 | font-size: 14px; |
20ee07e0 | 47 | background-color: #eee; |
f752d89a | 48 | overflow-x: auto; |
554c7e00 RBR |
49 | } |
50 | ||
3b6787e4 | 51 | canvas { |
21b1c71d RBR |
52 | width: 64px; |
53 | height: 64px; | |
54 | display: inline-block; | |
55 | background-color: gainsboro; | |
967d51a0 BB |
56 | } |
57 | ||
21b1c71d | 58 | @media (prefers-color-scheme: dark) { |
b44cad65 | 59 | body { |
554c7e00 RBR |
60 | color: #fff; |
61 | background: #000; | |
b44cad65 RBR |
62 | } |
63 | ||
21b1c71d RBR |
64 | a { |
65 | color: #5dc1fd; | |
b44cad65 RBR |
66 | } |
67 | ||
21b1c71d RBR |
68 | a:visited { |
69 | color: #ed6eff; | |
b44cad65 | 70 | } |
20ee07e0 RBR |
71 | |
72 | pre { | |
73 | background-color: #222; | |
74 | } | |
bb31ec9c | 75 | } |