Template:Main Page news/styles.css

.news {
	
}

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

.news > .date {
	font-weight: bold;
}

.news > .event:before,
.news > .song:before {
	display: inline-block;
	width: 75px;
	padding: 5px 0;
	margin-right: 10px;
	text-align: center;
}

.news > .event:before {
	content: 'EVENT';
	background-color: #fdffb6;
}

.news > .song:before {
	content: 'SONG';
	background-color: #ffadad;
}


/*
 * Citizen skin
 */
body.skin-citizen .news > .event:before,
body.skin-citizen .news > .song:before {
	border-radius: var(--border-radius--small);
}