ついったonはてな

この前適当に作ったGoogle Gadgetがなぜか表示されなくなっていたので、もうちょっとソフトな方法を試してみることに。
とりあえずTwitter Badge。TLが出る方のFlashは相変わらず死んでいるのでHTMLで。Badgeを作るページにはCSSでデザイン変えられるよーと書いているんだけど、idも指定されてないでどうやってCSS適用すんじゃい・・・
と思ってたら、ここ見て解決。なるほど、idで状況依存指定すればいいのね。
そんな感じで出来上がったのがこちら。

ul#twitter_update_list {
  margin: 10px 5px 10px 5px;
}

#twitter_update_list li {
  background-color: #d0e0d0;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

#twitter_update_list li:hover {
  background-color: #80ff80;
}

div#twitter_div {
  background-color: #a0b0a0;
}

div#twitter_title {
  background-color: black;
  color: white;
  font-weight: bold;
  font-size: 120%;
}

これをはてなのデザイン管理のとこでスタイルシートとして指定すればOK。