ユーザ CSS

　

共有場所を決める

まず共有 CSS を置く場所を決めます。アクセスさえできればどこでも構いません。複数のアカウントを使用している場合は全アカウントがアクセスできる場所にしてください。ただしネットワーク上はやめた方が良いと思います。私の場合は単独アカウントなので、~/Documents/UserCSS/ にしています。

以下では ~/Documents/UserCSS/ にユーザ CSS を置いた例で説明します。

　

ユーザ CSS を用意する

ユーザ CSS はいくつあっても良いのですが、あまり多いとメインテナンスが面倒なので私の場合は下の2種類を使っています。なお、ユーザ CSS の書き方はネット上にたくさんあるのでご自分でどうぞ。

1. ad_blocking.css：広告ブロック用

Camino 内部の CSS をそのまま使っても良いですし、自前のものがある場合はそれを使う。

2. SiteAlteration.css：各サイト用

文字の大きさなどを自分好みに変更

　

Firefox の userContent.css を作成

Firefox の userContent.css の場所

~/Library/Application\ Support/Firefox/Profiles/xxx.default/chrome/userContent.css

userContent.css にはインポート用の記述のみをします。パスの形式は絶対パスでも相対パスでも OK ですが、絶対パスの方がメインテナンスが楽だと思います。xxx には各ユーザ名を記入してください。

@charset "UTF-8";
@import "file://localhost/Users/xxx/Documents/UserCSS/ad_blocking.css";
@import "file://localhost/Users/xxx/Documents/UserCSS/SiteAlteration.css";

　

Camino 内部 の ad_blocking.css を編集

Camino 内部 のad_blocking.css の場所

/Camino.app/Contents/Resources/ad_blocking.css

Camino 内部 の ad_blocking.css を大胆にカスタマイズします。既存のものは全部消して下記のように変更します。

こうすると、「環境設定 > Web 機能 > 広告の表示を防止する」でユーザ CSS の ON/OFF をライブで切り替えることができて非常に便利です。(要 Camino 2 以上)

もちろん Camino でも Firefox 同様に userContent.css を使えますが、上のようにした方が便利です。

なお、Camino をアップデートしたときは、このファイルを都度書き換えなければなりませんので注意してください。ちょっと面倒ですが、慣れれば何ということはないです。

@charset "UTF-8";
@import "file://localhost/Users/xxx/Documents/UserCSS/ad_blocking.css";
@import "file://localhost/Users/xxx/Documents/UserCSS/SiteAlteration.css";