forked from
lass.pds.lassul.us/superconfig
This repository has no description
1/* Same palette and VGA font as https://lassul.us */
2@font-face {
3 font-family: "Web437 IBM VGA 8x16";
4 src: url("/font.woff") format("woff");
5}
6:root {
7 color-scheme: dark light;
8 --bg: #000;
9 --fg: #ccc;
10 --hi: #7c7;
11 --warn: #c96;
12 --dim: #888;
13}
14@media (prefers-color-scheme: light) {
15 :root {
16 --bg: #f2efe6;
17 --fg: #333;
18 --hi: #171;
19 --warn: #941;
20 --dim: #777;
21 }
22}
23html {
24 background: var(--bg);
25}
26body {
27 margin: 0;
28 color: var(--fg);
29 font:
30 16px/1.25 "Web437 IBM VGA 8x16",
31 monospace;
32}
33main {
34 max-width: 40em;
35 margin: 0 auto;
36 padding: 1em 1em 3em;
37}
38header {
39 margin-bottom: 2em;
40}
41h1 {
42 font-size: inherit;
43 font-weight: normal;
44 color: var(--hi);
45 margin: 0 0 1em;
46}
47a {
48 color: var(--hi);
49 text-decoration: underline dotted;
50}
51a:hover,
52a:focus {
53 background: var(--hi);
54 color: var(--bg);
55 text-decoration: none;
56}
57header a {
58 color: inherit;
59}
60.dim {
61 color: var(--dim);
62}
63.error {
64 color: var(--warn);
65}
66.ok {
67 color: var(--hi);
68}
69ul.types {
70 list-style: none;
71 padding: 0;
72}
73ul.types li {
74 margin-bottom: 1em;
75}
76ul.types li::before {
77 content: "> ";
78 color: var(--dim);
79}
80nav.weeks {
81 display: flex;
82 justify-content: space-between;
83 margin: 1.5em 0 0.5em;
84}
85.day {
86 display: flex;
87 gap: 2ch;
88 padding: 0.25em 0;
89 border-top: 1px dotted var(--dim);
90}
91.day .date {
92 flex: none;
93 width: 10ch;
94}
95.day .times {
96 display: flex;
97 flex-wrap: wrap;
98 gap: 0.25em 2ch;
99}
100details.tz {
101 margin-top: 1.5em;
102 color: var(--dim);
103}
104details.tz summary {
105 cursor: pointer;
106}
107details.tz form {
108 display: flex;
109 gap: 1ch;
110 margin-top: 0.5em;
111}
112label {
113 display: block;
114 margin: 1em 0 0.25em;
115 color: var(--dim);
116}
117input,
118textarea,
119button {
120 font: inherit;
121 color: inherit;
122 background: transparent;
123 border: 1px solid var(--dim);
124 border-radius: 0;
125 padding: 0.25em 0.5ch;
126}
127input,
128textarea {
129 width: 100%;
130 box-sizing: border-box;
131}
132details.tz input {
133 width: auto;
134 flex: 1;
135}
136input:focus,
137textarea:focus {
138 outline: none;
139 border-color: var(--hi);
140}
141button {
142 color: var(--hi);
143 border-color: var(--hi);
144 cursor: pointer;
145}
146button:hover,
147button:focus {
148 background: var(--hi);
149 color: var(--bg);
150}
151.actions {
152 display: flex;
153 gap: 2ch;
154}
155pre.note {
156 font: inherit;
157 white-space: pre-wrap;
158 border-left: 1px solid var(--dim);
159 padding-left: 1ch;
160}
161.hp {
162 position: absolute;
163 left: -10000px;
164}