Activity.css

.activity-list { margin-bottom: 30px }
.activity-list .items a { color: #555; font-weight: bold }

.activity-list .items { position: relative; margin-left: -6px; margin-bottom: -10px }
.activity-list .bg-line {
	height: calc(100% - 40px); width: 2px; position: absolute; background-color: #c7c7c8;
	margin-left: 12px; margin-top: 5px; box-sizing: border-box; z-index: 0;
}

.activity-list .circle {
	width: 8px; height: 8px; border: 2px solid #c5c5c5; position: absolute; pointer-events: none;
	margin-left: -28px; border-radius: 15px; background-color: #f6f7f8
}

.activity { padding-left: 35px; padding-bottom: 19px; font-family: Roboto, Helvetica, Arial; font-size: 15px; line-height: 1.5em; color: #777 }

.light-bg {
    background-color: #ffffff; opacity: 0.9; border: 1px solid #EEF0F1; padding: 15px;
    border-radius: 4px;
}
.no-transparent .light-bg { opacity: 1; }

.activity .body { top: -5px; position: relative; max-height: 67px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; }
.activity.latest .circle { border-color: #666 }