peter
ebc9156a15
Table cell data (td) now uses a fixed-width stack (Consolas, SF Mono, Menlo, ...) at 0.92em so columns — especially numbers — align and scan cleanly; headers (th) use Arial/sans for clear contrast against the mono data. Applies to markdown and html_fragment tables via the shared base.css. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
57 lines
1.3 KiB
CSS
57 lines
1.3 KiB
CSS
body.artifact {
|
|
background: #faf9f6;
|
|
box-sizing: border-box;
|
|
color: #1d2528;
|
|
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
line-height: 1.65;
|
|
margin: 0 auto;
|
|
max-width: 900px;
|
|
padding: 3rem 1.25rem;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
pre {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
/* Applies to any <table> in markdown (pipe-table syntax) or hand-written
|
|
html_fragment content. display:block + overflow-x lets wide tables scroll
|
|
horizontally instead of squeezing columns or breaking page layout, while
|
|
descendant tr/td/th keep their normal table layout internally. */
|
|
table {
|
|
border-collapse: collapse;
|
|
display: block;
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
width: max-content;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
padding: 0.45rem 0.75rem;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Cell data in a fixed-width font so columns (esp. numbers) align and scan
|
|
cleanly; headers in a plain sans for contrast against the mono data. */
|
|
td {
|
|
font-family: Consolas, "SF Mono", Menlo, Monaco, "Liberation Mono", monospace;
|
|
font-size: 0.92em;
|
|
}
|
|
|
|
th {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
thead th {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
font-weight: 600;
|
|
}
|
|
|
|
tbody tr:nth-child(even) {
|
|
background: rgba(0, 0, 0, 0.025);
|
|
}
|