サイトによっては、sslで暗号化してセキュアに通信できるものがあり、その URL は https で始まります。
firefox ではこのような httpsで始まる安全なページにアクセスすると、Firefoxのロケーションバーに鍵アイコンが付きます。
鍵アイコンだけではなく、もっと分かりやすくなるように、ロケーションバーの背景色を緑色に変えるスタイルが以下のものです。
/* 安全な（暗号化された）サイトを訪れた際にロケーションバーの背景色変更 */
#urlbar[level=high] .autocomplete-textbox-container {
background-color: #00DB00!important; color: #000000!important;
}
また、下記のスタイルでは、問題のある httpsサイトではロケーションバーの背景色が黄色になります。
/* 問題のあるページを訪れた際にロケーションバーの背景色変更 */
#urlbar[level=broken] .autocomplete-textbox-container {
background-color: #ffff00!important; color: #000000!important;
}
問題のあるサイトとは、httpsページに httpのコンテンツが混ざっているページです。
例えば、ページ内に画像が配置してあり、その画像ファイルのurlがhttpの場合です。
下記は問題のある httpsサイトの例です。
上記スタイルを設定後、アクセスしてみて下さい。ロケーションバーの背景色が黄色になります。
https://kuix.de/misc/insecure-image/
このようなページの問題については、以下が詳しいです。
HTTP用のページにHTTPSでアクセスする – T.Teradaの日記
参考
userchrome.css – Mozilla Firefox まとめサイト
HTTP用のページにHTTPSでアクセスする – T.Teradaの日記
コメント