| 123456789101112131415161718 |
- .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: #888 }
- .activity .body { top: -5px; position: relative; max-height: 67px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; }
- .activity:last-child { background-color: #F6F7F8 }
- .activity.latest .circle { border-color: #666 }
|
