]> git.r.bdr.sh - rbdr/r.bdr.sh/blob - jekyll/css/application.css
Merge branch 'develop'
[rbdr/r.bdr.sh] / jekyll / css / application.css
1 html {
2 font-size: 10px;
3 }
4
5 body {
6 margin: 0;
7 background-color: white;
8 font-family: times, 'Times New Roman', serif;
9 }
10
11 header a, header a:visited {
12 color: black;
13 }
14
15 h1, h2 {
16 display: inline-block;
17 margin-left: 1rem;
18 font-weight: 300;
19 }
20
21 header {
22 margin: -0.3em 0 0 -0.1em;
23 font-size: 9.6em;
24 font-style: italic;
25 text-transform: uppercase;
26 }
27
28 h1, h2 {
29 font-size: 4.8em;
30 }
31
32 a {
33 color: blue;
34 }
35
36 a:visited {
37 color: purple;
38 }
39
40 ul, 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
48 li {
49 display: block;
50 }
51
52 li p {
53 display: inline-block;
54 line-height: 1.82em;
55 margin: 0;
56 }
57
58 span {
59 display: inline;
60 color: grey;
61 }
62
63 img,
64 video {
65 display: block;
66 max-width: 100vw;
67 }
68
69 header 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 */
117 canvas.background {
118 width: 100%;
119 height: 100%;
120 position: fixed;
121 top: 0;
122 left: 0;
123 z-index: -1;
124 }