ul[title]::before {
    content: attr(title);
    /* then add some nice styling as needed, eg: */
    display: block;
    font-size: small;
    font-weight: bold;
    padding: 4px;
}

ul {
	display: block;
	vertical-align: top;
	padding:0px;
	float: left;
}

li {
    list-style-type: none;
    width: 130px;
    background-color: lightgrey;
    border: 1px solid black;
    font-size: xx-small;
    height: 20px;
}

li.Sun {
	background-color: grey;
}

.year {
	width: max-content;
}

img {
	width:10px;
	height:10px;
	float: right;
	padding: 1px;
}

li.event {
	background: rgba(0,255,0, 0.45);
}

li.event.Sun {
	background: rgba(0, 100, 0, 0.75);
}