blogOSX

10/05/08

mon userChrome.css (Firefox 3.0b5)

Firefox

Bon, j'utilise Firefox 3.0b5 depuis un petit moment, et j'apprécie assez le thème proto, je trouve les icônes très réussies^[1] ; de plus, Firefox consomme beaucoup moins de ressources (surtout la RAM) que par le passé, à tel point qu'il paraîtrait qu'il soit moins gourmand que Safari^[2].

Pour éditer mon userChrome.css^[3], j'ai commencé par m'inspirer de la page Customization and Extensions de Aronnax pour modifier l'icône des RSS dans la barre d'adresse en utilisant celle de Safari, convertie au format PNG. J'ai utilisé le message^[4] de edgarf28 sur les forums de MozillaZine pour modifier le rendu de Fission 0.9.5 dans un meilleur Safari Style (sans utiliser l'interface graphique des préférences de l'extension, que je trouve assez calamiteuse lorsqu'il s'agit de choisir une image et/ou une couleur).

En me promenant sur userstyles.org, j'ai fait une agréable découverte : Firefox 2+3 - Slim Extension List ; toujours appréciable lorsque l'on utilise beaucoup d'extensions.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#stop-button[disabled="true"] {
	display:none;
}
#stop-button:not([disabled]) + #reload-button {
	display:none;
}
 
#feed-button[feeds] { 
	list-style-image: url("ShowRSSButton.png") !important; 
	padding-right:2px !important;
	padding-left:2px !important;
	-moz-image-region:auto !important;
	width:27px !important;
} 
 
#urlbar #statusbar-icon > .progress-bar {
	background: url("progressmeter.png") repeat-x left center !important;
	background-color: transparent !important;
}
 
#urlbar[fission="fusion"] > #statusbar-icon > .progress-bar {
	background-color: #a9d2ff !important;
}
 
/*
	Firefox 2+3 - Slim Extension List
	http://userstyles.org/styles/5904
*/
 
#extensionsView richlistitem[selected=true] {
  background-image: none !important;
}
 
#extensionsView richlistitem:not([selected=true]) .addonIcon,
#extensionsView richlistitem:not([selected=true]) .addonIcon > image {
  height: 16px !important;
  width: 16px !important;
}
 
#extensionsView richlistitem:not([selected=true]) .addon-description {
  display: none !important;
}
 
#extensionsView richlistitem:not([selected=true]) .notifyBadge,
#extensionsView richlistitem:not([selected=true]) .updateBadge {
  height: 8px !important;
  width: 8px !important;
}

À noter aussi, quelques bouts de CSS pour essayer de se passer de Stop-or-Reload Button… du temps où cette extension n'était pas encore compatible avec Firefox 3.