休日表示付リアルタイムカレンダー

注):環境が変わったため、内容が一部記事と合致しません。

小粋空間さんのカスタマイズのカレンダーが休日表示付リアルタイムカレンダーに更新されました。ここではCSSテンプレートを少しいじくってみました。

追加するCSSを

.today {
    display: block;
    border: 1px solid #999999;
}
.red {
    display: block;
    background: #ffeff7;
}
.blue {
    display: block;
    background: #e7f3ff;
}

とするとこのサイトのように土日休日が背景色として表示されます。

!importantな要素を指定した場合、休日とエントリーが重なると、日付にエントリーが有るか無いか分かり難いので、この表示の方法も取れます。