Eric Bower
·
2026-02-25
1
2*,
3::before,
4::after {
5 box-sizing: border-box;
6}
7
8::-moz-focus-inner {
9 border-style: none;
10 padding: 0;
11}
12:-moz-focusring {
13 outline: 1px dotted ButtonText;
14}
15:-moz-ui-invalid {
16 box-shadow: none;
17}
18
19:root {
20 --line-height: 1.3rem;
21 --grid-height: 0.65rem;
22 --border: var(--grey);
23}
24
25html {
26 background-color: var(--bg-color);
27 color: var(--text-color);
28 line-height: var(--line-height);
29 font-family:
30 -apple-system,
31 BlinkMacSystemFont,
32 "Segoe UI",
33 Roboto,
34 Oxygen,
35 Ubuntu,
36 Cantarell,
37 "Fira Sans",
38 "Droid Sans",
39 "Helvetica Neue",
40 Arial,
41 sans-serif,
42 "Apple Color Emoji",
43 "Segoe UI Emoji",
44 "Segoe UI Symbol";
45 -webkit-text-size-adjust: 100%;
46 -moz-tab-size: 4;
47 -o-tab-size: 4;
48 tab-size: 4;
49}
50
51body {
52 margin: 0 auto;
53 padding: 0 1rem;
54}
55
56img {
57 max-width: 100%;
58 height: auto;
59}
60
61b,
62strong {
63 font-weight: bold;
64}
65
66code,
67kbd,
68samp,
69pre {
70 font-family: monospace;
71}
72
73code,
74kbd,
75samp {
76 border: 2px solid var(--code);
77}
78
79pre > code {
80 display: block;
81 overflow-x: scroll;
82 background-color: inherit;
83 padding: 0;
84 border: none;
85 border-radius: 0;
86}
87
88code {
89 font-size: 90%;
90 border-radius: 0.3rem;
91 padding: 0.025rem 0.3rem;
92 border: 1px solid var(--border);
93}
94
95pre {
96 border: 1px solid var(--border);
97 padding: var(--grid-height);
98 border-radius: 1px;
99 overflow-x: auto;
100}
101
102h1,
103h2,
104h3,
105h4 {
106 font-style: normal;
107 font-size: 1rem;
108 font-weight: bold;
109 line-height: var(--line-height);
110 margin: 0 0 var(--grid-height) 0;
111 padding: 0;
112 border: 0;
113}
114
115path {
116 fill: var(--text-color);
117}
118
119a {
120 text-decoration: none;
121 color: var(--text-color);
122}
123
124a:hover,
125a:visited:hover {
126 color: var(--visited);
127 text-decoration: underline;
128}
129
130a:visited {
131 color: var(--text-color);
132}
133
134header {
135 margin: 1rem auto;
136}
137
138p {
139 margin-top: var(--line-height);
140 margin-bottom: var(--line-height);
141}
142
143summary {
144 cursor: pointer;
145}
146
147.container {
148 max-width: 800px;
149}
150
151.font-bold {
152 font-weight: bold;
153}
154
155.mono {
156 font-family: monospace;
157}
158
159.text-sm {
160 font-size: 0.8rem;
161}
162
163.text-md {
164 font-size: 1rem;
165}
166
167.flex {
168 display: flex;
169}
170
171.flex-col {
172 flex-direction: column;
173}
174
175.flex-wrap {
176 flex-wrap: wrap;
177}
178
179.items-center {
180 align-items: center;
181}
182
183.justify-between {
184 justify-content: space-between;
185}
186
187.justify-center {
188 justify-content: center;
189}
190
191.m-0 {
192 margin: 0;
193}
194
195.mb {
196 margin-bottom: var(--grid-height);
197}
198
199.mb-0 {
200 margin-bottom: 0;
201}
202
203.my {
204 margin-top: var(--grid-height);
205 margin-bottom: var(--grid-height);
206}
207
208.px {
209 padding-left: 0.5rem;
210 padding-right: 0.5rem;
211}
212
213.py {
214 padding-top: var(--grid-height);
215 padding-bottom: var(--grid-height);
216}
217
218.gap {
219 gap: var(--grid-height);
220}
221
222.gap-2 {
223 gap: var(--line-height);
224}
225
226.group {
227 display: flex;
228 flex-direction: column;
229 gap: var(--grid-height);
230}
231
232.group-2 {
233 display: flex;
234 flex-direction: column;
235 gap: var(--line-height);
236}
237
238.flex-1 {
239 flex: 1;
240}
241
242.truncate {
243 overflow: hidden;
244 text-overflow: ellipsis;
245 white-space: nowrap;
246 min-width: 0;
247}
248
249.pr-repo-col {
250 display: inline-block;
251 width: 6rem;
252 flex-shrink: 0;
253}
254
255.box {
256 border: 1px solid var(--grey-light);
257 padding: var(--grid-height);
258}
259
260.box-sm {
261 border: 1px solid var(--grey-light);
262 padding: 0 var(--grid-height);
263}
264
265.border-b {
266 border-bottom: 1px solid var(--border);
267}
268
269.border-b:last-child {
270 border-bottom: 0;
271}
272
273.border-visited {
274 border-color: var(--visited);
275}
276
277.sticky {
278 position: sticky;
279 top: 0;
280 left: 0;
281 background-color: var(--bg-color);
282}
283
284.white-space-bs {
285 white-space: break-spaces;
286}
287
288.btn-nav {
289 border-radius: 4px;
290 padding: 6px 10px;
291 border: 1px solid var(--border);
292}
293
294.btn-nav:hover, .btn-active {
295 border-color: var(--visited);
296 text-decoration: none;
297 color: var(--text-color);
298}
299
300.pill-success {
301 border: 1px solid var(--success);
302 color: var(--success);
303}
304
305.pill-admin {
306 border: 1px solid var(--admin);
307 color: var(--admin);
308}
309
310.pill-info {
311 border: 1px solid var(--link-color);
312 color: var(--link-color);
313}
314
315.contributor-tag,
316.contributor-tag-admin {
317 font-family: monospace;
318 font-size: 0.85em;
319 color: var(--grey-light);
320 border: none;
321 padding: 0;
322}
323
324.contributor-tag-admin {
325 color: var(--link-color);
326}
327
328.event-meta {
329 color: var(--grey-light);
330}
331
332.word-break-word {
333 word-break: break-word;
334}
335
336.file-link {
337 text-decoration: none;
338 flex-shrink: 0;
339}
340
341.patchset-list {
342 position: sticky;
343 top: 0;
344 left: 0;
345 max-height: 100vh;
346 overflow-y: auto;
347}
348
349.mb-0 {
350 margin-bottom: 0;
351}
352
353.patch-file {
354 position: sticky;
355 top: 0;
356 left: 0;
357 padding: var(--grid-height) 0;
358 background-color: var(--bg-color);
359 margin: 0;
360}
361
362.details-min {
363 border: 0;
364 margin: 0;
365 padding: 0;
366}
367
368.chroma {
369 margin: 0;
370 overflow-x: auto;
371}
372
373.chroma .gi {
374 font-weight: normal !important;
375}
376
377.chroma table {
378 width: 100%;
379 table-layout: fixed;
380 word-wrap: break-word;
381}
382
383.interdiff summary {
384 margin: 0 !important;
385}
386
387.interdiff pre {
388 overflow-x: scroll;
389}
390
391.timeline {
392 border-left: 2px solid var(--grey-light);
393 padding-left: var(--line-height);
394 margin-left: 0.5rem;
395 gap: var(--line-height);
396 margin-bottom: calc(var(--line-height) * 3);
397}
398
399.timeline-item {
400 position: relative;
401}
402
403.timeline-item::before {
404 content: "";
405 position: absolute;
406 left: calc(-1 * var(--line-height) - 0.25rem - 1px);
407 top: 0.5rem;
408 width: 0.5rem;
409 height: 0.5rem;
410 background-color: var(--grey-light);
411 border-radius: 50%;
412}
413
414.timeline-status-accepted::before {
415 background-color: var(--success);
416}
417
418.timeline-status-closed::before {
419 background-color: var(--admin);
420}
421
422.timeline-status-open::before {
423 background-color: var(--link-color);
424}
425
426.status-change-comment {
427 background-color: var(--blockquote-bg);
428 padding: var(--grid-height);
429 margin-top: var(--grid-height);
430}
431
432.pill-status-accepted {
433 border: 1px solid var(--success);
434 color: var(--success);
435}
436
437.pill-status-closed {
438 border: 1px solid var(--admin);
439 color: var(--admin);
440}
441
442.pill-status-open {
443 border: 1px solid var(--link-color);
444 color: var(--link-color);
445}
446
447.w-full {
448 width: 100%;
449}
450
451@media only screen and (max-width: 40em) {
452 .collapse {
453 flex-direction: column;
454 }
455
456 .collapse > div {
457 width: 100% !important;
458 max-width: 100% !important;
459 }
460
461 .patchset-list {
462 position: initial;
463 }
464
465 .flex-collapse {
466 flex-direction: column;
467 }
468
469 body {
470 padding-top: var(--line-height);
471 padding-left: 0.5rem;
472 padding-right: 0.5rem;
473 }
474
475 pre {
476 padding: var(--grid-height) 0;
477 }
478
479 header {
480 margin: 0;
481 }
482}
483
484.commit-list {
485 display: flex;
486 flex-direction: column;
487 gap: 0.2rem;
488 font-size: 0.75rem;
489}
490
491.commit-list-item {
492 border: 1px solid var(--grey-light);
493 padding: 0.2rem 0.4rem;
494 color: var(--text-color);
495 text-decoration: none;
496 gap: var(--grid-height);
497}
498
499.commit-list-item:hover {
500 border-color: var(--visited);
501}
502
503.commit-list-item-active {
504 border-color: var(--visited);
505 background-color: var(--blockquote-bg);
506}
507
508.patch-detail-nav {
509 margin: var(--grid-height) 0;
510}
511
512.semantic-diff {
513 list-style: none;
514 padding: 0;
515 margin: 0 0 var(--grid-height) 0;
516 display: flex;
517 flex-direction: column;
518 gap: 0.2rem;
519}
520
521.semantic-diff-link {
522 color: var(--text-color);
523 text-decoration: none;
524}
525
526.semantic-diff-link:hover {
527 color: var(--link-color);
528}
529
530.semantic-diff-entity-kind {
531 color: var(--grey-light);
532}
533
534.semantic-diff-added .semantic-diff-entity-kind {
535 color: var(--success);
536}
537
538.semantic-diff-removed .semantic-diff-entity-kind {
539 color: var(--admin);
540}
541
542.semantic-diff-modified .semantic-diff-entity-kind,
543.semantic-diff-signature_changed .semantic-diff-entity-kind {
544 color: var(--link-color);
545}
546
547.semantic-summary {
548 margin-bottom: var(--grid-height);
549}
550
551.semantic-summary-file {
552 margin: var(--grid-height) 0;
553 padding-left: var(--grid-height);
554 border-left: 1px solid var(--grey-light);
555}
556
557.semantic-summary-file .semantic-diff {
558 margin-top: 0.2rem;
559}
560
561.semantic-summary-totals {
562 margin-bottom: var(--grid-height);
563 color: var(--grey-light);
564}
565
566.semantic-diff-added-text {
567 color: var(--success);
568}
569
570.semantic-diff-removed-text {
571 color: var(--admin);
572}
573
574.semantic-diff-modified-text,
575.semantic-diff-signature_changed-text {
576 color: var(--link-color);
577}
578
579.patchset-split {
580 width: 100%;
581 max-width: 1500px;
582}
583ZMX_TASK_COMPLETED:0
584[erock@kings git-pr]$