Stylish を使って Firefox(mac) に favicon を表示させる

windows を使ってる人は全く影響ないんで無視してくださいw
そもそも mac の Firefox はナビーゲーションツールバーにデフォルトで favicon が表示されないんです。
だから favicon だけを表示するといったことができないんです。

そんな悩みを解決したのが id:GSHOB7 です。
彼が小粋な CSS も提供してくれたおかげで凄い快適な生活へとかわりました。
と、これだけ持ち上げれば記事かいても大丈夫かと、、、(笑)
というわけでさっそく紹介します。

まず何をするかと言うと Stylish を追加します。
そしてここが一番重要。
小粋な CSS の登場です。
「ツール」->「Stylish」->「スタイルの管理」を選ぶと window がでてきます。
「書く」を選択するとさらにポップアップが。
それが下の図です。

概要はこのスタイルの名前なんで適当につけちゃってください。
そして真ん中のテキストエリアに CSS を貼付けます。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
toolbarbutton.bookmark-item:not([container="true"]) > .toolbarbutton-icon {
 padding: 0px !important;
 margin: 0px !important;
 width: 14px;
 height: 14px;
 display: inline !important;
}
 
.toolbarbutton-text-stack {
 margin: 0px !important;
 padding: 0px !important;
}

あとは「保存」を選択して終了。
これで favicon が表示されるようになりました。

めでたしめでたし。