]> git.r.bdr.sh - rbdr/r.bdr.sh/blame - jekyll/css/application.css
Empty commit for hook restored
[rbdr/r.bdr.sh] / jekyll / css / application.css
CommitLineData
a13e3f35
BB
1html {
2 font-size: 10px;
3}
4
c412c76b 5body {
35ed3bd3 6 margin: 0;
967d51a0
BB
7 background-color: white;
8 font-family: times, 'Times New Roman', serif;
89539330 9}
967d51a0 10
a13e3f35 11header a, header a:visited {
967d51a0
BB
12 color: black;
13}
14
c412c76b
BB
15h2,
16h3 {
beaf2913 17 display: inline-block;
35ed3bd3 18 margin-left: 10px;
b157bf19 19 font-weight: 300;
16b61d2c
BB
20}
21
967d51a0 22h1 {
a13e3f35
BB
23 margin: -0.3em 0 0 -0.1em;
24 font-size: 9.6em;
25 font-style: italic;
26 text-transform: uppercase;
967d51a0
BB
27}
28
29h2 {
a13e3f35 30 font-size: 4.8em;
16b61d2c
BB
31}
32
c412c76b 33a {
967d51a0 34 color: blue;
89539330
BB
35}
36
967d51a0
BB
37a:visited {
38 color: purple;
89539330
BB
39}
40
35ed3bd3 41ul, p {
a13e3f35
BB
42 font-size: 1.8em;
43 line-height: 1.28em;
44 margin-left: 1em;
45 max-width: 50em;
46 font-family: 'Helvetica Neue', Arial, sans-serif;
35ed3bd3
BB
47}
48
c412c76b
BB
49ul {
50 list-style: square;
89539330
BB
51}
52
967d51a0 53li {
beaf2913 54 display: inline-block;
967d51a0
BB
55 line-height: 1.82em;
56}
35ed3bd3 57
a13e3f35
BB
58aside {
59 display: inline;
60 color: grey;
61}
62
35ed3bd3
BB
63img,
64video {
65 max-width: 100vw;
66}
bb31ec9c 67
beaf2913
BB
68li, h2, h3, p {
69 background-color: white;
70}
71
bb31ec9c
BB
72/* Dark mode overrides */
73@media (prefers-color-scheme: dark) {
74 body {
09522cce 75 background-color: black;
bb31ec9c
BB
76 color: white;
77 }
78
79 h1 a, h1 a:visited {
80 color: white;
81 }
82
83 a {
84 color: #53FFFF;
85 }
86
87 a:visited {
88 color: #FF55FF;
89 }
a13e3f35
BB
90
91 a[href^="telnet"] {
92 color: #55FF55;
93 }
94
95 aside {
96 color: #FFEC27;
97 }
beaf2913
BB
98
99 li, h2, h3, p {
100 background-color: black;
101 }
102}
103
104/*
105 * Mini header
106 */
107@media (max-width: 600px) {
108 h1 {
109 font-size: 4.8em;
110 }
111}
112
113/*
114 * Breadsticks
115 */
116canvas.background {
117 width: 100%;
118 height: 100%;
119 position: fixed;
120 top: 0;
121 left: 0;
122 z-index: -1;
bb31ec9c 123}