テンプレート:Timeline styles/styles.css

table.timeline { box-shadow: none; font-size: var( --font-size-small ); }

table.timeline, table.timeline tbody {

   display: block;

}

table.timeline tr { position: relative; margin-left: 8px; padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px;

   display: flex;
   flex-direction: column;
   border-top-right-radius: var( --border-radius-small );
   border-bottom-right-radius: var( --border-radius-small );

}

table.timeline tr:before {

   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: -1px;
   display: block;
   width: 2px;
   background-color: var( --border-color-base );

}

table.timeline tr td:first-child {

   font-size: var( --font-size-medium );
   font-weight: var( --font-weight-semi-bold );
   color: var( --color-emphasized );

}

table.timeline tr td:first-child:before { content: "";

   width: 8px;
   height: 8px;
   display: block;
   background-color: var( --color-subtle );
   border-radius: 100%;
   position: absolute;
   left: -4px;
   margin-top: 8px;

}

table.timeline tr td { padding: 0; border: 0 !important; }