User:Tobi 406/common.css

.timeline-box { border: 1px solid #ccc; display: flex; justify-content: space-between; }

.timeline-year { float: left; margin: 10px; margin-bottom: 0; }

.timeline-months { padding-left: 20px; }

.timeline-year-box, .timeline-month { padding-right: 2px; position: relative; display: inline-block; }

.timeline-month.timeline-has-information { border-bottom: 1px dotted #ccc; }

.timeline-year-box .timeline-text, .timeline-month .timeline-text { width: 350px; bottom: 100%; left: 50%; margin-left: -60px; visibility: hidden; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0;

/* Position the tooltip */ position: absolute; z-index: 1; }

.timeline-year-box:hover .timeline-text, .timeline-month:hover .timeline-text { visibility: visible; }

.timeline-header { font-size: 110%; }

/*.timeline-year:not(:first-child) { border-left: 2px dotted #aaaaa; }*/