取り急ぎ、「hatena」以外のテーマを使っている方、「カススタon はてな(サムネイル版)」などで独自スタイルを使っている方の参考になれば。
- 表全体:table.calendar
- 「<<」:td.calendar-prev-month
- 「○月」:td.calendar-current-month
- 「>>」:td.calendar-next-month
- 曜日の「日」:td.calendar-sunday
- 曜日の「月」〜「金」:td.calendar-weekday
- 曜日の「土」:td.calendar-saturday
- 各日付(11月なら「1」〜「30」):td.calendar-day
(以下は、スタイルシートビギナーの方向けの内容です)
たとえば、日記が書かれている日付にのみ特定のスタイルシートを適用したい場合は、「td.calendar-day a」に指定します。
td.calendar-day a{ padding:0 3px; background-color:#000; color:#fff; font-weight:bold; }
などと書けば、
- 日記のある日付の幅が広がってクリックしやすくなり(padding:0 3px;)
- 背景色が黒になり(background-color:#000;)
- 文字の色が白になり(color:#fff;)
- 太字になり(font-weight:bold;)
ます。
(追記:paddingは、単にtd.calendar-dayに対して指定する「td.calendar-day {padding:0 3px;}」でもよいかも)