Icons for User Agent Switcher Firefox extension, example style for userChrome.css

userAgentSwitcherIcons.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xul") {

/* User Agent Switcher */
menu[id^="useragentswitcher-"] {
	-moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
}
menu[id^="useragentswitcher-"] > .menu-iconic-left {
	-moz-appearance: menuimage !important;
}

#useragentswitcher-button[label^="Google Chrome"],
menu[id^="useragentswitcher-"][label^="Google Chrome"] {
	list-style-image: url("img/chrome_16.png") !important;
}
#useragentswitcher-button[label^="Internet Explorer"],
menu[id^="useragentswitcher-"][label^="Internet Explorer"],
#useragentswitcher-button[label^="Internet Explorer 9"],
menu[id^="useragentswitcher-"][label^="Internet Explorer 9"] {
	list-style-image: url("img/ie9_16.png") !important;
}
#useragentswitcher-button[label^="Internet Explorer 6"],
menu[id^="useragentswitcher-"][label^="Internet Explorer 6"] {
	list-style-image: url("img/ie6_16.png") !important;
}
#useragentswitcher-button[label^="Internet Explorer 7"],
menu[id^="useragentswitcher-"][label^="Internet Explorer 7"],
#useragentswitcher-button[label^="Internet Explorer 8"],
menu[id^="useragentswitcher-"][label^="Internet Explorer 8"] {
	list-style-image: url("img/ie7_16.png") !important;
}
#useragentswitcher-button[label^="Opera"],
menu[id^="useragentswitcher-"][label^="Opera"],
#useragentswitcher-button[label^="Opera 1"],
menu[id^="useragentswitcher-"][label^="Opera 1"] {
	list-style-image: url("img/opera12_16.png") !important;
}
#useragentswitcher-button[label^="Opera 9."],
menu[id^="useragentswitcher-"][label^="Opera 9."] {
	list-style-image: url("img/opera_16.png") !important;
}
#useragentswitcher-button[label^="Opera 10."],
menu[id^="useragentswitcher-"][label^="Opera 10."],
#useragentswitcher-button[label^="Opera 11."],
menu[id^="useragentswitcher-"][label^="Opera 11."] {
	list-style-image: url("img/opera10_16.png") !important;
}
#useragentswitcher-button[label^="Safari"],
menu[id^="useragentswitcher-"][label^="Safari"] {
	list-style-image: url("img/safari_16.png") !important;
}

#useragentswitcher-button[label^="Firefox"],
menu[id^="useragentswitcher-"][label^="Firefox"] {
	list-style-image: url("img/fx3.5_16.png") !important;
}
#useragentswitcher-button[label^="Firefox 1."],
menu[id^="useragentswitcher-"][label^="Firefox 1."],
#useragentswitcher-button[label^="Firefox 2.0"],
menu[id^="useragentswitcher-"][label^="Firefox 2.0"],
#useragentswitcher-button[label^="Firefox 3.0"],
menu[id^="useragentswitcher-"][label^="Firefox 3.0"] {
	list-style-image: url("img/fx3.0_16.png") !important;
}
#useragentswitcher-button[label^="Minefield"],
menu[id^="useragentswitcher-"][label^="Minefield"] {
	list-style-image: url("img/fx_alpha.png") !important;
}
#useragentswitcher-button[label^="Nightly"],
menu[id^="useragentswitcher-"][label^="Nightly"] {
	list-style-image: url("img/fx_nightly_16.png") !important;
}

menuitem[id^="useragentswitcher-user-agent-"][label^="Google Chrome"] > .menu-iconic-text {
	background: url("img/chrome_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Internet Explorer"] > .menu-iconic-text {
	background: url("img/ie9_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Internet Explorer 6"] > .menu-iconic-text {
	background: url("img/ie6_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Internet Explorer 7"] > .menu-iconic-text,
menuitem[id^="useragentswitcher-user-agent-"][label^="Internet Explorer 8"] > .menu-iconic-text {
	background: url("img/ie7_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Opera"] > .menu-iconic-text,
menuitem[id^="useragentswitcher-user-agent-"][label^="Opera 1"] > .menu-iconic-text {
	background: url("img/opera12_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Opera 9."] > .menu-iconic-text {
	background: url("img/opera_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Opera 10."] > .menu-iconic-text,
menuitem[id^="useragentswitcher-user-agent-"][label^="Opera 11."] > .menu-iconic-text {
	background: url("img/opera10_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Safari"] > .menu-iconic-text {
	background: url("img/safari_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Firefox"] > .menu-iconic-text {
	background: url("img/fx3.5_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Firefox 1."] > .menu-iconic-text,
menuitem[id^="useragentswitcher-user-agent-"][label^="Firefox 2.0"] > .menu-iconic-text,
menuitem[id^="useragentswitcher-user-agent-"][label^="Firefox 3.0"] > .menu-iconic-text {
	background: url("img/fx3.0_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Minefield"] > .menu-iconic-text {
	background: url("img/fx_alpha.png") center left no-repeat !important;
	padding-left: 20px !important;
}
menuitem[id^="useragentswitcher-user-agent-"][label^="Nightly"] > .menu-iconic-text {
	background: url("img/fx_nightly_16.png") center left no-repeat !important;
	padding-left: 20px !important;
}

}