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 ; 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.

Pour éditer mon userChrome.css, 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 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.

Capture d'écran

démonstration Firefox 3.0b5 proto

Télécharger

Télécharger : Firefox 3.0b5 chrome
Archive, ±1932 Octets
Archive contenant les images et le userChrome.css.

commenter (0)