カレンダーモジュールがリリース

<a href="http://staff.hatenablog.com/entry/2014/11/13/125500">「月別アーカイブ」モジュールを拡張し、サイドバーに「カレンダー」を表示できるようにしました（修正済みの不具合に関する追記あり） - はてなブログ開発ブログ</a>

　カレンダーモジュールがリリースされました。リスト形式のアーカイブは縦幅が広すぎて使いづらかったのですが、カレンダー＋セレクトボックスであれば一定のスペースに詰め込めるので捗ります。使用するのにあたってCSSを書いてみたのでシェアします。

/* エントリがある時はアンダーライン */
.hatena-module .calendar-day a {
   text-decoration:underline;
}

/* 半透明処理解除（普通はいらない） */
.hatena-module .calendar-day a:hover {
  opacity: 1;
}

/* 枠線 */
.hatena-module .calendar-day {
   border:1px solid #999;
}

/* マウスオーバーでおっきくなる */
.calendar-day:hover {
  -webkit-transform: scale(1.3);  
  -moz-transform: scale(1.3);
}

/* 土曜ヘッダ */
.hatena-module .calendar-saturday {
  color: #00f;
}

/* 日曜ヘッダ */
.hatena-module .calendar-sunday {
  color: #f00;
}

/* 平日ヘッダ */
.hatena-module .calendar-weekday {
  color: #333;
}

/* ヘッダ全体 */
.hatena-module .calendar-saturday, .hatena-module .calendar-sunday,.hatena-module .calendar-weekday {
  font-weight: bold;
  border:1px solid #999;
  background-color:#ccc;
}

/* カレンダーモジュールに余白 */
.archive-module-calendar {
    padding:5px;
}