.news {
}
.news > div {
margin: 10px 0;
}
.news > .date {
font-weight: bold;
}
.news > .item:before {
display: inline-block;
width: 75px;
padding: 5px 0;
margin-right: 10px;
text-align: center;
}
.news > .item[data-type="event"]:before {
content: 'EVENT';
background-color: #fdffb6;
}
.news > .item[data-type="song"]:before {
content: 'SONG';
background-color: #ffadad;
}
/*
* Citizen skin
*/
body.skin-citizen .news > .item:before {
border-radius: var(--border-radius--small);
}