Firefox
HTTPS対応サイトでロケーションバーに斜めストライプの色を付ける方法
Firefox 9で、HTTPS対応サイトを開いた時に、ロケーションバーに薄く斜めのストライプ色を付けて、認証サイトだとわかりやすくする方法。
[スタイル適用前]

[スタイル適用後]

ユーザースタイルシート(userChrome.css)で以下を記述する。
[スタイル適用後]
ユーザースタイルシート(userChrome.css)で以下を記述する。
/* ::::: Firefox 9 HTTPS対応サイトのロケーションバーに薄くストライプ色 ::::: */
#urlbar[level] {
background-color: rgba(255, 255, 0, 0.1) !important;
background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png") !important;
background-repeat: repeat-x !important;
}
#urlbar[level] {
background-color: rgba(255, 255, 0, 0.1) !important;
background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png") !important;
background-repeat: repeat-x !important;
}