ユーザCSSを手軽に追加できるFirefoxの拡張機能、Stylishをとても重宝しているのですが、新規に追加するCSSの初期状態が以下のようになっていることにやや不満を持っていました。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://...") {
}
不満なところ:
url("...")
の引用符を外したい@-moz-document
の書式が記されている per-site user stylesheet rulesでは、URLに引用符をつけない書き方になっていたので、以降引用符をつけない書き方をする習慣がついていました。ついていても実用上問題は無いとは思いますが、何となく正式らしい書式に合わせたい欲求がありました。url(...)
ではなく url-prefix(...)
を使いたいそんなわけで以下の手順にて改造。
this.addSite
と this.addDomain
の定義を以下のように書き換え。
this.addSite = function() {
var url = window.content.location.href;
var code = "@-moz-document url-prefix(" + url + ") {\n\n}";
stylishBrowserOverlay.add(code);
}
this.addDomain = function(domain) {
var code = "@-moz-document domain(" + domain + ") {\n\n}";
stylishBrowserOverlay.add(code);
}
以上、覚え書きとしてメモ。無保証です。