Bueno, me puse a hacer algo:
http://codepen.io/pzin/pen/nEhmD
Las lineas van siempre de punto a punto y tanto el punto como las lineas son pseudo-elementos, es decir, todo con CSS. El último comentario no tiene linea porque se le quita con un
:last-of-type:before.
Las lineas como digo, siempre van del
top: 30px hasta el
bottom: -50px, que es donde están situados los puntos.
Puedes ver el código CSS puro dándole justo encima del título de la pestaña del código (dándole a "CSS", vaya).
Ahora, ¿cuáles son las otras lineas?