Template:Timeline styles/styles.css

table.timeline { display: table; border-bottom: 0; }

table.timeline tr { display: flex; flex-direction: column; border-left: 1px solid #eaecf0; padding-left: 20px; }

table.timeline tr td:first-child { padding-bottom: 0; font-size: 1rem; font-weight: bold; padding-top: 0.8rem; }

table.timeline tr td:first-child:before { content: "•"; display: block; position: absolute; left: 0; /* -40% is better but TS blocked it */ transform: translate(-0.14rem, 0); }

table.timeline tr td { border-bottom: 0; }

table.timeline tr td:last-child { padding-top: 0.2rem; padding-right: 0 }

/* Dark mode */ @media (prefers-color-scheme: dark) { table.timeline tr { border-color: #22262d; } }