Cambios del tema en Firefox 2
De MDC
Este artículo trata los cambios que deben hacerse para actualizar un tema de Firefox para que funcione correctamente en Firefox 2.
Tabla de contenidos |
[editar] 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. |
[editar] 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:
|
| 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:
|
| mozapps/pref | Este directorio ya no se usa en Firefox 2 y debería ser borrado. |
[editar] Cambios en browser
[editar] bookmarks/addBookmark.css
Deberías añadir las siguientes líneas al inicio del archivo addBookmarks.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://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.
[editar] 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
[editar] 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.
[editar] 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.
[editar] 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.
[editar] 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.
[editar] 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.
[editar] 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"]
[editar] engineManager.css
El siguiente estilo tiene que ser implementado. Este archivo es nuevo en Firefox 2.
-
#engineList treechildren::-moz-tree-image(engineName)
[editar] Cambios en global
[editar] 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.
[editar] 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.
[editar] menu.css
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.
[editar] 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"]
[editar] 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.
[editar] Cambios en mozapps
[editar] 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.
[editar] 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