]> git.r.bdr.sh - rbdr/r.bdr.sh/blame - css/style.css
Move the font back up
[rbdr/r.bdr.sh] / css / style.css
CommitLineData
a28829c3
RBR
1html {
2 scroll-behavior: smooth;
3}
4
554c7e00 5body {
c21740be 6 font-size: 1em;
b05364b7 7 font: -apple-system-body;
cb935595 8 font-family: "Hoefler Text", "Times New Roman", serif;
1203ab0c 9 font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
ea3c62fe
RBR
10 line-height: 1.6;
11 letter-spacing: 0.02em;
56ffe968 12 text-align: justify;
554c7e00
RBR
13}
14
b28d5c2c
RBR
15aside {
16 clear: both;
1b814f1c 17 padding-top: 2em;
b28d5c2c
RBR
18}
19
7629ba8e
RBR
20::selection {
21 color: #00f;
22 background-color: #e8e8e8;
23}
24
f752d89a
RBR
25@media only screen and (min-width: 500px) {
26 body {
27 overflow-x: auto;
28 }
ea3c62fe 29
f752d89a 30 .columned {
f752d89a
RBR
31 width: max-content;
32 }
ea3c62fe 33
d2329634 34 .columned .h2:not(:only-child) {
f752d89a
RBR
35 float: left;
36 margin: 0 40px;
f752d89a 37 }
ea3c62fe 38
d2329634 39 .columned .h2:not(:only-child) h2 {
f752d89a
RBR
40 width: 14.6em;
41 }
ea3c62fe 42
9ac4588d
RBR
43 .columned .h2:not(:only-child) .h3,
44 .columned .h2:not(:only-child) li,
45 .columned .h2:not(:only-child) p {
56ffe968 46 width: 24em;
f752d89a
RBR
47 }
48
d2329634 49 .columned .h2:not(:only-child) pre { width: 25em }
f752d89a
RBR
50}
51
1d6b1b68
RBR
52.columned .h2:first-of-type pre {
53 line-height: 1;
54}
55
c1bc1a5c
RBR
56blockquote, p, article > div {
57 margin: 0 0.3em;
58 max-width: 45em
59}
f752d89a
RBR
60pre { max-width: 55em }
61blockquote {
62 border-left: 4px solid #ccc;
63 padding-left: 10px;
64}
65
f752d89a 66br { display: none }
c1bc1a5c 67h1, h2, h3 { font-weight: normal }
1b814f1c
RBR
68h1 { font-size: 1em }
69h2 { font-size: 1.65em }
70h3 { font-size: 1.25em }
554c7e00 71pre {
c26e6664 72 font-family: courier, monospace;
2d479f54 73 font-size: 0.875em;
20ee07e0 74 background-color: #eee;
f752d89a 75 overflow-x: auto;
5f1bacc2 76 padding: 1em;
554c7e00
RBR
77}
78
3b6787e4 79canvas {
21b1c71d
RBR
80 width: 64px;
81 height: 64px;
1b814f1c 82 display: block;
36626ad1 83 background-color: #000;
ad06827e 84 border: 1px solid #000;
967d51a0
BB
85}
86
21b1c71d 87@media (prefers-color-scheme: dark) {
b44cad65 88 body {
554c7e00
RBR
89 color: #fff;
90 background: #000;
b44cad65
RBR
91 }
92
36626ad1
RBR
93 canvas {
94 background-color: #fff;
ad06827e 95 border: 1px solid #fff;
36626ad1
RBR
96 }
97
21b1c71d
RBR
98 a {
99 color: #5dc1fd;
96759a28
RBR
100 display: inline-block;
101 min-height: 48px;
b44cad65
RBR
102 }
103
21b1c71d
RBR
104 a:visited {
105 color: #ed6eff;
b44cad65 106 }
20ee07e0
RBR
107
108 pre {
109 background-color: #222;
110 }
bb31ec9c 111}