さらにスキン調整

いざ普通のリンクを張ってみたら、自動でつくキーワードリンクがうっとうしかったから(普通のリンクが埋もれてわかりにくくなってたから)、キーワードリンクを目立たなくしてみた。

具体的には

a.keyword {
  text-decoration: none;
  border-bottom: 1px solid gray;
}

これを

a.keyword:link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fc7819;
}
a.keyword:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #a64f11;
}

こう変えた。

さらに

div.mainの左側のスペースがpaddingで指定されていたため、sidebarを背面に追いやったときにリンクも背面に行ってしまい、クリックできないようになっていた。これはうかつなり。ていうかpaddingで指定すんなよ。

と言うわけで以下の2行をdiv.mainの中に追加して問題解決。

  padding-left: 0;
  margin-left: 30%;