Mozilla Firefox 用エクステンション「TargetAlert」

Going My Way で Mozilla Firefox 用エクステンション「TargetAlert」を知って試してみた。私はよくキャプチャを撮る変わり者なので、userContent.css に、a 要素に hover したときリンク先のステータスを追加表示するスタイルを書いて使っている。勝手に何か起動するいやんなリンクを警告色で表示するとかちょっと便利。TargetAlert を参考に、表示するファイルの種類を増やしてみたのを自分用にメモしとく。

a:hover[target^="_blank"]:after{
  content:"[blank]";
  background : #009;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href^="mailto:"]:after{
		content: "[mail]";
  background : #d00;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href^="javascript:"]:after{
		content: "[JS]";
  background : #d00;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".rdf"]:after{
		content: "[RDF]";
  background : #090;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".rss"]:after{
		content: "[RSS]";
  background : #090;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".xml"]:after{
		content: "[XML]";
  background : #090;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".jpg"]:after,a:hover[href$=".png"]:after,a:hover[href$=".gif"]:after{
		content: "[img]";
  background : #090;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".swf"]:after{
		content: "[Flash]";
  background : #090;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".pdf"]:after{
		content: "[PDF]";
  background : #d00;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".ppt"]:after{
		content: "[PPT]";
  background : #d00;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".xls"]:after{
		content: "[Excel]";
  background : #d00;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}
a:hover[href$=".doc"]:after{
		content: "[Word]";
  background : #d00;
  color : #fff;
  padding : 1px;
  font-size : 6px;
}