This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

userChrome.css broken in FF 10.0.2 and Nightly 13.0a1?

  • 2 replies
  • 1 has this problem
  • 2 views
  • Last reply by sctl

sctl
sctl
more options

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:

#TabsToolbar {
 background-color: -moz-dialog !important;
}

Thanks

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:<br /> <br /> <pre><nowiki>#TabsToolbar { background-color: -moz-dialog !important; } </nowiki></pre> Thanks

Modified by cor-el

Chosen solution

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image 

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.

See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
Read this answer in context 👍 1

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image 

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.

See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
sctl
sctl Question owner
more options

Thanks cor-el, sorry it took me so long. You are spot on, as usual!