asamuzaK.jp : FirefoxのuserContent.css

春になってサイトのリニューアルが目立つ。 新聞社系でもasahi.comや東京新聞(TOKYO Web)がリニューアルされた。 で、仕事上、新聞社の記事を印刷する機会が多いのだが、余計なものまで印刷したくはない^^; そこでユーザスタイルシート(FirefoxではuserContent.css)の登場となる。 Firefoxには、サイト毎にスタイル指定を記述できる@-moz-documentという@ルールがあって、これはかなり便利。 しかし、これに@mediaルールを組み合わせて、サイト毎の印刷時のスタイル指定を記述しようとすると、うまくいかない。 例えば、下記のように記述してもダメで、@ルールの入れ子はどうやら無視される。 @media print { @-moz-document domain(asahi.com) { #right { display : none; } } } では

[jrf]

Stylish で @-moz-document 以下に @media が使えないので私は GreaseMonkey を使ったが、@import にメディアタイプを指定するという方法もあったのか。でも、Stylish でどのディレクトリから import すべきかがわからず試していない。

[zetamatta]

印刷時のスタイル指定の「@media print{…}」とユーザスタイルシートでドメインを限定する時の「@-moz-document{…}」が入れ子にできないので、「@import 'ファイル名' print;」を「@media print」の代わりに使うの術