查看“模板:时间轴/Timeline.css”的源代码

body {
	font-size: 14px;
	line-height: 1.5;
}

h1 {
	font-size: 2rem;
	margin-bottom: .5em;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: .8rem;

}

.container {
	font-weight:bold;
	max-width: 1024px;
	width: 90%;
	margin: 0 auto;
}

.timeline-item {
	padding: 3em 2em 2em;
	position: relative;
	color: #1D1D1D;
	border-left: 2px solid ;
}
.timeline-item::before {
		content: attr(date-is);
		position: absolute;
		left: 2em;
		font-weight: bold;
		top: 1em;
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		font-size: .785rem;
}
.timeline-item::after {
		width: 10px;
		height: 10px;
		display: block;
		top: 3.2rem;
		position: absolute;
		left: -7px;
		border-radius: 10px;
		content: '';
		border: 2px solid;
		background: white;
}