コメントのスタイルをいじってみたよヽ(´ー｀)ノ

追記

羊堂本舗(2004-06-19)さんによると

line-height には単位を付けない方がいいかも。勝手に将棋トピックスを参照。

とのことだったので、line-heightから単位を抜いてみた。あまり変わらないけど。というかリンク先を読んでみたのだが、たぶん、このスタイルの場合はdiv.commentshort pのline-heightを継承するspan.commentatorにも明示的にline-heightを指定してるから問題ないかも、と思った。でも理解し損ねてるかもしれない。それにしてもCSSの継承ってマジ面倒だと思った*3。

あと、このスタイルを採用してほしいのは、真っ先にid:hatenadaiaryだと思ったが、そうすると却ってコメントが付けやすくなってid:hatenadaiaryが要望と論争で埋まりまくったりすると嫌度倍増なのでこのまま読み辛いままのあなたでいてね（はあと）と思いなおした（速攻で）*4。

追追記 2005-03-10

追々々記 2006-03-22

最近はこんなんになってます。

span.canchorにアンカーが埋められるようになったので安易にdisplay: noneしちゃいかんということへの対応です。

/*== COMMENT ==*/
div.comment {
  padding: 5px;
  margin: 0px 5px 20px 5px;
}
div.comment div.caption {
  padding: 3px;
  margin-bottom: 3px;
  border-bottom: 1px dotted #696;
  color: black;
}
div.comment div.caption a {
  color: black;
  border: none;
  text-decoration: none;
}
div.comment div.caption a:visited {
  color: black;
}
div.comment div.caption a:hover {
  color: black;
}

div.comment div.commentshort {
  padding: 0;
  margin: 0 2em;
}
div.comment div.commentshort p {
  padding: 5px;
  margin: 0;
  margin-top: 5px;
  border-bottom: 1px solid #696;
  border-left: 1px solid #696;
}
div.comment div.commentshort p span.canchor {
  display: block;
}
div.comment div.commentshort p span.canchor a {
  color: red;
  background-color: bisque;
  border: none;
  text-decoration: none;
}
div.comment div.commentshort p span.canchor a:visited {
  color: red;
  background-color: bisque;
}
div.comment div.commentshort p span.canchor a:hover {
  color: red;
  background-color: bisque;
  border: 1px solid red;
}
div.comment div.commentshort p span.commentator {
  display: block;
  margin-bottom: 0.5em;
}