Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Cambios del tema en Firefox 2

Este artículo trata los cambios que deben hacerse para actualizar un tema de Firefox para que funcione correctamente en Firefox 2. lo comento, solo pertimente en el wiki inglés <div class="note">'''Note:''' We could use an article called Updating themes for Firefox 2 that would serve as a how-to guide for updating themes. If anyone with theming experience would like to write one, please do!</div>

Cambios en el navegador que requieren actualizaciones en el tema

Varios archivos del navegador han sido modificados o suprimidos, por lo que puede que tengas que hacer cambios en tu tema. Esta tabla lista los archivos XUL modificados y los correspondientes archivos CSS del tema que puede que tengas que actualizar.

Archivo XUL Archivo CSS Detalles
feeds/addFeedReader.xul feeds/addFeedReader.css Archivo nuevo que muestra una UI para añadir un nuevo agregador.
feeds/subscribe.xhtml feeds/subscribe.css Archivo nuevo que muestra la UI para suscribirse a un feed RSS.
preferences/downloads.xul - Eliminado en Firefox 2.
preferences/general.xul - Eliminado en Firefox 2.
safebrowsing/warning-overlay.xul safebrowsing/browser-protection.css Archivo nuevo que contiene una capa externa que se muestra en la parte superior del navegador cuando visitamos un sitio sospechoso de phishing.
search/engineManager.xul engineManager.css Archivo nuevo que contiene la UI de la ventana del administrador de motores de búsqueda.

Cambios en el tema default (el que viene por defecto)

La siguiente tabla lista todos los cambios hechos en el tema por defecto para Firefox 2. Puedes usar esta información como ejemplo para entender los cambios que necesitas hacer.

Archivo Descripción de los cambios
browser/bookmarks/addBookmark.css Actualizado para incluir cambios en el CSS relacionados con los micro-resúmenes.
browser/bookmarks/bookmarksProperties.css Archivo nuevo; incluye CSS para los micro-resúmenes.
browser/browser.css Necesita ser actualizado para incluir CSS para los micro-resúmenes, áreas de búsqueda, items del memú marcadores con iconos, y más.
browser/dropmark-nav-small.png Archivo nuevo; es la flecha del menú desplegable de los botones de navegación, cuando usamos iconos pequeños.
browser/dropmark-nav.png Archivo nuevo; es la flecha del menú desplegable de los botones de navegación.
browser/engineManager.css Archivo nuevo; CSS usado por el administrador de motores de búsqueda.
browser/feeds/addFeedReader.css Archivo nuevo; CSS usado en la ventana para añadir un nuevo agregador.
browser/feeds/feedIcon.png Archivo nuevo; el icono de feed RSS.
browser/feeds/feedIcon16.png Archivo nuevo; la versión de 16x16 píxeles del icono de feed RSS.
browser/feeds/subscribe.css Archivo nuevo; CSS usado en la ventana de subscripción a un feed RSS.
browser/Go-rtl.png Archivo nuevo; icono "ir" para usarlo si es colocado a la izquierda del campo de direcciones.
browser/preferences/preferences.css Archivo de skins de la ventana de preferencias.
browser/safebrowsing/browser-protection.css Archivo nuevo; CSS para la ventana que aparece para advertir al usuario que un sitio puede ser fraudulento, así como el icono de la barra URL que indica que un sitio puede ser fraudulento.
browser/safebrowsing/close16x16.png Archivo nuevo; este es el icono mostrado ventana de advertencia de "navegación segura " como una caja para cerrar la ventana.
browser/safebrowsing/dim.png Archivo nuevo; este es un gráfico superpuesto en nivel superior del contenido de la ventana para "debilitarla" cuando se muestra la ventana de advertencia de navegación segura. Debe usar transparencia para permitir que el contenido de la ventana sea visible a través de él.
browser/safebrowsing/tail.png Archivo nuevo; esta es la "cola" del estilo de la ventana que indica que un sitio puede ser fraudulento.
browser/safebrowsing/warning16x16.png Archivo nuevo; esta es la versión en 16x16 píxeles del icono de advertencia mostrado en la barra de direcciones cuando aparece la ventana de advertencia de navegación segura.
browser/safebrowsing/warning24x24.png Archivo nuevo; este es el icono de advertencia que se muestra dentro de la ventana de advertencia de navegación segura.
browser/search-bar-background-mid.png Archivo nuevo; es el fondo para la parte central de la barra de búsqueda. Ahora los extremos de la barra son tratados por separado.
browser/search-bar-background.png Archivo eliminado.
browser/Search-bar.png Archivo eliminado.
browser/Search-go-rtl.png Archivo nuevo; es el botón "ir" que se muestra en el extremo izquierdo de la caja de búsquedas.
browser/Search-go.png Archivo nuevo; es el botón "ir" que se muestra en el extremo derecho de la caja de búsquedas.
browser/Search-provider-bkgnd-rtl.png Archivo nuevo; el fondo dibujado detrás del proveedor de búsqueda cuando está localizado a la izquierda al final de la barra de búsqueda.
browser/Search-provider-bkgnd.png Archivo nuevo; el fondo dibujado detrás del proveedor de búsqueda cuando está localizado a la derecha al final de la barra de búsqueda.
global/about.css Archivo nuevo; CSS utilizado en el cuadro "acerca de" de la aplicación.
global/alltabs-box-bkgnd.png Archivo nuevo; es el fondo del menú emergente "todas la pestañas" que está a la derecha de la barra de pestañas.
global/alltabs-box-overflow-bkgnd.png Archivo nuevo; es el fondo del menú emergente "todas la pestañas" cuando hay suficientes etiquetas para activar la barra de desplazamiento de la barra de pestañas.
global/browser.css Revisado para soportar nuevos estilos para la ventana principal del navegador
global/globalBindings.xml Actualizado para soportar los cambios en la barra de pestañas, incluido el botón para cerrar pestañas.
global/icons/alltabs.png Actualmente sin uso, resto de esbozos anteriores del tema.
global/inactivetab-left.png Archivo eliminado.
global/inactivetab-right.png Archivo eliminado.
global/menu.css Actualizado para incluir nuevos estilos.
global/notification.css Archivo nuevo; define los estilos utilizados por la barra de notificación que aparece en la parte superior de las ventanas del navegador para presentar noticias com "se ha bloqueado un popup"
global/scrollbox/autorepeat-arrow-dn-dis.gif Archivo nuevo; icono desplegado para la flecha hacia abajo deshabilitada del auto-repeat en un a caja desplegable.
global/scrollbox/autorepeat-arrow-dn.gif Archivo nuevo; icono mostrado para la flecha hacia abajo de una caja desplegable.
global/scrollbox/autorepeat-arrow-up-dis.gif Archivo nuevo; icono mostrado para una flecha arriba deshabilitada en una caja desplegable.
global/scrollbox/autorepeat-arrow-up.gif Archivo nuevo; icono mostrado en la caja superior de la barra de desplazamiento auto-repetitiva.
global/scrollbox.css Necesita ser actualizado para incluir nuevos estilos.
global/tab-arrow-end-bkgnd.png Archivo nuevo; es el fondo para el cuadro de la barra de desplazamiento en la flecha del lado derecho.
global/tab-arrow-end.png Archivo nuevo; the arrow drawn in the scrolling tab bar box at the right end of the tab bar.
global/tab-arrow-start-bkgnd.png Archivo nuevo; es el fondo para el cuadro de la barra de desplazamiento en la flecha del lado izquierdo.
global/tab-arrow-start.png Archivo nuevo; the arrow drawn in the scrolling tab bar box at the left end of the tab bar.
global/tab-left.png Archivo nuevo; el lado izquierdo de las pestañas
global/tab-middle.png Archivo nuevo; el centro de las pestañas
global/tab-right.png Archivo nuevo; el lado derecho de las pestañas
global/tabbrowser-tabs-bkgnd.png Archivo nuevo; es el fondo de la barra de las pestañas, mostrado detrás de las pestañas.
global/toolbar.css Necesita ser actualizado para incluir nuevos estilos.
mozapps/extensions/about.css Actualizado para simplificar los nombres de los estilo, ya que varios estilos eran idénticos.
mozapps/extensions/extensions.css CSS para la ventana del administrador de add-ons. Actualizado para soportar las nuevas caracteristicas del administrador de add-ons de Firefox 2.
mozapps/extensions/itemDisabledFader.png Archivo nuevo; un PNG con transparencia usado como capa externa sobre los objetos deshabilitados en el add-on manager.
mozapps/extensions/itemEnabledFader.png Archivo nuevo; un PNG con transparencia usado como capa externa sobre los objetos habilitados en el add-on manager.
mozapps/extensions/notifyBadges.png Archivo nuevo; contiene los íconos que van a ser usados como capas sobre iconos de los add-ons en la ventana add-on manager, estos indicarán el estado de estos. Los siguientes iconos son usados en el tema por defecto:

Image:NotifyBadges.png

  • El primer ícono (verde aquí) indica que ese add-on tiene una actualización disponible.
  • El segundo icono (amarillo aquí) el add-on en cuastión aparece como bloqueado en la lista; esto mientras se intenta confirmar.
  • El tercer icono (rojo aquí) indica que el add-on se encuentra desabilitado, por el usuario, o porque es incompatible con la aplicación.
  • El cuarto (azul aquí) (no estoy seguro de los que este significa).
mozapps/extensions/question.png New file; used in the Add-ons Manager when you check for updates. If no updates are found, this icon is displayed at the left side of the message strip that appears across the top of the window.
mozapps/extensions/update.css This file, which skins the Firefox update wizard, has fewer styles in it due to the redesigned update wizard.
mozapps/extensions/viewButtons.png New file; contains icons for each of the views that may be available in the add-ons manager. In the default theme, these look something like this:

Image:ViewButtons.png
The top row contains dimmed versions of the icons below them. The first icon is for the extensions view. The second is for themes. The third is for locales, the fourth is for plugins, the fifth is for updates, and the sixth is for installs.

mozapps/pref Este directorio ya no se usa en Firefox 2 y debería ser borrado.

Cambios en browser

bookmarks/addBookmark.css

Deberías añadir las siguientes líneas al inicio del archivo addBookmarks.css:

@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("https://www.w3.org/1999/xhtml");

También hay que añadir CSS en relación con los microresúmenes para proporcionar formato al recolector de microresúmenes. Se usa para que cuando no hay microresúmenes disponibles, el recolector parezca una caja de texto normal en vez de parecer una lista de menús editable.

  • menulist#name[droppable=false]
  • menulist#name[droppable=false] > .menulist-editable-box
  • menulist#name[droppable=false] > .menulist-editable-box > html|*.textbox-input
  • menulist#name[droppable=false] > .menulist-dropmarker
  • menulist#name[droppable=false] > menupopup>

Este archivo da estilo a addBookmark2.xul.

bookmarks/bookmarksProperties.css

Este archivo es nuevo en Firefox 2, y debería contener el mismo código CSS añadido a addBookmark.css. Este archivo da estilo a bookmarksProperties.xul.

Nota: se puede poner este CSS en un archivo separado que será referenciado por ambos archivos en el futuro

browser.css

Los siguientes estilos usados en temas para Firefox 1.5 ya no se usan en Firefox 2 y deberían ser borrados de tu tema:

  • #bookmarks-button:active
  • #copy-button:active
  • #cut-button:active
  • #downloads-button:active
  • #forward-button[buttondown="true"]
  • #history-button:active
  • #home-button:active
  • #mail-button
  • #mail-button:active
  • #mail-button[disabled=true]
  • #mail-button[open="true]
  • #new-tab-button:active
  • #new-tab-button[checked=true]
  • #new-window-button:active
  • #new-window-button[checked=true]
  • #paste-button:active
  • #print-button:active
  • #reload-button:active
  • #stop-button:active
  • .messageButton
  • .messageImage
  • .messageText
  • browsermessage
  • toolbar[iconsize=small] #bookmarks-button:active
  • toolbar[iconsize="small] #copy-button:active
  • toolbar[iconsize="small] #cut-button:active
  • toolbar[iconsize="small] #downloads-button:active
  • toolbar[iconsize="small] #history-button:active
  • toolbar[iconsize="small] #home-button:active
  • toolbar[iconsize="small] #mail-button
  • toolbar[iconsize="small] #mail-button:active
  • toolbar[iconsize="small] #mail-button[disabled="true]
  • toolbar[iconsize="small] #mail-button[open="true]
  • toolbar[iconsize="small] #new-tab-button:active
  • toolbar[iconsize="small] #new-window-button:active
  • toolbar[iconsize="small] #paste-button:active
  • toolbar[iconsize="small] #print-button:active
  • toolbar[iconsize="small] #reload-button:active
  • toolbar[iconsize="small] #stop-button:active
  • toolbar[mode="icons] .toolbarbutton-text
  • toolbar[mode="text] .toolbarbutton-1 > .toolbarbutton-text
  • toolbar[mode="text] .toolbarbutton-1 > stack > toolbarbutton > .toolbarbutton-text
  • toolbar[mode="text] .toolbarbutton-icon

Tienes que añadir los siguientes estilos para que tu tema sea compatible con Firefox 2:

  • #back-button .toolbarbutton-menubutton-dropmarker
  • #back-button:hover
  • #back-button:hover .toolbarbutton-menubutton-dropmarker
  • #back-button:hover:active
  • #back-button:hover:active .toolbarbutton-menubutton-dropmarker
  • #back-button[buttondown=true] > .toolbarbutton-menubutton-dropmarker
  • #back-button[buttonover=true]
  • #back-button[buttonover=true] > .toolbarbutton-menubutton-dropmarker
  • #back-button[disabled=true] .toolbarbutton-menubutton-dropmarker
  • #back-button[open=true]
  • #bookmarks-button:hover
  • #bookmarks-button:hover:active
  • #bookmarks-button[checked=true]
  • #copy-button:hover
  • #copy-button:hover:active
  • #cut-button:hover
  • #cut-button:hover:active
  • #downloads-button:hover
  • #downloads-button:hover:active
  • #feed-button[chromedir=rtl][feeds')}}:active
  • #feed-button[chromedir=rtl][feeds')}}:hover
  • #feed-button[feeds')}}:active
  • #feed-button[feeds')}}:hover
  • #forward-button .toolbarbutton-menubutton-dropmarker
  • #forward-button:hover
  • #forward-button:hover .toolbarbutton-menubutton-dropmarker
  • #forward-button:hover:active
  • #forward-button:hover:active .toolbarbutton-menubutton-dropmarker
  • #forward-button[buttondown=true] > .toolbarbutton-menubutton-dropmarker
  • #forward-button[buttonover=true]
  • #forward-button[buttonover=true] > .toolbarbutton-menubutton-dropmarker
  • #forward-button[disabled=true] .toolbarbutton-menubutton-dropmarker
  • #go-button:hover
  • #go-button[chromedir=rtl]
  • #history-button:hover:active
  • #history-button:hover:active
  • #history-button[checked=true]
  • #home-button:hover
  • #home-button:hover:active
  • #new-tab-button:hover
  • #new-tab-button:hover:active
  • #new-window-button:hover
  • #new-window-button:hover:active
  • #paste-button:hover
  • #paste-button:hover:active
  • #print-button:hover
  • #print-button:hover:active
  • #reload-button:hover
  • #reload-button:hover:active
  • #searchbar[empty=true] .searchbar-textbox
  • #stop-button:hover
  • #stop-button:hover:active
  • #urlbar-icons-spacer
  • #urlbar-spacer
  • #urlbar[level=high] #lock-icon:active
  • #urlbar[level=high] #lock-icon:hover
  • #urlbar[level=low] #lock-icon:active
  • #urlbar[level=low] #lock-icon:hover
  • .autocomplete-treebody::-moz-tree-cell(suggesthint)
  • .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
  • .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment)
  • .bookmark-item[livemark')}}
  • .openintabs-menuitem
  • .toolbarbutton-icon
  • .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #back-button .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #back-button:hover
  • toolbar[iconsize=small] #back-button:hover .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #back-button:hover:active
  • toolbar[iconsize=small] #back-button:hover:active .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #back-button[buttondown=true] > .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #back-button[buttonover=true] > .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #back-button[disabled=true] .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #bookmarks-button:hover
  • toolbar[iconsize=small] #bookmarks-button:hover:active
  • toolbar[iconsize=small] #copy-button:hover
  • toolbar[iconsize=small] #copy-button:hover:active
  • toolbar[iconsize=small] #cut-button:hover
  • toolbar[iconsize=small] #cut-button:hover:active
  • toolbar[iconsize=small] #downloads-button:hover
  • toolbar[iconsize=small] #downloads-button:hover:active
  • toolbar[iconsize=small] #forward-button .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #forward-button:hover
  • toolbar[iconsize=small] #forward-button:hover .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #forward-button:hover:active
  • toolbar[iconsize=small] #forward-button:hover:active .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #forward-button[buttondown=true] > .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #forward-button[buttonover=true] > .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #forward-button[disabled=true] .toolbarbutton-menubutton-dropmarker
  • toolbar[iconsize=small] #history-button:hover
  • toolbar[iconsize=small] #history-button:hover:active
  • toolbar[iconsize=small] #home-button:hover
  • toolbar[iconsize=small] #home-button:hover:active
  • toolbar[iconsize=small] #home-button[disabled=true]
  • toolbar[iconsize=small] #new-tab-button:hover
  • toolbar[iconsize=small] #new-tab-button:hover:active
  • toolbar[iconsize=small] #new-window-button:hover
  • toolbar[iconsize=small] #new-window-button:hover:active
  • toolbar[iconsize=small] #paste-button:hover
  • toolbar[iconsize=small] #paste-button:hover:active
  • toolbar[iconsize=small] #print-button:hover
  • toolbar[iconsize=small] #print-button:hover:active
  • toolbar[iconsize=small] #reload-button:hover
  • toolbar[iconsize=small] #reload-button:hover:active
  • toolbar[iconsize=small] #stop-button:hover
  • toolbar[iconsize=small] #stop-button:hover:active
  • toolbarbutton.bookmark-item-microsummarized

Puede que también tengas que hacer cambios en otros estilos.

searchbar.css

El siguiente estilo ya no se usa en Firefox 2 y debería ser borrado de tu tema:

  • .searchbar-dropmarker

Tienes que añadir los siguientes estilos para que tu tema sea compatible con Firefox 2:

  • #search-container[chromedir=rtl] .search-go-button
  • #search-container[chromedir=rtl] .searchbar-engine-button
  • .search-go-button
  • .search-go-button:hover
  • .search-go-button:hover:active
  • .search-go-button[disabled=true]
  • .searchbar-engine-button
  • .searchbar-engine-button:hover
  • .searchbar-engine-button[addengines=true]
  • .searchbar-engine-button[open=true]
  • .searchbar-engine-menuitem[selected=true] > .menu-iconic-text
  • .searchbar-left

Por supuesto, también puedes desear hacer cambios en otros estilos.

preferences/preferences.css

Los estilos siguientes ya no se usan en Firefox 2 y deberían ser borrados de tu tema:

  • #browserStartupHomepage
  • #browserStartupHomepage
  • #paneDownloads description
  • #paneGeneral description
  • radio[pane=paneDownloads]
  • radio[pane=paneDownloads]:active

Tienes que añadir los siguientes estilos a tu tema para hacerlo compatible con Firefox 2:

  • #paneContent description
  • #paneMain description
  • #paneSecurity description
  • radio[pane=paneAdvanced]:hover
  • radio[pane=paneAdvanced][selected="true"]
  • radio[pane=paneContent]:hover
  • radio[pane=paneContent][selected="true"]
  • radio[pane=paneFeeds]
  • radio[pane=paneFeeds]:active
  • radio[pane=paneFeeds]:hover
  • radio[pane=paneFeeds][selected="true"]
  • radio[pane=paneGeneral]:hover
  • radio[pane=paneGeneral][selected="true"]
  • radio[pane=paneMain]
  • radio[pane=paneMain]:active
  • radio[pane=paneMain]:hover
  • radio[pane=paneMain][selected="true"]
  • radio[pane=panePrivacy]:hover
  • radio[pane=panePrivacy][selected="true"]
  • radio[pane=paneSecurity]
  • radio[pane=paneSecurity]:active
  • radio[pane=paneSecurity]:hover
  • radio[pane=paneSecurity][selected="true"]
  • radio[pane=paneTabs]:hover
  • radio[pane=paneTabs][selected="true"]

Por supuesto, También puedes cambiar otros estilos.

feeds/addFeedReader.css

Este archivo es nuevo en Firefox 2. Se usa para el skin de la ventana que se muestra para añadir a un nuevo agregador, esta es definida en el archivo browser/feeds/addFeedReader.xul.

  • #imageBox
    • The box that displays the feed icon.
  • #content
    • Style information for the content area of the window.
  • #siteLabel
    • Style information for the site label.

feeds/subscribe.css

Este archivo es nuevo en Firefox 2. Es el skin de la ventana mostrada al suscribirse a un feed RSS, está en browser/feeds/subscribe.xhtml.

  • #application
  • #feedBody
  • #feedChangeSubscribeOptions
  • #feedError
  • #feedHeader
  • #feedHeader[firstrun="true"]
  • #feedHeader[firstrun="true"] #feedIntroText
  • #feedHeader[firstrun="true"] #feedSubscribeLine
  • #feedIntroText
  • #feedSubscribeDoneChangingOptions
  • #feedSubscribeHandleText
  • #feedSubscribeHandler
  • #feedSubscribeLine
  • #feedSubscribeOptions
  • #feedSubscribeOptionsGroup
  • #feedSubscribeOptionsGroupTitle
  • #feedTitleContainer
  • #feedTitleImage
  • #feedTitleLink
  • #readerContainer
  • #readerGroup
  • #readers
  • #readers > listitem
  • .feedEntryContent
  • .feedSubscribeButton
  • .feedSubscribeButton .button-icon
  • .feedSubscribeLink
  • .feedSubscribeLinkBox
  • .field
  • .link
  • .link:hover:active
  • .plain
  • .plain > .button-box
  • .plain:focus > .button-box
  • .styleLessBorderLess

El tema default también incluye estilos para a[href] img, body, h1, h2, y html.

safebrowser/browser-protection.css

Este archivo, nuevo a Firefox 2, son las skins para las funciones de seguridad del navegador. Los siguientes estilos deben ser implementados para dar soporte a la ventana que aparece cuando el usuario visita a un sitio sospechoso de phishing:

  • #safebrowsing-dim-area-canvas
  • #safebrowsing-page-canvas
  • #safebrowsing-palm-close
  • #safebrowsing-palm-close-container
  • #safebrowsing-palm-google-logo
  • #safebrowsing-palm-message
  • #safebrowsing-palm-message-actionbox
  • #safebrowsing-palm-message-content
  • #safebrowsing-palm-message-tail
  • #safebrowsing-palm-message-tail-container
  • #safebrowsing-palm-message-titlebox
  • .safebrowsing-palm-bigtext
  • .safebrowsing-palm-fixed-width
  • .safebrowsing-palm-paragraph
  • .safebrowsing-palm-smalltext

Los estilos siguientes se usan para mostrar, en la barra de URL, un indicador de si el sitio es seguro:

  • #safebrowsing-urlbar-icon
  • #safebrowsing-urlbar-icon[level="safe"]
  • #safebrowsing-urlbar-icon[level="warn"]

engineManager.css

El siguiente estilo tiene que ser implementado. Este archivo es nuevo en Firefox 2.

  • #engineList treechildren::-moz-tree-image(engineName)

Cambios en global

about.css

Este es un archivo nuevo para Firefox 2. Son los Skins de la caja about Firefox, es necesario proporcionar al menos los siguientes estilos:

  • #aboutLogoContainer
  • #aboutPageContainer
  • #version

The default theme also skins the following styles: body, html, img, ul, and ul > li.

browser.css

Los siguientes estilos que fueron usados en Firefox 1.5 ya no se usan en Firefox 2 y han sido borrados:

  • tab:focus
  • tab[beforeselected="true"] > .tab-image-right
  • tab[selected="true"] > .tab-image-left
  • tab[selected="true"] > .tab-image-middle
  • tab[selected="true"] > .tab-image-right

Los siguientes estilos son nuevos en Firefox 2:

  • .alltabs-item > .menu-iconic-left > .menu-iconic-icon
  • .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon
  • .alltabs-item[selected="true"]
  • .tab-close-button
  • .tab-close-button > .toolbarbutton-icon
  • .tab-close-button-placeholder
  • .tab-close-button:hover
  • .tab-close-button:hover:active
  • .tabbrowser-arrowscrollbox > .scrollbutton-down
  • .tabbrowser-arrowscrollbox > .scrollbutton-down:hover
  • .tabbrowser-arrowscrollbox > .scrollbutton-up
  • .tabbrowser-arrowscrollbox > .scrollbutton-up:hover
  • .tabbrowser-tab > .tab-close-button
  • .tabbrowser-tab:not([selected="true"]) > .tab-close-button
  • .tabbrowser-tab:not([selected="true"]):hover > .tab-close-button
  • .tabbrowser-tab[selected="true"] > .tab-close-button
  • .tabbrowser-tab[selected="true"] > .tab-close-button:hover
  • .tabbrowser-tab[selected="true"] > .tab-close-button:hover:active
  • .tabbrowser-tabs[overflow="true"] .tabs-alltabs-box
  • .tabs-alltabs-box
  • .tabs-alltabs-box:hover
  • .tabs-alltabs-box[flash="true"]
  • tab > .tab-image-left
  • tab > .tab-image-middle
  • tab > .tab-image-middle > .tab-text
  • tab > .tab-image-right
  • tab:focus > .tab-image-middle > .tab-text
  • tab:hover:not([selected="true"]) > .tab-image-left
  • tab:hover:not([selected="true"]) > .tab-image-middle
  • tab:hover:not([selected="true"]) > .tab-image-right
  • tab:not([selected="true"]) > .tab-image-left
  • tab:not([selected="true"]) > .tab-image-middle
  • tab[selected="true"] .tab-image-middle > .tab-text

Si quieres tambien puedes hacer cambios en otros estilos.

El siguiente estilo ya no se usa en Firefox 2 y a sido borrado:

  • menulist > menupopup > menuitem[_moz-menuactive="true"]

El tema de Firefox 2 también añade los siguientes estilos nuevos:

  • .menu-iconic-icon
  • menubar > menu
  • menubar > menu[_moz-menuactive="true"][open="true"]
  • menuitem[type="checkbox"] > .menu-iconic-left
  • menuitem[type="radio"] > .menu-iconic-left

Si lo deseas, también puedes cambiar la definición de otros estilos.

notification.css

Este archivo es nuevo en Firefox 2. Se usa para la barra de notificación que aparece a lo largo de la parte superior del navegador para mostrar al usuario mensajes como: popup bloqueado, se necesita plugin, etcétera. Hay tres niveles de gravedad para los mensajes, info, warning y critical. Deberías definir los siguientes estilos:

  • .messageButton
  • .messageCloseButton
  • .messageImage
  • .messageText
  • .notification-inner
  • notification
  • notification[type="info"]
  • notification[type="warning"]
  • notification[type="critical"]

scrollbox.css

Para el tema de Firefox 2 en este archivo se han añadido los siguiente estilos:

  • .autorepeatbutton-down[disabled="true"]
  • .autorepeatbutton-down[orient="horizontal"]
  • .autorepeatbutton-down[orient="horizontal"][disabled="true"]
  • .autorepeatbutton-up[disabled="true"]
  • .autorepeatbutton-up[orient="horizontal"]
  • .autorepeatbutton-up[orient="horizontal"][disabled="true"]
  • .scrollbutton-down
  • .scrollbutton-down > .toolbarbutton-text
  • .scrollbutton-down[disabled="true"]
  • .scrollbutton-down[orient="horizontal"]
  • .scrollbutton-down[orient="horizontal"][disabled="true"]
  • .scrollbutton-up
  • .scrollbutton-up > .toolbarbutton-text
  • .scrollbutton-up[disabled="true"]
  • .scrollbutton-up[orient="horizontal"]
  • .scrollbutton-up[orient="horizontal"][disabled="true"]

Puedes hacer cambios en otros estilos si quieres.

  • toolbar[mode="icons"] .toolbarbutton-text
  • toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-text
  • toolbar[mode="text"] .toolbarbutton-1 > stack > toolbarbutton > .toolbarbutton-text
  • toolbar[mode="text"] .toolbarbutton-icon

Si lo deseas también puedes cambiar otros estilos.

Cambios en mozapps

extensions/about.css

Los estilos siguientes para Firefox 1.5 ya no se usan en Firefox 2 y deberían ser borrados:

  • #contributorsBox
  • #creatorBox
  • #extensionContributors
  • #extensionContributors
  • #extensionCreatorLabel

Se añadieron los siguiente estilos:

  • .indent
  • .sectionTitle

también puedes cambiar otros estilos, si quieres.

extensions/update.css

Los siguientes estilos ya no se usan en Firefox 2 y deberían ser borrados del tema:

  • #foundList
  • #statusbar-updates
  • .updateCategoryBox
  • .updateCategoryContent
  • .updateCategoryIcon
  • .updateCategoryLabel[selected="true"]
  • .updateIcon
  • .updateIcon[severity="0"]
  • .updateIcon[severity="1"]
  • .updateIcon[severity="2"]
  • .updateIndicator > label
  • .updateIndicator[updateCount="0"]
  • .updateItemChecked
  • .updateItemChecked .checkbox-label-box
  • .updateItemFromLabel
  • .updateItemIcon
  • .updateItemIcon
  • .updateItemName
  • .updateItemNameRow
  • .updateItemURL
  • .warning
  • radio[type="update-type"]
  • radiogroup[type="update-types"]
  • toolbarbutton[type="updates"]
  • toolbarbutton[type="updates"] > .toolbarbutton-icon
  • toolbarbutton[type="updates"][severity="0"] > .toolbarbutton-icon
  • toolbarbutton[type="updates"][severity="1"] > .toolbarbutton-icon
  • toolbarbutton[type="updates"][severity="2"] > .toolbarbutton-icon
  • toolbarbutton[type="updates"][updateCount="0"]
  • updateitem

También se añadieron los siguientes estilos:

  • .alertBox
  • .throbber

Etiquetas y colaboradores del documento

 Colaboradores en esta página: teoli, another_sam, Forcas, Nukeador, DgMv, Anyulled, Jorolo
 Última actualización por: teoli,