Hatena::Groupdaichan330

趣味には偏ってないだいちゃんの日記 このページをアンテナに追加 RSSフィード

2009-04-03

カラースターの省略数字スタイルを個別にカスタマイズする

| 10:51 |  カラースターの省略数字スタイルを個別にカスタマイズする - 趣味には偏ってないだいちゃんの日記 を含むブックマーク はてなブックマーク -  カラースターの省略数字スタイルを個別にカスタマイズする - 趣味には偏ってないだいちゃんの日記  カラースターの省略数字スタイルを個別にカスタマイズする - 趣味には偏ってないだいちゃんの日記 のブックマークコメント

色付きはてなスター「カラースター」の販売を開始しました - はてなスター日記

先日リリースされたカラースターですが、いつの間にか各カラースターの省略数字に対して、それぞれ以下のような個別のclass設定が行われていました。(はてなスター日記等では未広報)

デフォルト(イエロー)スター:hatena-star-inner-count*1

グリーンスター:hatena-star-inner-count-green

レッドスター:hatena-star-inner-count-green

ブルースター:hatena-star-inner-count-blue

なので、各カラースターの省略数字の色合いをスターと統一し、かつ、boldで強調表示する以下のCSS設定をブクマやダイアリー等に追加してみました。

/* はてなスターの省略数字変更 */
.hatena-star-inner-count {
  color: #f4b128;
  font-weight: bold;
}
.hatena-star-inner-count-green  {
  color: #8ed701;
  font-weight: bold;
}
.hatena-star-inner-count-red  {
  color: #ea475c;
  font-weight: bold;
}
.hatena-star-inner-count-blue  {
  color: #57b1ff;
  font-weight: bold;
}

表示結果

レッドスターとグリーンスターのサンプルが見つからないのですが、デフォルトスターとブルースターはこんな感じです。

(ブクマでの例)

f:id:daichan330:20090403104944p:image


関連

はてなアイデア - .hatena-star-inner-count以外のグリーン、レッド、ブルーの各種スター専用の省略数字CSS設定を設けて欲しい。(ex. .hatena-green-star-inner-count,.hatena-red-star-inner-count, .hatena-blue-star-inner-count)

*1:以前から広報されていたもの