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