Updating themes for Firefox 3.6

  • Revision slug: Updating_themes_for_Firefox_3.6
  • Revision title: Updating themes for Firefox 3.6
  • Revision id: 127619
  • Created:
  • Creator: Dao
  • Is current revision? No
  • Comment 8 words added, 92 words removed

Revision Content

This article provides information about changes made to the default theme in Firefox 3.6, and may help theme authors update their themes for Firefox 3.6 compatibility if needed.

Emptytext styling

XUL textboxes don't have the empty attribute anymore, but isempty instead. So instead of textbox[empty="true"], you need to use textbox[isempty="true"].

Right-to-left UI support

The [chromedir="rtl"] and [chromedir="ltr"] selectors have been obsoleted and won't work anymore on most elements. Instead, you need to use the new {{ cssxref(":-moz-locale-dir(rtl)") }} and {{ cssxref(":-moz-locale-dir(ltr)") }} selectors. See also: Making sure your theme works with RTL locales.

Cross-platform tabbed browser styling

The tabbed browser implementation no longer has a Mac-specific tabs-closebutton-box; instead, all platforms use the same names to identify the components of the tab strip.

Full Screen toolbar button

There's a new Full Screen toolbar button available from the Customize Toolbar dialog.

See also

Revision Source

<p>This article provides information about changes made to the default theme in Firefox 3.6, and may help theme authors update their themes for Firefox 3.6 compatibility if needed.</p>
<h2>Emptytext styling</h2>
<p>XUL textboxes don't have the <code>empty</code> attribute anymore, but <code>isempty</code> instead. So instead of <code>textbox[empty="true"]</code>, you need to use <code>textbox[isempty="true"]</code>.</p>
<h2>Right-to-left UI support</h2>
<p>The <code>[chromedir="rtl"]</code> and <code>[chromedir="ltr"]</code> selectors have been obsoleted and won't work anymore on most elements. Instead, you need to use the new {{ cssxref(":-moz-locale-dir(rtl)") }} and {{ cssxref(":-moz-locale-dir(ltr)") }} selectors. See also: <a class="internal" href="/en/Making_Sure_Your_Theme_Works_with_RTL_Locales" title="en/Making Sure Your Theme Works with RTL Locales">Making sure your theme works with RTL locales</a>.</p>
<h2>Cross-platform tabbed browser styling</h2>
<p>The tabbed browser implementation no longer has a Mac-specific <code>tabs-closebutton-box</code>; instead, all platforms use the same names to identify the components of the tab strip.</p>
<h2>Full Screen toolbar button</h2>
<p>There's a new <a class=" link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=206544" title="https://bugzilla.mozilla.org/show_bug.cgi?id=206544">Full Screen toolbar button</a> available from the Customize Toolbar dialog.</p>
<h2>See also</h2>
<ul> <li><a class=" external" href="http://forums.mozillazine.org/viewtopic.php?f=18&amp;t=975065" title="http://forums.mozillazine.org/viewtopic.php?f=18&amp;t=975065">MozillaZine forum: Mozilla 1.9.2 / Firefox 3.6 theme changes</a></li> <li><a class="internal" href="/en/Themes" title="en/Themes">Themes</a></li> <li><a class="internal" href="/en/Building_a_Theme" title="en/Building a Theme">Building a theme</a></li>
</ul>
Revert to this revision