Template:Timeline/styles.css: Difference between revisions

From OniGalore
(Created page with "→‎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 = dates: .wikitable.timeline td:first-child { width:160px; text-align:right; font-weight:600; color:#555; padding-right:1.5em; } →‎Vertical line: .wikitable.timeline td:firs...")
(No difference)

Revision as of 01:08, 12 February 2026

/* 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 = dates */ .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;

}

/* Event column */ .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;

}

/**/

/**/