]> git.r.bdr.sh - rbdr/r.bdr.sh/blame - css/style.css
Add blog page
[rbdr/r.bdr.sh] / css / style.css
CommitLineData
554c7e00 1body {
cb935595 2 font-family: "Hoefler Text", "Times New Roman", serif;
1203ab0c 3 font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
ea3c62fe
RBR
4 line-height: 1.6;
5 letter-spacing: 0.02em;
554c7e00
RBR
6}
7
f752d89a
RBR
8@media only screen and (min-width: 500px) {
9 body {
10 overflow-x: auto;
11 }
ea3c62fe 12
f752d89a 13 .columned {
43df122c 14 height: calc(100vh - 200px);
f752d89a
RBR
15 width: max-content;
16 }
ea3c62fe 17
d2329634 18 .columned .h2:not(:only-child) {
f752d89a
RBR
19 float: left;
20 margin: 0 40px;
43df122c 21 height: calc(100vh - 200px);
f752d89a 22 }
ea3c62fe 23
d2329634 24 .columned .h2:not(:only-child) h2 {
f752d89a
RBR
25 width: 14.6em;
26 }
ea3c62fe 27
d2329634 28 .columned .h2:not(:only-child) .h3, .columned .h2:not(:only-child) p {
f752d89a 29 width: 22em;
f752d89a
RBR
30 }
31
d2329634 32 .columned .h2:not(:only-child) pre { width: 25em }
f752d89a
RBR
33}
34
1d6b1b68
RBR
35.columned .h2:first-of-type pre {
36 line-height: 1;
37}
38
f752d89a
RBR
39blockquote, p { max-width: 45em }
40pre { max-width: 55em }
41blockquote {
42 border-left: 4px solid #ccc;
43 padding-left: 10px;
44}
45
46h1, h2, h3 { font-weight: normal }
47br { display: none }
554c7e00 48pre {
c26e6664 49 font-family: courier, monospace;
ea3c62fe 50 font-size: 14px;
20ee07e0 51 background-color: #eee;
f752d89a 52 overflow-x: auto;
554c7e00
RBR
53}
54
3b6787e4 55canvas {
21b1c71d
RBR
56 width: 64px;
57 height: 64px;
58 display: inline-block;
36626ad1 59 background-color: #000;
ad06827e 60 border: 1px solid #000;
967d51a0
BB
61}
62
21b1c71d 63@media (prefers-color-scheme: dark) {
b44cad65 64 body {
554c7e00
RBR
65 color: #fff;
66 background: #000;
b44cad65
RBR
67 }
68
36626ad1
RBR
69 canvas {
70 background-color: #fff;
ad06827e 71 border: 1px solid #fff;
36626ad1
RBR
72 }
73
21b1c71d
RBR
74 a {
75 color: #5dc1fd;
96759a28
RBR
76 display: inline-block;
77 min-height: 48px;
b44cad65
RBR
78 }
79
21b1c71d
RBR
80 a:visited {
81 color: #ed6eff;
b44cad65 82 }
20ee07e0
RBR
83
84 pre {
85 background-color: #222;
86 }
bb31ec9c 87}