オープンソースの画像生成AIをセットアップから使い方まで解説する『Stable Diffusion AI画像生成ガイドブック』(ソシム刊)発売中(→本のサポートページ

calendar2モジュールのクラス一覧

【元記事:calendar2モジュールのクラス一覧:d:id:manpukuya:20031118:p1

取り急ぎ、「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;}」でもよいかも)