Mini Timelines

Timelines in CSS, using box-shadow for the tick marks. Mostly intended for age comparisons in genealogy.

Style 1

Tick marks every 10 years. Goes to 100 years.

Style 1a

Like style 1, but colored. (First is solid, second is semi-transparent.)

Style 1b

Like style 1, but with a bordered, semi-transparent bar.

Style 2

Shades every other ten years.

Style 3

Shades every other ten years, lines every ten years.

Style 4

Shades every other five years, lines every ten years.

Style 5

Thick bars.

Style 6

Thick bars with gradient.