blindspot / frontend /src /pages /About.module.css
yashwrites's picture
Volumetric CT/MR: scan types, volume viewer, 3D grading, provenance badges (part 2)
7e30344 verified
Raw History Blame Contribute Delete
2.15 kB
.sources { list-style: none; margin: 4px 0 8px; padding: 0; counter-reset: src; }
.source { padding: 10px 0 12px 34px; position: relative; counter-increment: src; }
.source + .source { border-top: 1px solid var(--report-rule); }
.source::before { content: counter(src); position: absolute; left: 0; top: 11px; font-weight: 700; color: var(--report-ink-muted); font-variant-numeric: tabular-nums; }
.sourceName { font-size: var(--fs-2); margin: 0 0 4px; }
.role { margin: 0 0 6px; line-height: 1.45; }
.citation { margin: 0 0 4px; font-size: var(--fs-1); line-height: 1.45; padding-left: 12px; border-left: 2px solid var(--report-rule); }
.ack, .terms { margin: 4px 0 0; font-size: var(--fs-1); color: var(--report-ink-muted); }
.link { margin: 4px 0 0; font-size: var(--fs-1); word-break: break-all; }
.badges { display: grid; grid-template-columns: max-content 1fr; gap: 10px 16px; margin: 6px 0 12px; align-items: baseline; }
.badges dt { margin: 0; }
.badges dd { margin: 0; line-height: 1.4; font-size: var(--fs-1); }
@media (max-width: 560px) { .badges { grid-template-columns: 1fr; } }
/* Round 4: scan types and the provenance table. */
.scans { display: grid; grid-template-columns: max-content 1fr; gap: 8px 16px; margin: 8px 0 12px; align-items: baseline; }
.scans dt { margin: 0; font-weight: 700; }
.scans dd { margin: 0; line-height: 1.45; font-size: var(--fs-1); }
.tableWrap { overflow-x: auto; margin: 8px 0 10px; }
.provTable { width: 100%; border-collapse: collapse; font-size: var(--fs-1); line-height: 1.4; }
.provTable th { text-align: left; font-weight: 700; padding: 8px 10px 8px 0; border-bottom: 2px solid var(--report-ink); vertical-align: bottom; }
.provTable td { padding: 9px 10px 9px 0; border-bottom: 1px solid var(--report-rule); vertical-align: top; }
.provTable a { color: var(--report-ink); }
.inst { display: block; color: var(--report-ink-muted); font-size: 13px; margin-top: 2px; }
.inlinePill { display: inline-block; padding: 1px 8px; border: 1px solid var(--report-rule); border-radius: 999px; background: #f5f7f8; font-size: 13px; }
@media (max-width: 560px) { .scans { grid-template-columns: 1fr; } }