]> git.r.bdr.sh - rbdr/r.bdr.sh/blame_incremental - jekyll/css/application.css
Add breadsticks and new selfie
[rbdr/r.bdr.sh] / jekyll / css / application.css
... / ...
CommitLineData
1html {
2 font-size: 10px;
3}
4
5body {
6 margin: 0;
7 background-color: white;
8 font-family: times, 'Times New Roman', serif;
9}
10
11header a, header a:visited {
12 color: black;
13}
14
15h2,
16h3 {
17 display: inline-block;
18 margin-left: 10px;
19 font-weight: 300;
20}
21
22h1 {
23 margin: -0.3em 0 0 -0.1em;
24 font-size: 9.6em;
25 font-style: italic;
26 text-transform: uppercase;
27}
28
29h2 {
30 font-size: 4.8em;
31}
32
33a {
34 color: blue;
35}
36
37a:visited {
38 color: purple;
39}
40
41ul, p {
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;
47}
48
49ul {
50 list-style: square;
51}
52
53li {
54 display: inline-block;
55 line-height: 1.82em;
56}
57
58aside {
59 display: inline;
60 color: grey;
61}
62
63img,
64video {
65 max-width: 100vw;
66}
67
68li, h2, h3, p {
69 background-color: white;
70}
71
72/* Dark mode overrides */
73@media (prefers-color-scheme: dark) {
74 body {
75 background-color: black;
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 }
90
91 a[href^="telnet"] {
92 color: #55FF55;
93 }
94
95 aside {
96 color: #FFEC27;
97 }
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;
123}