[WordPress.com] カレンダーウィジェットの日付を丸くする

WordPress.com にはカレンダーウィジェットというのがあります。私自身は、どちらかというと機能的なことよりもブログのデザインの一つとして利用している面が強いです。

そういうわけで、とりあえず、私自身のブログで使っているカレンダー用の CSS を紹介しておきます。

Twenty Eleven

AccessMenuBarApps-1

/* カレンダー comemo-theme-twenty-eleven rev.0.1 */
.widget_calendar #wp-calendar th,.widget_calendar #wp-calendar tfoot td {
	border: none;
	background: none;
}

.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	width: 14%;
}

#today {
	border: 1px solid #d38110;
	border-radius: 2px;
}

.widget_calendar tbody td a, .widget_calendar tbody td a:visited {
	background-color: #DC8110;
	border-radius: 12px 12px 12px 12px;
	color: #FFFFFF;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 1px;
	vertical-align: middle;
	width: 24px;
}

.widget_calendar tbody td a:hover {
	background-color: #e8a870;
	color: white;
}

続きを読む

#2013