]> git.r.bdr.sh - rbdr/r.bdr.sh/blame - css/style.css
Only change main h1
[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
547a6e5c
RBR
30 main {
31 padding: 0 0 0 66px
32 }
33
f752d89a 34 .columned {
f752d89a
RBR
35 width: max-content;
36 }
ea3c62fe 37
d2329634 38 .columned .h2:not(:only-child) {
f752d89a
RBR
39 float: left;
40 margin: 0 40px;
f752d89a 41 }
ea3c62fe 42
d2329634 43 .columned .h2:not(:only-child) h2 {
f752d89a
RBR
44 width: 14.6em;
45 }
ea3c62fe 46
9ac4588d
RBR
47 .columned .h2:not(:only-child) .h3,
48 .columned .h2:not(:only-child) li,
49 .columned .h2:not(:only-child) p {
56ffe968 50 width: 24em;
f752d89a
RBR
51 }
52
d2329634 53 .columned .h2:not(:only-child) pre { width: 25em }
7d88d76a
RBR
54
55 header {
56 float: left;
57 margin-top: 1.2em;
58 }
f752d89a
RBR
59}
60
1d6b1b68
RBR
61.columned .h2:first-of-type pre {
62 line-height: 1;
63}
64
c1bc1a5c
RBR
65blockquote, p, article > div {
66 margin: 0 0.3em;
67 max-width: 45em
68}
f752d89a
RBR
69pre { max-width: 55em }
70blockquote {
71 border-left: 4px solid #ccc;
72 padding-left: 10px;
73}
74
f752d89a 75br { display: none }
c1bc1a5c 76h1, h2, h3 { font-weight: normal }
7a85c70a
RBR
77h1, h2 { font-size: 1.65em }
78main h1 { font-size: 1em }
1b814f1c 79h3 { font-size: 1.25em }
554c7e00 80pre {
c26e6664 81 font-family: courier, monospace;
2d479f54 82 font-size: 0.875em;
20ee07e0 83 background-color: #eee;
f752d89a 84 overflow-x: auto;
5f1bacc2 85 padding: 1em;
554c7e00
RBR
86}
87
3b6787e4 88canvas {
21b1c71d
RBR
89 width: 64px;
90 height: 64px;
1b814f1c 91 display: block;
36626ad1 92 background-color: #000;
ad06827e 93 border: 1px solid #000;
967d51a0
BB
94}
95
21b1c71d 96@media (prefers-color-scheme: dark) {
b44cad65 97 body {
554c7e00
RBR
98 color: #fff;
99 background: #000;
b44cad65
RBR
100 }
101
36626ad1
RBR
102 canvas {
103 background-color: #fff;
ad06827e 104 border: 1px solid #fff;
36626ad1
RBR
105 }
106
a77b2615
RBR
107 h1 a {
108 display: block;
109 width: 64px;
110 }
111
21b1c71d
RBR
112 a {
113 color: #5dc1fd;
96759a28
RBR
114 display: inline-block;
115 min-height: 48px;
b44cad65
RBR
116 }
117
21b1c71d
RBR
118 a:visited {
119 color: #ed6eff;
b44cad65 120 }
20ee07e0
RBR
121
122 pre {
123 background-color: #222;
124 }
bb31ec9c 125}