Sample CSS tweaks for The Events Calendar List Widget

List Widget sample tweaks.css

/** Change the size and colour of the widget title */
.tribe-events-list-widget h2.widget-title {
	color: blue;
	font-size: 30px;
}

/** Make each event standout with a new background and border */
.tribe-events-list-widget li.tribe-events-list-widget-events {
	background: yellow;
	border: 1px solid red;
	padding: 10px;
}

/** Make each event title uppercase and underline them */
.tribe-events-list-widget h4.entry-title a {
	text-decoration: underline;
	text-transform: uppercase;
}

/** Make the event date/time information a little more prominent */
.tribe-events-list-widget div.duration {
	color: green;
	font-weight: bold;
	transform: rotate( -4deg );
}