User:Domino/Timeline interactive/styles.css

/* Elem | https://dogcraft.net/wiki/User:Domino/Timeline_interactive */

#timeline {
  grid-template-columns: 1fr 3px 1fr;
  background: linear-gradient(to right, transparent calc(50% - 2px), gray calc(50% - 2px), gray calc(50% + 2px), transparent calc(50% + 2px));
}

/* Beágyazott #9 | https://dogcraft.net/wiki/User:Domino/Timeline_interactive */

#timeline h2, #timeline h3, #timeline h4 {
  grid-column: span 3;
  text-align: center;
}

#timeline li {
  margin-bottom: .8em;
}

#timeline ul:nth-of-type(2n-1) {
  grid-column: 1;
  margin-right: 1em;	
}

#timeline ul:nth-of-type(2n) {
  grid-column: 3;
  margin-left: 1em;
}

#timeline ul {
  padding: 15px;
  background: lightgray;
  margin: 1em auto;
  list-style: none;
}

#timeline h4 span {
  background: white;
  padding: 5px;
}

#timeline h3 {
  background: white;
  border-bottom: 1px solid;
  position: sticky;
  top: 110px;
}