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