Sample CSS tweaks for Events Calendar PRO's Advanced List Widget

PRO List Widget sample tweaks.css

/** Place a border around the entire widget */
.tribe-events-adv-list-widget {
	border: 2px solid black;
}

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

/** Set of rules that change the colour of the date markers from dark grey to red */
.tribe-events-adv-list-widget .list-date {
	background: red;
}

/** This rule works with the previous one, but specifically targets the day of the week */
.tribe-events-adv-list-widget .list-date .list-dayname {
	color: red;
}

/** This rule underlines and changes other event title properties */
.tribe-events-adv-list-widget h2.entry-title a {
	display: inline-block;
	text-decoration: underline;
	transform: rotate( -2deg );
}

/** This rule changes the colour of the event date/time information */
.tribe-events-adv-list-widget div.duration {
	color: saddlebrown;
}