|
.activity-event { |
|
margin-bottom: 15px; |
|
padding: 10px |
|
} |
|
|
|
.activity-event:nth-child(even) { |
|
background: var(--activity-event-background-color); |
|
} |
|
|
|
.activity-event:hover { |
|
background: var(--activity-event-hover-color); |
|
} |
|
|
|
.activity-date { |
|
margin-left: 10px; |
|
font-weight: normal; |
|
color: var(--color-light); |
|
} |
|
|
|
.activity-content { |
|
margin-left: 55px; |
|
} |
|
|
|
.activity-title { |
|
font-weight: bold; |
|
color: var(--activity-title-color); |
|
border-bottom: 1px dotted var(--activity-title-border-color); |
|
} |
|
|
|
.activity-description { |
|
color: var(--color-light); |
|
margin-top: 10px |
|
} |
|
|
|
@media (max-width: 480px) { |
|
.activity-description { |
|
overflow: auto |
|
} |
|
} |
|
|
|
.activity-description li { |
|
list-style-type: circle |
|
} |
|
|
|
.activity-description ul { |
|
margin-top: 10px; |
|
margin-left: 20px |
|
} |
|
|