Personalizando nuestro Firefox a través de userChrome.css

Una de las ventajas de Firefox es que nos permite múltiples personalizaciones y además para ello podemos utilizar varias vías.
Podemos utilizar extensiones o mediante el navegador tecleando about:config en nuestra barra de direcciones, ya que obtenemos un listado de todas las preferencias de usuario, muchas de las cuales no se encuentran presentes, utilizando el menú del navegador Herramientas/Preferencias.

Otra de las posibilidades que tenemos es editar el archivo userChrome.css. Este archivo no existe por defecto por lo que hemos de crearlo para poder ir almacenando nuestras preferencias. No obstante si tenemos un archivo de ejemplo llamado userChrome-example.css que podemos renombrar.

Dependiendo de nuestro sistema operativo y siempre teniendo en cuenta que  xxxxxxxx es una cadena aleatoria de 8 caracteres este archivo tiene una localización:

Windows Vista
C:\users\[User Name]\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\

Windows XP/2000
C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\

Windows 95/98/Me
C:\WINDOWS\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\

Linux
~/.mozilla/firefox/xxxxxxxx.default/chrome/

Mac OS X
~/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/


A continuación tenéis a título de ejemplo algunas de las posibilidades que tenemos para lo cual pegaremos las entradas que nos interesen en el mencionado archivo de ejemplo antes de renombrarlo:

Nos elimina del menú la entrada Editar y Ayuda (muy util siempre que nos conozcamos las telas rápidas para acceder a todas las opciónes)

#helpMenu, #edit-menu { display: none !important; }

Nos oculta el botón de ir a la página anterior cuando no tienes nada que mostrar

#back-button[disabled="true"] { display: none; }

Nos oculta el botón de ir a la página siguiente cuando no tienes nada que mostrar

#forward-button[disabled="true"] { display: none; }

Nos oculta el botón de parar cuando no tienes nada que parar

#stop-button[disabled="true"] { display: none; }

Oculta el botón para ir a la página de inicio/home

#home-button { display: none; }

Oculta el botón de Ir a la Url/Go, Este es uno de botones que jamás uso

#go-button-stack, .search-go-button-stack { display: none !important; }

Oculta la lupa del cajetín de búsqueda
"/>

.search-go-button-stack { display: none !important; }

Elimina el siguiente símbolo cuando no hay nada cargando

#throbber-box { display: none !important; }

Muestra el campo palabra clave cuando añadimos un marcador ya que por defecto no nos lo muestra aunque posteriormente si lo podemos editar

#keywordRow { display: -moz-grid-line !important; }

Nos permite hacer la pestaña de navegación activa algo más ancha que las demás

tab[selected="true"] { min-width: 200px !important; }

Convierte las pestañas inactivas en semitransparentes

#content tab:not([selected="true"]) { -moz-opacity: 0.5 !important; }