2008年11月16日日曜日

Stylish で特定の URL ではじまるサイトのスタイルを書く

1. 特定の URL で始まるサイトを対象とする

Stylish では、特定の URL, ドメインを対象としたスタイルを書くことができる。では、特定の URL で始まるサイトを対象にしたスタイルを定義したい場合、どのように指定すればいいのだろう?

 

サイト規則で指定

ステータスバーの  Stylish のアイコン 081116-001

  • 右クリック > 「スタイルを書く > 空のスタイル

を選択。

「スタイルを追加」ダイアログが表示されるので、「挿入」セレクトボックスから「サイト規則」を選択。

081116-003

「サイト指定」ダイアログが表示されるので、ラジオボタンの「前に付く」を選択し、フィールドに URL を記入する。

例えば、Google-Maps-API-Japan | Google グループ のスタイルを変更したいなら、

をフィールドに入力し、追加ボタンを押す。

081116-004

「スタイルを追加」ダイアログに文字列が挿入されるので、スタイルを { } の中に書く。

081116-005

 

2. @-moz-document

`@-moz-ducument’ の `-moz’ は拡張仕様を表す。

Mozilla 拡張仕様 – MDC によると、

Mozilla は '-moz' ではじまる多くの CSS の拡張仕様をサポートしています。

@-moz-document の意味は、@-moz-document – MDC によると、

@-moz-document 規則は、ドキュメントの URL 上にあるスタイルのスタイル規則を制限する、Gecko 仕様の @ 規則です。これはユーザスタイルシートで最初に記述されます。

によると、Stylish が挿入した文字列

`url-prefix

が、指定した URL で始まるページに対してスタイルを適用することを表す。

@-moz-document url(http://www.w3.org/),
               url-prefix(http://www.w3.org/Style/),
               domain(mozilla.org)