calendar-sub.css

.calsub-button { position: relative; width: 32px; height: 32px; font-size: small; 
			font-family: sans-serif; }
.calsub-button:hover { }
.calsub-link { background-image: url('calendar-sub.png'); background-size: cover; 
			width: 100%; height: 100%; display: block; position: relative; }
.calsub-button:hover .calsub-link { top: 0.2em; left: 0.2em; }
.calsub-menu { position: absolute; width: 18em; top: 50%; left: 30%; 
			border: 0.1em solid rgb(64,64,64); padding: 0.2em; text-align: left; 
			background-color: white; box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.5); 
			visibility: hidden; border-radius: 0.5em; z-index: 100;}
.calsub-button:hover .calsub-menu { visibility: visible; }
.calsub-item:before { content: ""; display: block; float:left; width: 1.2em; 
			height: 1.2em; background-image: url('calendar-sub.png'); 
			margin-right: 0.5em; background-size: 7.2em 3.6em; 
			background-position: -6.0em 0em; }
.calsub-icalendar:before { background-position: -6.0em 0em; }
.calsub-google:before { background-position: -3.6em 0em; }
.calsub-live:before { background-position: -3.6em -1.2em; }
.calsub-rss:before { background-position: -3.6em -2.4em; }
.calsub-json:before { background-position: -4.8em 0em; }
.calsub-xml:before { background-position: -4.8em -1.2em; }
.calsub-sexp:before { background-position: -4.8em -2.4em; }
.calsub-item, .calsub-item:visited, .calsub-item:active { display: block; 
			text-decoration: none; color: rgb(64,64,64); padding: 0.15em; 
			border-radius: 0.3em; }
.calsub-item:hover { background-color: rgb(128,128,128); color: white; }