Template:Timeline/styles.css

/* Base table styling */
.wikitable.timeline
{
    border-collapse:collapse;
    width:100%;
    border:none;
    background:transparent;
}

.wikitable.timeline td
{
    border:none;
    vertical-align:top;
    padding:1em 1em 1em 0;
    position:relative;
}

/* First column: date */
.wikitable.timeline td:first-child
{
    width:160px;
    text-align:right;
    font-weight:600;
    color:#555;
    padding-right:1.5em;
}

/* Vertical line */
.wikitable.timeline td:first-child::after
{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:2px;
    height:100%;
    background-color:#ddd;
}

/* Second column: event */
.wikitable.timeline td:nth-child(2)
{
    padding-left:1.5em;
}

/* Circular marker */
.wikitable.timeline tr td:first-child::before
{
    content:"";
    position:absolute;
    right:-6px;
    top:1.2em;
    width:10px;
    height:10px;
    background-color:#fff;
    border:2px solid #4a90e2;
    border-radius:50%;
    z-index:1;
}

/*[[Category:Table templates]]*/

/*[[Category:Table templates]]*/