読者です 読者をやめる 読者になる 読者になる

Firefoxにルビを表示する。

「小説家になろう」を見ていたら、Firefoxで<ruby>タグが表示されないことに気付いた。

ユーザースタイルシートを使わないと表示されないらしい。userstyles.orgでruby検索をしたが該当無し、アドオンで発見した。

HTML Ruby | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト

ルビのためだけにアドオンをインストールしたくなかったので、xpiを展開しchrome/content/overlay.cssの中身だけStylishに適用。

@namespace url(http://www.w3.org/1999/xhtml);
ruby,rbc,rtc,rb,rt{
  line-height:1.4em!important;
  margin:0px!important;
  padding:0px!important;
  width:auto!important;
  height:auto!important;
  vertical-align:baseline!important;
  text-align:center!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  border-style:none!important;
  overflow:visible!important;
  text-indent:0px;
  letter-spacing:0px;
}
rtc,rbc{
  display:block!important;
}
rb,rt{
  display:inline-block!important;
}
rp,rtc+rtc{
  display:none!important;
}
rt{
  font-size:1em!important;
}
rtc,ruby>rt{
  font-size:.55em!important;
  -moz-transform:translateY(-1em)!important;
}
ruby{
  display:-moz-inline-stack!important;
  margin-top:.55em!important;
}