Home.md
... ...
@@ -1,16 +1,16 @@
1 1
# FaithOriginals.Media Production Wiki
2 2
3
-Shape the work. Preserve the thinking. Keep the team moving in the same direction.
3
+Welcome to the FaithOriginals.Media production-development wiki.
4 4
5
-This is the shared development workspace for approved FaithOriginals.Media production knowledge—from early story thinking through the practices that guide production.
5
+This public knowledge base gathers approved project information, creative direction, production practices, and durable team decisions in one searchable place.
6 6
7
-## Start here
7
+## Explore the wiki
8 8
9
-- [Development Home](/Development-Home) — Find active development areas and working documents.
10
-- [How to Contribute](/How-to-Contribute) — Create, improve, and organize pages with the team.
11
-- [Production Principles](/Production-Principles) — Stay aligned on story, faith, craft, and collaboration.
9
+- [Development Home](/Development-Home) — Active development areas and working documents.
10
+- [How to Contribute](/How-to-Contribute) — Guidance for creating, improving, and organizing pages.
11
+- [Production Principles](/Production-Principles) — Shared standards for story, faith, craft, and collaboration.
12 12
13
-## Current productions
13
+## Productions
14 14
15 15
- [Starvation Beach](/Starvation-Beach) — Public development index.
16 16
- [Common Hallway](/Common-Hallway) — Public development index.
_Footer.md
... ...
@@ -1 +1 @@
1
-FaithOriginals.Media · Production development · Public reading
1
+FaithOriginals.Media production-development wiki · Public reading
custom.css
... ...
@@ -1,22 +1,15 @@
1 1
:root {
2
- --fo-charcoal-950: #080b10;
3
- --fo-charcoal-900: #0a0e14;
4
- --fo-maroon-950: #18070d;
5
- --fo-oxblood-900: #3b0b18;
6
- --fo-crimson-600: #b51f35;
7
- --fo-crimson-500: #d12a43;
8
- --fo-navy-950: #071522;
9
- --fo-cobalt-800: #173a63;
10
- --fo-off-white: #f3f5f7;
11
- --fo-steel-300: #b7c0cc;
12
- --fo-steel-500: #8b96a6;
13
- --fo-focus: #8bbbe8;
14
- --fo-rule: rgba(183, 192, 204, 0.18);
15
- --fo-panel: rgba(10, 21, 32, 0.76);
16
- --fo-shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
17
- --fo-motion-fast: 160ms;
18
- --fo-motion-standard: 240ms;
19
- --fo-ease: cubic-bezier(0.2, 0.75, 0.25, 1);
2
+ --wiki-ink: #202122;
3
+ --wiki-muted: #54595d;
4
+ --wiki-border: #a2a9b1;
5
+ --wiki-border-light: #c8ccd1;
6
+ --wiki-canvas: #ffffff;
7
+ --wiki-surface: #f8f9fa;
8
+ --wiki-link: #3366cc;
9
+ --wiki-link-visited: #795cb2;
10
+ --wiki-link-hover: #2a4b8d;
11
+ --wiki-brand: #8f1d2c;
12
+ --wiki-focus: #36c;
20 13
}
21 14
22 15
*,
... ...
@@ -26,8 +19,8 @@
26 19
}
27 20
28 21
html {
29
- background: var(--fo-charcoal-950);
30
- color-scheme: dark;
22
+ background: var(--wiki-canvas);
23
+ color-scheme: light;
31 24
}
32 25
33 26
body {
... ...
@@ -35,35 +28,25 @@ body {
35 28
min-height: 100vh;
36 29
margin: 0;
37 30
overflow-x: hidden;
38
- background:
39
- radial-gradient(circle at 82% 4%, rgba(139, 187, 232, 0.11), transparent 25rem),
40
- linear-gradient(112deg, transparent 0 62%, rgba(181, 31, 53, 0.07) 62.1%, transparent 76%),
41
- linear-gradient(180deg, var(--fo-navy-950) 0, var(--fo-charcoal-950) 38rem);
42
- color: var(--fo-off-white);
43
- font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
31
+ background: var(--wiki-canvas);
32
+ color: var(--wiki-ink);
33
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
34
+ font-size: 1rem;
35
+ line-height: 1.6;
44 36
}
45 37
46
-body::before {
47
- position: fixed;
48
- z-index: -1;
49
- inset: 0;
50
- background-image: linear-gradient(rgba(183, 192, 204, 0.025) 1px, transparent 1px);
51
- background-size: 100% 4rem;
52
- content: "";
53
- pointer-events: none;
38
+a {
39
+ color: var(--wiki-link);
40
+ text-decoration: none;
54 41
}
55 42
56
-a {
57
- color: #a9cff2;
58
- text-decoration-color: rgba(169, 207, 242, 0.55);
59
- text-decoration-thickness: 0.08em;
60
- text-underline-offset: 0.2em;
61
- transition: color var(--fo-motion-fast) ease, text-decoration-color var(--fo-motion-fast) ease;
43
+a:visited {
44
+ color: var(--wiki-link-visited);
62 45
}
63 46
64 47
a:hover {
65
- color: var(--fo-off-white);
66
- text-decoration-color: var(--fo-crimson-500);
48
+ color: var(--wiki-link-hover);
49
+ text-decoration: underline;
67 50
}
68 51
69 52
a:focus-visible,
... ...
@@ -72,15 +55,15 @@ input:focus-visible,
72 55
textarea:focus-visible,
73 56
select:focus-visible,
74 57
summary:focus-visible {
75
- outline: 2px solid var(--fo-focus) !important;
76
- outline-offset: 3px;
58
+ outline: 2px solid var(--wiki-focus) !important;
59
+ outline-offset: 2px;
77 60
}
78 61
79 62
.container-lg {
80
- width: min(100%, 1280px);
81
- max-width: 1280px;
63
+ width: min(100%, 1440px);
64
+ max-width: 1440px;
82 65
margin-inline: auto;
83
- padding-inline: clamp(1.25rem, 4vw, 3rem);
66
+ padding-inline: clamp(1rem, 3vw, 2.5rem);
84 67
}
85 68
86 69
#wiki-wrapper {
... ...
@@ -92,73 +75,67 @@ summary:focus-visible {
92 75
position: sticky;
93 76
z-index: 20;
94 77
top: 0;
95
- margin-inline: calc(clamp(1.25rem, 4vw, 3rem) * -1);
96
- border-bottom: 1px solid var(--fo-rule);
97
- background: rgba(7, 21, 34, 0.9);
98
- box-shadow: 0 10px 36px rgba(0, 0, 0, 0.12);
99
- backdrop-filter: blur(18px);
78
+ margin-inline: calc(clamp(1rem, 3vw, 2.5rem) * -1);
79
+ border-top: 3px solid var(--wiki-brand);
80
+ border-bottom: 1px solid var(--wiki-border-light);
81
+ background: rgba(255, 255, 255, 0.97);
100 82
}
101 83
102 84
#head nav {
103
- width: min(100%, 1280px);
104
- min-height: 4.5rem;
85
+ width: min(100%, 1440px);
86
+ min-height: 3.75rem;
105 87
margin-inline: auto;
106
- padding: 0.75rem clamp(1.25rem, 4vw, 3rem) !important;
88
+ padding: 0.55rem clamp(1rem, 3vw, 2.5rem) !important;
107 89
border: 0 !important;
108 90
overflow: visible;
109 91
}
110 92
111 93
#head .TableObject-item--primary {
112
- padding-inline: 1rem !important;
94
+ padding-inline: 0.75rem !important;
113 95
}
114 96
115 97
.btn,
116 98
button,
117 99
input[type="submit"] {
118
- min-height: 44px;
119
- border: 1px solid rgba(183, 192, 204, 0.35);
120
- border-radius: 4px;
121
- background: rgba(243, 245, 247, 0.045);
100
+ min-height: 40px;
101
+ border: 1px solid var(--wiki-border);
102
+ border-radius: 2px;
103
+ background: var(--wiki-surface);
122 104
box-shadow: none;
123
- color: var(--fo-off-white);
124
- font: 650 0.8125rem/1 ui-sans-serif, system-ui, sans-serif;
125
- transition: border-color var(--fo-motion-fast) ease, background var(--fo-motion-fast) ease, transform var(--fo-motion-fast) ease;
105
+ color: var(--wiki-ink);
106
+ font: 600 0.8125rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
126 107
}
127 108
128 109
.btn:hover,
129 110
button:hover,
130 111
input[type="submit"]:hover {
131
- border-color: rgba(243, 245, 247, 0.7);
132
- background: rgba(243, 245, 247, 0.1);
133
- color: var(--fo-off-white);
134
-}
135
-
136
-.btn:active,
137
-button:active,
138
-input[type="submit"]:active {
139
- transform: translateY(1px);
112
+ border-color: #72777d;
113
+ background: #ffffff;
114
+ color: var(--wiki-ink);
140 115
}
141 116
142 117
.btn-primary,
143 118
input[type="submit"].primary,
144 119
.minibutton-new-page {
145
- border-color: var(--fo-crimson-600);
146
- background: var(--fo-crimson-600);
147
- color: var(--fo-off-white);
120
+ border-color: var(--wiki-link);
121
+ background: var(--wiki-link);
122
+ color: #ffffff;
148 123
}
149 124
150 125
.btn-primary:hover,
151 126
input[type="submit"].primary:hover,
152 127
.minibutton-new-page:hover {
153
- border-color: var(--fo-crimson-500);
154
- background: var(--fo-crimson-500);
128
+ border-color: var(--wiki-link-hover);
129
+ background: var(--wiki-link-hover);
130
+ color: #ffffff;
155 131
}
156 132
157 133
#minibutton-home {
158 134
position: relative;
159 135
width: 3rem;
160 136
overflow: hidden;
161
- border-color: rgba(181, 31, 53, 0.75);
137
+ border-color: var(--wiki-brand);
138
+ background: #ffffff;
162 139
color: transparent;
163 140
}
164 141
... ...
@@ -167,98 +144,67 @@ input[type="submit"].primary:hover,
167 144
inset: 0;
168 145
display: grid;
169 146
place-items: center;
170
- color: var(--fo-off-white);
147
+ color: var(--wiki-brand);
171 148
content: "FO";
172
- font: 750 0.78rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
173
- letter-spacing: 0.08em;
149
+ font: 750 0.75rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
150
+ letter-spacing: 0.07em;
174 151
}
175 152
176 153
input,
177 154
textarea,
178 155
select,
179 156
.form-control {
180
- border: 1px solid rgba(183, 192, 204, 0.34);
181
- border-radius: 4px;
182
- background: rgba(8, 11, 16, 0.72);
157
+ border: 1px solid var(--wiki-border);
158
+ border-radius: 2px;
159
+ background: #ffffff;
183 160
box-shadow: none;
184
- color: var(--fo-off-white);
161
+ color: var(--wiki-ink);
185 162
}
186 163
187 164
input::placeholder,
188 165
textarea::placeholder {
189
- color: var(--fo-steel-500);
166
+ color: var(--wiki-muted);
190 167
}
191 168
192 169
#search-query {
193
- height: 44px;
194
- padding-inline: 0.9rem;
170
+ height: 40px;
171
+ padding-inline: 0.75rem;
195 172
}
196 173
197 174
#wiki-content {
198
- position: relative;
199 175
padding-inline: 0 !important;
200 176
}
201 177
202
-#wiki-content::before,
203
-#wiki-content::after {
204
- position: absolute;
205
- top: 3.5rem;
206
- width: 3.25rem;
207
- height: 3.25rem;
208
- content: "";
209
- pointer-events: none;
210
-}
211
-
212
-#wiki-content::before {
213
- left: 0;
214
- border-top: 1px solid rgba(181, 31, 53, 0.8);
215
- border-left: 1px solid rgba(181, 31, 53, 0.8);
216
-}
217
-
218
-#wiki-content::after {
219
- right: 0;
220
- border-top: 1px solid rgba(139, 187, 232, 0.45);
221
- border-right: 1px solid rgba(139, 187, 232, 0.45);
222
-}
223
-
224 178
.header-title {
225
- max-width: 12ch;
179
+ max-width: none;
226 180
margin: 0;
227
- padding: clamp(5.5rem, 10vw, 8.75rem) 0 clamp(4.5rem, 8vw, 7rem) !important;
228
- color: var(--fo-off-white);
229
- font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
230
- font-size: clamp(3.2rem, 7.7vw, 7.2rem);
231
- font-stretch: condensed;
232
- font-weight: 760;
233
- letter-spacing: -0.055em;
234
- line-height: 0.91;
181
+ padding: 2.25rem 0 0.45rem !important;
182
+ border-bottom: 1px solid var(--wiki-border);
183
+ color: var(--wiki-ink);
184
+ font-family: "Linux Libertine", "Georgia", "Times New Roman", serif;
185
+ font-size: clamp(2rem, 1.7rem + 1vw, 2.75rem);
186
+ font-weight: 400;
187
+ letter-spacing: -0.015em;
188
+ line-height: 1.15;
235 189
overflow-wrap: anywhere;
236 190
text-align: left !important;
237
- text-wrap: balance;
238
-}
239
-
240
-.header-title::before {
241
- display: block;
242
- margin-bottom: 1.3rem;
243
- color: var(--fo-steel-300);
244
- content: "PRODUCTION DEVELOPMENT / PUBLIC WORKSPACE";
245
- font: 650 clamp(0.7rem, 0.67rem + 0.15vw, 0.8rem)/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
246
- letter-spacing: 0.15em;
247 191
}
248 192
249 193
.breadcrumb {
250
- margin: 0 0 1.5rem;
251
- color: var(--fo-steel-300);
252
- font: 0.75rem/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
253
- letter-spacing: 0.06em;
194
+ min-height: 1.75rem;
195
+ margin: 0;
196
+ padding-top: 0.35rem;
197
+ color: var(--wiki-muted);
198
+ font-size: 0.75rem;
254 199
}
255 200
256 201
#wiki-body > .main-content {
257 202
display: grid;
258
- grid-template-columns: minmax(0, 1fr) minmax(14rem, 17rem);
259
- gap: clamp(2.5rem, 6vw, 5.5rem);
203
+ grid-template-areas: "sidebar article";
204
+ grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr);
205
+ gap: clamp(2rem, 4vw, 4rem);
260 206
width: 100%;
261
- padding: 0 !important;
207
+ padding: 1.5rem 0 0 !important;
262 208
}
263 209
264 210
#wiki-body > .main-content::before,
... ...
@@ -267,6 +213,14 @@ textarea::placeholder {
267 213
content: none;
268 214
}
269 215
216
+#wiki-body > .main-content > .markdown-body {
217
+ grid-area: article;
218
+}
219
+
220
+#wiki-sidebar {
221
+ grid-area: sidebar;
222
+}
223
+
270 224
#wiki-body .markdown-body,
271 225
#wiki-sidebar {
272 226
float: none !important;
... ...
@@ -277,155 +231,131 @@ textarea::placeholder {
277 231
278 232
.markdown-body {
279 233
background: transparent;
280
- color: var(--fo-off-white);
234
+ color: var(--wiki-ink);
281 235
font-family: inherit;
282
- font-size: clamp(1rem, 0.95rem + 0.22vw, 1.125rem);
283
- line-height: 1.66;
236
+ font-size: 1rem;
237
+ line-height: 1.65;
284 238
overflow-wrap: anywhere;
285 239
}
286 240
241
+#wiki-body > .main-content > .markdown-body {
242
+ max-width: 78rem;
243
+}
244
+
287 245
.markdown-body > p:first-child {
288
- max-width: 40ch;
246
+ max-width: 72ch;
289 247
margin-top: 0;
290
- color: var(--fo-off-white);
291
- font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
292
- font-weight: 560;
293
- letter-spacing: -0.02em;
294
- line-height: 1.36;
248
+ font-size: 1.12rem;
249
+ line-height: 1.6;
295 250
}
296 251
297 252
.markdown-body h1,
298 253
.markdown-body h2,
299 254
.markdown-body h3,
300 255
.markdown-body h4 {
301
- color: var(--fo-off-white);
302
- font-family: inherit;
256
+ color: var(--wiki-ink);
257
+ font-weight: 500;
258
+}
259
+
260
+.markdown-body h1,
261
+.markdown-body h2 {
262
+ font-family: "Linux Libertine", "Georgia", "Times New Roman", serif;
303 263
}
304 264
305 265
.markdown-body h1 {
306
- border-bottom: 1px solid rgba(181, 31, 53, 0.72);
307
- font-size: clamp(2.35rem, 1.7rem + 3vw, 4.75rem);
308
- line-height: 1;
266
+ border-bottom: 1px solid var(--wiki-border);
267
+ font-size: 2.25rem;
268
+ line-height: 1.2;
309 269
}
310 270
311 271
.markdown-body h2 {
312
- margin-top: clamp(3.5rem, 7vw, 5.5rem);
313
- padding: 0 0 0.8rem;
314
- border-bottom: 1px solid var(--fo-rule);
315
- font-size: clamp(1.55rem, 1.3rem + 1vw, 2.25rem);
316
- letter-spacing: -0.025em;
317
- line-height: 1.1;
272
+ margin-top: 2.25rem;
273
+ padding: 0 0 0.25rem;
274
+ border-bottom: 1px solid var(--wiki-border-light);
275
+ font-size: 1.55rem;
276
+ letter-spacing: 0;
277
+ line-height: 1.25;
318 278
}
319 279
320 280
.markdown-body h3 {
321
- font-size: 1rem;
322
- letter-spacing: 0.01em;
281
+ margin-top: 1.75rem;
282
+ font-size: 1.1rem;
323 283
}
324 284
325 285
.markdown-body p,
326 286
.markdown-body li {
327
- max-width: 68ch;
287
+ max-width: 76ch;
328 288
}
329 289
330
-.markdown-body strong {
331
- color: var(--fo-off-white);
290
+.markdown-body ul,
291
+.markdown-body ol {
292
+ padding-left: 1.8rem;
332 293
}
333 294
334
-.markdown-body hr {
335
- height: 1px;
336
- border: 0;
337
- background: var(--fo-rule);
295
+.markdown-body li + li {
296
+ margin-top: 0.25rem;
297
+}
298
+
299
+.markdown-body strong {
300
+ color: var(--wiki-ink);
338 301
}
339 302
340 303
.markdown-body code,
341 304
.markdown-body pre {
342
- border: 1px solid var(--fo-rule);
343
- border-radius: 4px;
344
- background: #0b1b2b;
345
- color: var(--fo-off-white);
305
+ border: 1px solid var(--wiki-border-light);
306
+ border-radius: 2px;
307
+ background: var(--wiki-surface);
308
+ color: var(--wiki-ink);
346 309
}
347 310
348 311
.markdown-body blockquote {
349 312
margin-inline: 0;
350
- border-left: 2px solid var(--fo-crimson-600);
351
- color: var(--fo-steel-300);
352
-}
353
-
354
-.markdown-body h2:has(> a#start-here) + ul,
355
-.markdown-body h2:has(> a#current-productions) + ul {
356
- display: grid;
357
- grid-template-columns: repeat(2, minmax(0, 1fr));
358
- gap: 1px;
359
- max-width: none;
360
- margin: 1.5rem 0 0;
361
- padding: 1px;
362
- background: var(--fo-rule);
363
- list-style: none;
313
+ border-left: 3px solid var(--wiki-border);
314
+ color: var(--wiki-muted);
364 315
}
365 316
366
-.markdown-body h2:has(> a#start-here) + ul {
367
- grid-template-columns: repeat(3, minmax(0, 1fr));
368
-}
369
-
370
-.markdown-body h2:has(> a#start-here) + ul > li,
371
-.markdown-body h2:has(> a#current-productions) + ul > li {
372
- position: relative;
373
- min-height: 10rem;
374
- max-width: none;
375
- margin: 0;
376
- padding: 1.4rem;
377
- background: linear-gradient(145deg, rgba(23, 58, 99, 0.3), rgba(8, 11, 16, 0.92));
378
- color: var(--fo-steel-300);
379
-}
380
-
381
-.markdown-body h2:has(> a#current-productions) + ul > li {
382
- min-height: 8rem;
383
- background: linear-gradient(145deg, rgba(59, 11, 24, 0.36), rgba(8, 11, 16, 0.94));
384
-}
385
-
386
-.markdown-body h2:has(> a#start-here) + ul a,
387
-.markdown-body h2:has(> a#current-productions) + ul a {
388
- display: block;
389
- margin-bottom: 0.55rem;
390
- color: var(--fo-off-white);
391
- font-size: 1.08rem;
392
- font-weight: 720;
393
- text-decoration: none;
317
+.markdown-body table,
318
+.markdown-body table tr,
319
+.markdown-body table th,
320
+.markdown-body table td {
321
+ border-color: var(--wiki-border);
322
+ background: transparent;
323
+ color: var(--wiki-ink);
394 324
}
395 325
396
-.markdown-body h2:has(> a#start-here) + ul a::after,
397
-.markdown-body h2:has(> a#current-productions) + ul a::after {
398
- color: var(--fo-crimson-500);
399
- content: " →";
326
+.markdown-body table th,
327
+.markdown-body table tr:nth-child(2n) {
328
+ background: var(--wiki-surface);
400 329
}
401 330
402 331
#wiki-sidebar {
403 332
align-self: start;
404 333
position: sticky;
405
- top: 6.5rem;
334
+ top: 5.5rem;
406 335
border: 0;
407
- border-left: 1px solid var(--fo-rule);
336
+ border-right: 1px solid var(--wiki-border-light);
408 337
border-radius: 0;
409 338
background: transparent;
410 339
box-shadow: none;
411 340
}
412 341
413 342
#sidebar-content {
414
- padding: 0.35rem 0 0 1.5rem !important;
343
+ padding: 0 1.5rem 0 0 !important;
415 344
}
416 345
417 346
#sidebar-content h3 {
418
- margin: 0 0 0.75rem;
419
- padding: 0;
420
- border: 0;
421
- color: var(--fo-steel-300);
422
- font: 650 0.72rem/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
423
- letter-spacing: 0.13em;
347
+ margin: 0 0 0.45rem;
348
+ padding: 0 0 0.35rem;
349
+ border-bottom: 1px solid var(--wiki-border-light);
350
+ color: var(--wiki-muted);
351
+ font-size: 0.78rem;
352
+ font-weight: 700;
353
+ letter-spacing: 0.04em;
424 354
text-transform: uppercase;
425 355
}
426 356
427 357
#sidebar-content h3:not(:first-child) {
428
- margin-top: 2rem;
358
+ margin-top: 1.5rem;
429 359
}
430 360
431 361
#sidebar-content ul {
... ...
@@ -436,51 +366,37 @@ textarea::placeholder {
436 366
437 367
#sidebar-content li {
438 368
margin: 0;
439
- border-top: 1px solid rgba(183, 192, 204, 0.1);
440
-}
441
-
442
-#sidebar-content li:last-child {
443
- border-bottom: 1px solid rgba(183, 192, 204, 0.1);
444 369
}
445 370
446 371
#sidebar-content li a,
447 372
#sidebar-content > p a {
448 373
display: block;
449
- min-height: 44px;
450
- padding: 0.72rem 0;
451
- color: var(--fo-off-white);
374
+ min-height: 38px;
375
+ padding: 0.4rem 0;
452 376
font-size: 0.9rem;
453
- font-weight: 600;
454
- text-decoration: none;
455
-}
456
-
457
-#sidebar-content li a:hover,
458
-#sidebar-content > p a:hover {
459
- color: #a9cff2;
377
+ line-height: 1.4;
460 378
}
461 379
462 380
#sidebar-content > p {
463
- margin-top: 2rem;
381
+ margin-top: 1.5rem;
464 382
}
465 383
466 384
#sidebar-content > p a::after {
467
- margin-left: 0.35rem;
468
- color: var(--fo-crimson-500);
385
+ margin-left: 0.3rem;
469 386
content: "↗";
470 387
}
471 388
472 389
#wiki-footer {
473
- margin-top: clamp(4rem, 8vw, 7rem) !important;
474
- border-top: 1px solid var(--fo-rule);
390
+ margin-top: 3.5rem !important;
391
+ border-top: 1px solid var(--wiki-border-light);
475 392
}
476 393
477 394
#footer-content {
478
- padding: 1.25rem 0 !important;
395
+ padding: 0.9rem 0 !important;
479 396
border: 0;
480 397
background: transparent;
481
- color: var(--fo-steel-300);
482
- font: 0.75rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
483
- letter-spacing: 0.04em;
398
+ color: var(--wiki-muted);
399
+ font-size: 0.78rem;
484 400
}
485 401
486 402
#footer-content p {
... ...
@@ -493,9 +409,9 @@ textarea::placeholder {
493 409
justify-content: space-between;
494 410
gap: 1rem;
495 411
padding-top: 1rem !important;
496
- border-top: 1px solid rgba(183, 192, 204, 0.08);
497
- color: var(--fo-steel-500);
498
- font-size: 0.78rem;
412
+ border-top: 1px solid #eaecf0;
413
+ color: var(--wiki-muted);
414
+ font-size: 0.75rem;
499 415
}
500 416
501 417
#footer p {
... ...
@@ -503,7 +419,7 @@ textarea::placeholder {
503 419
}
504 420
505 421
#delete-link {
506
- color: #e5a7a3;
422
+ color: #b32424;
507 423
}
508 424
509 425
.SelectMenu-modal,
... ...
@@ -511,111 +427,68 @@ textarea::placeholder {
511 427
.wiki-auxiliary-content,
512 428
.wiki-rightbar,
513 429
.wiki-leftbar {
514
- border-color: var(--fo-rule);
515
- background: var(--fo-charcoal-900);
516
- color: var(--fo-off-white);
430
+ border-color: var(--wiki-border-light);
431
+ background: #ffffff;
432
+ color: var(--wiki-ink);
517 433
}
518 434
519 435
.SelectMenu-item,
520 436
.SelectMenu-divider {
521
- border-color: var(--fo-rule);
522
- color: var(--fo-off-white);
437
+ border-color: var(--wiki-border-light);
438
+ color: var(--wiki-ink);
523 439
}
524 440
525 441
.SelectMenu-item:hover {
526
- background: rgba(23, 58, 99, 0.5);
527
-}
528
-
529
-table,
530
-.markdown-body table tr,
531
-.markdown-body table th,
532
-.markdown-body table td {
533
- border-color: var(--fo-rule);
534
- background: transparent;
535
- color: var(--fo-off-white);
536
-}
537
-
538
-.markdown-body table tr:nth-child(2n) {
539
- background: rgba(23, 58, 99, 0.16);
442
+ background: var(--wiki-surface);
540 443
}
541 444
542 445
@media (max-width: 900px) {
543 446
#wiki-body > .main-content {
544
- grid-template-columns: minmax(0, 1fr) 13rem;
447
+ grid-template-columns: 11rem minmax(0, 1fr);
545 448
gap: 2rem;
546 449
}
547
-
548
- .markdown-body h2:has(> a#start-here) + ul {
549
- grid-template-columns: 1fr;
550
- }
551
-
552
- .markdown-body h2:has(> a#start-here) + ul > li {
553
- min-height: 7.5rem;
554
- }
555 450
}
556 451
557 452
@media (max-width: 767px) {
558 453
.container-lg {
559
- padding-inline: 1.25rem;
454
+ padding-inline: 1rem;
560 455
}
561 456
562 457
#head {
563
- margin-inline: -1.25rem;
458
+ margin-inline: -1rem;
564 459
}
565 460
566 461
#head nav {
567
- min-height: 4rem;
568
- padding: 0.6rem 1.25rem !important;
462
+ min-height: 3.75rem;
463
+ padding: 0.5rem 1rem !important;
569 464
}
570 465
571 466
#head .TableObject-item--primary {
572
- padding-inline: 0.65rem !important;
573
- }
574
-
575
- #wiki-content::before,
576
- #wiki-content::after {
577
- top: 2rem;
578
- width: 2rem;
579
- height: 2rem;
467
+ padding-inline: 0.6rem !important;
580 468
}
581 469
582 470
.header-title {
583
- max-width: 11ch;
584
- padding: 4.75rem 0 4rem !important;
585
- font-size: clamp(2.8rem, 14vw, 4.2rem);
586
- }
587
-
588
- .header-title::before {
589
- max-width: 28ch;
590
- margin-bottom: 1rem;
591
- font-size: 0.65rem;
471
+ padding-top: 1.5rem !important;
472
+ font-size: clamp(1.8rem, 8vw, 2.25rem);
592 473
}
593 474
594 475
#wiki-body > .main-content {
595 476
display: flex;
596 477
flex-direction: column;
597
- gap: 3.5rem;
598
- }
599
-
600
- .markdown-body h2:has(> a#start-here) + ul,
601
- .markdown-body h2:has(> a#current-productions) + ul {
602
- grid-template-columns: 1fr;
603
- }
604
-
605
- .markdown-body h2:has(> a#current-productions) + ul > li {
606
- min-height: 7rem;
478
+ gap: 2.5rem;
479
+ padding-top: 1rem !important;
607 480
}
608 481
609 482
#wiki-sidebar {
610 483
width: 100% !important;
611 484
align-self: stretch;
612 485
position: static;
613
- border-top: 1px solid var(--fo-rule);
614
- border-left: 0;
486
+ border-top: 1px solid var(--wiki-border-light);
487
+ border-right: 0;
615 488
}
616 489
617 490
#sidebar-content {
618
- padding: 2rem 0 0 !important;
491
+ padding: 1.5rem 0 0 !important;
619 492
}
620 493
621 494
#footer {
... ...
@@ -635,10 +508,6 @@ table,
635 508
#search-query {
636 509
min-width: 0;
637 510
}
638
-
639
- .header-title {
640
- font-size: clamp(2.55rem, 13.5vw, 3.45rem);
641
- }
642 511
}
643 512
644 513
@media (prefers-reduced-motion: reduce) {
... ...
@@ -652,6 +521,7 @@ table,
652 521
653 522
@media (forced-colors: active) {
654 523
#head,
524
+ .header-title,
655 525
#wiki-sidebar,
656 526
.markdown-body h1,
657 527
.markdown-body h2,
... ...
@@ -659,10 +529,4 @@ table,
659 529
#wiki-footer {
660 530
border-color: CanvasText;
661 531
}
662
-
663
- #wiki-content::before,
664
- #wiki-content::after,
665
- body::before {
666
- display: none;
667
- }
668 532
}