svg.timeline {
}

svg.timeline > .nodes {
}

svg.timeline > .nodes:hover {
  background: red;
}

svg.timeline > .nodes > .node > circle {
  fill: #888;
  stroke: none;
}

svg.timeline > .nodes > .node > text {
  fill: #000;
  stroke: rgba(255, 255, 255, 0.5);
  stroke-width: 3px;
  paint-order: stroke;
  text-anchor: middle;
  opacity: 0.5;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}

svg.timeline > .nodes > .node > text.version {
  alignment-baseline: baseline;
  font-size: 8px;
}

svg.timeline > .nodes > .node > text.date {
  opacity: 0;
  alignment-baseline: hanging;
  font-size: 12px;
  pointer-events: none;
}

svg.timeline > .nodes:hover > .node > text {
  opacity: 0;
  transition-duration: 0.1s;
}

svg.timeline > .nodes:hover > .node:hover > text {
  cursor: none;
  opacity: 1;
  /*transition-duration: 0.1s;*/
  /*transition-timing-function: linear;*/
}

svg.timeline > .nodes:hover > .node:hover > text.version {
  font-size: 30px;
  font-weight: bold;
}

svg.timeline > .nodes:hover > .node:hover > text.date {
  font-size: 12px;
  font-weight: normal;
}

svg.timeline > .edges {
  fill: none;
  stroke: #888;
  stroke-width : 3;
}

svg.timeline > .edges > .edge {
}

svg.timeline > .edges > .edge.draft {
}