1*,
  2::before,
  3::after {
  4  box-sizing: border-box;
  5}
  6
  7::-moz-focus-inner {
  8  border-style: none;
  9  padding: 0;
 10}
 11:-moz-focusring {
 12  outline: 1px dotted ButtonText;
 13}
 14:-moz-ui-invalid {
 15  box-shadow: none;
 16}
 17
 18:root {
 19  --line-height: 1.3rem;
 20  --grid-height: 0.65rem;
 21}
 22
 23html {
 24  background-color: var(--bg-color);
 25  color: var(--code-text);
 26  font-size: 16px;
 27  line-height: var(--line-height);
 28  font-family:
 29    "Iowan Old Style",
 30    "Palatino Linotype",
 31    "Book Antiqua",
 32    Palatino,
 33    "URW Palladio L",
 34    "Times New Roman",
 35    Times,
 36    serif;
 37  -webkit-text-size-adjust: 100%;
 38  -moz-tab-size: 4;
 39  -o-tab-size: 4;
 40  tab-size: 4;
 41}
 42
 43.box {
 44  color: var(--text-color);
 45  background-color: var(--box);
 46  margin: 1rem 0;
 47  padding: var(--grid-height);
 48  border: 1px solid var(--border);
 49}
 50
 51
 52body {
 53  margin: 0 auto;
 54  padding: 0 1rem;
 55  max-width: 86rem;
 56}
 57
 58img {
 59  max-width: 100%;
 60  height: auto;
 61}
 62
 63b,
 64strong {
 65  font-weight: bold;
 66}
 67
 68code,
 69kbd,
 70samp,
 71pre {
 72  font-family: monospace;
 73}
 74
 75code,
 76kbd,
 77samp {
 78  border: 2px solid var(--code);
 79}
 80
 81pre > code {
 82  background-color: inherit;
 83  padding: 0;
 84  border: none;
 85}
 86
 87code {
 88  font-size: 90%;
 89  padding: 0.025rem 0.3rem;
 90  border: 1px solid var(--box);
 91  color: var(--code-text);
 92}
 93
 94pre {
 95  border: 1px solid var(--box);
 96  padding: var(--grid-height);
 97  overflow-x: auto;
 98}
 99
100h1,
101h2,
102h3,
103h4 {
104  font-style: italic;
105  font-size: 1rem;
106  font-weight: bold;
107  line-height: var(--line-height);
108  margin: 0 0 var(--grid-height) 0;
109  padding: 0;
110  border: 0;
111}
112
113path {
114  fill: var(--text-color);
115}
116
117a {
118  text-decoration: none;
119  color: var(--text-color);
120}
121
122a:hover,
123a:visited:hover {
124  color: var(--visited);
125  text-decoration: underline;
126}
127
128a:visited {
129  color: var(--text-color);
130}
131
132header {
133  margin: 1rem auto;
134}
135
136.brand {
137  display: inline-flex;
138  flex-direction: column;
139  align-items: flex-start;
140  gap: 0.35rem;
141  font-weight: 700;
142}
143
144.brand-logo {
145  width: min(100%, 480px);
146  height: auto;
147  max-width: 100%;
148  border-radius: 0;
149  display: block;
150}
151
152.root-header-shell {
153  display: flex;
154  align-items: stretch;
155  gap: 0.9rem;
156}
157
158.root-nav-tabs {
159  display: flex;
160  flex-direction: column;
161  justify-content: space-between;
162  min-width: 7rem;
163  padding: 10px 0;
164}
165
166.root-nav-tabs a {
167  color: var(--code-text);
168  display: block;
169  padding: 0;
170  font-size: 0.88rem;
171}
172
173.root-nav-tabs a:hover,
174.root-nav-tabs .btn-active {
175  color: var(--box);
176  text-decoration: underline;
177}
178
179p {
180  margin-top: var(--line-height);
181  margin-bottom: var(--line-height);
182}
183
184footer {
185  text-align: center;
186}
187
188.font-bold {
189  font-weight: bold;
190}
191
192.mono {
193  font-family: monospace;
194  font-style: normal;
195}
196
197.text-sm {
198  font-size: 0.8rem;
199}
200
201.flex {
202  display: flex;
203}
204
205.flex-col {
206  flex-direction: column;
207}
208
209.flex-wrap {
210  flex-wrap: wrap;
211}
212
213.items-center {
214  align-items: center;
215}
216
217.m-0 {
218  margin: 0;
219}
220
221.mb {
222  margin-bottom: var(--grid-height);
223}
224
225.mb-0 {
226  margin-bottom: 0;
227}
228
229.my {
230  margin-top: var(--grid-height);
231  margin-bottom: var(--grid-height);
232}
233
234.px {
235  padding-left: 0.5rem;
236  padding-right: 0.5rem;
237}
238
239.py {
240  padding-top: var(--grid-height);
241  padding-bottom: var(--grid-height);
242}
243
244.justify-between {
245  justify-content: space-between;
246}
247
248.justify-center {
249  justify-content: center;
250}
251
252.gap {
253  gap: var(--grid-height);
254}
255
256.gap-2 {
257  gap: var(--line-height);
258}
259
260.group {
261  display: flex;
262  flex-direction: column;
263  gap: var(--grid-height);
264}
265
266.group-2 {
267  display: flex;
268  flex-direction: column;
269  gap: var(--line-height);
270}
271
272.flex-1 {
273  flex: 1;
274}
275
276.border-b {
277  border-bottom: 2px solid var(--border);
278}
279
280.border-b:last-child {
281  border-bottom: 0;
282}
283
284.subtitle {
285  color: var(--code-text);
286}
287
288.border-visited {
289  border-color: var(--box);
290}
291
292.tree-size {
293  width: 60px;
294  text-align: right;
295}
296
297.tree-path {
298  text-wrap: wrap;
299}
300
301.sticky {
302  position: sticky;
303  top: 0;
304  left: 0;
305}
306
307.white-space-bs {
308  white-space: break-spaces;
309}
310
311.chroma .ln {
312  padding-left: 0 !important;
313  padding-right: 0.3em !important;
314  margin-right: 0.2em !important;
315}
316
317.summary-commit-box {
318  margin: 0;
319  padding: 0;
320}
321
322.summary-commit-row {
323  padding: 0.45rem 0.55rem;
324}
325
326.summary-commit-row .mb {
327  margin-bottom: 0.2rem;
328}
329
330.summary-commit-msg {
331  font-size: 0.95rem;
332  line-height: 1.25;
333}
334
335.summary-meta-box {
336  margin-top: 0;
337  padding: 0;
338}
339
340.summary-meta-row {
341  display: grid;
342  grid-template-columns: 10rem minmax(0, 1fr);
343  gap: 0.5rem;
344  padding: 0.45rem 0.55rem;
345  align-items: start;
346}
347
348.summary-meta-key {
349  font-style: italic;
350}
351
352.summary-meta-val {
353  word-break: break-word;
354}
355
356.summary-meta-clone {
357  border: 0;
358  padding: 0;
359  overflow-x: auto;
360  white-space: pre-wrap;
361  word-break: break-word;
362}
363
364.home-grid {
365  display: grid;
366  grid-template-columns: repeat(2, minmax(0, 1fr));
367  gap: 0.8rem;
368}
369
370.home-card,
371.user-card {
372  display: grid;
373  grid-template-columns: 1fr auto;
374  gap: 0.75rem;
375  align-items: start;
376  margin: 0;
377  padding: 0.55rem 0.7rem;
378}
379
380.repo-name {
381  font-size: 1.22rem;
382  line-height: 1.1;
383  font-weight: 700;
384  margin: 0 0 0.2rem 0;
385}
386
387.repo-desc {
388  font-size: 0.88rem;
389  line-height: 1.25;
390  opacity: 0.92;
391}
392
393.repo-links {
394  display: flex;
395  flex-direction: column;
396  gap: 0.1rem;
397  font-size: 0.88rem;
398  min-width: 6.4rem;
399}
400
401.repo-links a {
402  text-align: right;
403}
404
405.user-layout {
406  display: grid;
407  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
408  gap: 1.2rem;
409  align-items: start;
410}
411
412.user-panel {
413  display: flex;
414  flex-direction: column;
415  gap: 0.9rem;
416}
417
418.user-profile-box,
419.home-card-single {
420  margin: 0;
421}
422
423.user-profile-box {
424  display: flex;
425  flex-direction: column;
426  gap: 0.9rem;
427  padding: 0.65rem 0.75rem;
428}
429
430.user-profile-head {
431  display: grid;
432  grid-template-columns: 5.75rem minmax(0, 1fr);
433  gap: 0.8rem;
434  align-items: start;
435}
436
437.user-avatar-square {
438  width: 5.75rem;
439  aspect-ratio: 1 / 1;
440  object-fit: cover;
441  display: block;
442}
443
444.user-profile-copy {
445  min-width: 0;
446}
447
448.user-profile-copy .repo-name {
449  margin-bottom: 0.18rem;
450}
451
452.user-profile-copy .repo-desc {
453  margin-bottom: 0.32rem;
454}
455
456.user-repos-column {
457  width: 100%;
458}
459
460.home-card-single {
461  margin-bottom: 0.9rem;
462}
463
464.home-card-single:last-child {
465  margin-bottom: 0;
466}
467
468.users-grid {
469  align-items: start;
470}
471
472.user-directory-card {
473  margin: 0;
474  padding: 0.65rem 0.75rem;
475}
476
477.user-directory-card .user-profile-head {
478  grid-template-columns: 5rem minmax(0, 1fr);
479}
480
481.user-directory-card .user-avatar-square {
482  width: 5rem;
483}
484
485.root-commits-shell {
486  max-width: 64rem;
487}
488
489.root-about-box {
490  margin-top: 0;
491}
492
493
494#site_path,
495#site_link a,
496.navs {
497  color: var(--code-text);
498  font-style: italic;
499}
500
501.mono {
502  color: var(--text-color);
503}
504
505.navs a,
506code,
507pre {
508  color: var(--code-text);
509  font-style: normal;
510}
511
512.btn-nav {
513  padding: 6px 10px;
514  border: 1px solid var(--border);
515}
516
517.btn-nav:hover, .btn-active {
518  border-color: var(--visited);
519  text-decoration: none;
520  color: var(--text-color);
521}
522
523@media only screen and (max-width: 900px) {
524  body {
525    padding: 0 0.5rem;
526  }
527
528  header {
529    margin: 0;
530  }
531
532  .flex-collapse {
533    flex-direction: column;
534  }
535
536  .tree-commit {
537    display: none;
538  }
539
540  .home-grid {
541    grid-template-columns: 1fr;
542  }
543
544  .root-header-shell {
545    flex-direction: column;
546    gap: 0.5rem;
547  }
548
549  .root-nav-tabs {
550    width: 100%;
551  }
552
553  .user-layout {
554    grid-template-columns: 1fr;
555  }
556
557  .user-profile-head {
558    grid-template-columns: 4.75rem minmax(0, 1fr);
559  }
560
561  .user-avatar-square {
562    width: 4.75rem;
563  }
564}
565
566/* index tables — flat index, user index, user repo list */
567.index-table {
568  width: 100%;
569  border-collapse: collapse;
570  margin-top: var(--grid-height);
571}
572
573.index-table thead th {
574  text-align: left;
575  font-weight: normal;
576  font-style: italic;
577  padding: var(--grid-height) 0.5rem var(--grid-height) 0;
578  border-bottom: 1px solid var(--border);
579  white-space: nowrap;
580}
581
582.index-table tbody tr {
583  border-bottom: 1px solid var(--border);
584}
585
586.index-table tbody tr:last-child {
587  border-bottom: 0;
588}
589
590.index-table td {
591  padding: var(--grid-height) 0.5rem var(--grid-height) 0;
592  vertical-align: baseline;
593}
594
595.index-col-name {
596  font-weight: bold;
597  white-space: nowrap;
598  min-width: 8rem;
599}
600
601.index-col-desc {
602  width: 100%;
603  overflow: hidden;
604  text-overflow: ellipsis;
605  white-space: nowrap;
606  max-width: 0;
607}
608
609.index-col-when {
610  white-space: nowrap;
611  text-align: right;
612  padding-left: 1rem;
613}
614
615.index-col-msg {
616  white-space: nowrap;
617  text-align: right;
618  padding-left: 0.5rem;
619  font-size: 0.8rem;
620  max-width: 18rem;
621  overflow: hidden;
622  text-overflow: ellipsis;
623}
624
625.muted {
626  opacity: 0.55;
627}
628
629/* user blocks in the root index */
630.index-user-block {
631  margin-bottom: calc(var(--grid-height) * 3);
632}
633
634.index-user-block:last-child {
635  margin-bottom: 0;
636}
637
638.index-user-header {
639  display: flex;
640  align-items: baseline;
641  gap: 1rem;
642  padding: var(--grid-height) 0;
643  border-bottom: 1px solid var(--border);
644}
645
646.index-user-name {
647  font-weight: bold;
648  font-size: 1rem;
649}
650
651.index-table-repos {
652  margin-top: 0;
653}
654
655.index-table-repos td:first-child {
656  padding-left: 1rem;
657}
658
659.index-user-empty {
660  padding-left: 1rem;
661  margin: var(--grid-height) 0;
662}
663
664
665.user-meta-row {
666  display: flex;
667  gap: 0.75rem;
668  flex-wrap: wrap;
669  margin-top: 0.45rem;
670  font-size: 0.88rem;
671  opacity: 0.88;
672}
673