Template:Main Page news/styles.css

.news > .date {
	margin: 20px 0 10px;
	font-weight: bold;
}

.news > .item {
	margin: 10px 0;
}

.news > .item:before {
	display: inline-block;
	width: 50px;
	margin-right: 10px;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
}

.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 {
	color: hsl(206.7, 5.1%, 34.7%);
	border-radius: var(--border-radius--small);
}