userChrome.css - Help With Customizing Tabs (part 2)

Hi All, I would like the content area of my tabs moved up so that the box is filled with the actual tab color, without the white background, and also the text will be ve… (read more)

Hi All,

I would like the content area of my tabs moved up so that the box is filled with the actual tab color, without the white background, and also the text will be vertically centered. Right now, the text is dropping too close to the bottom of the tab.

Had this looking very nice in FF 88 with the same code, as you can see in the attached images, but it seems to render differently in FF 115 ESR and FF 125.

Below is some code I used to style the tabs, but the problem exists without this code as well.

I've also included some "tabs on bottom" code I'm using as well at the very bottom.

Would sure like to get those Classic Toolbar Buttons working again too (shown in the second image), but that will be a later request :)

Any help is appreciated.

Thanks!

/* Highlight non-selected tabs on mouseover */ .tabbrowser-tab:not([selected]):hover .tab-content {

  background-color: #dbe3eb !important;

}

  1. TabsToolbar {
 -moz-box-ordinal-group: 3 !important;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 height: 25px !important;
 background-image: url("bkmr_back.gif") !important;
 border-top: 1px solid #afc0d2 !important;
 border-bottom: 1px solid #8698aa !important;

}

/* Background color of selected tab */ .tab-background[selected="true"] {

   background-attachment: none!important;
   background-image: none!important;
   background-color: #eef5fc !important;

}

/* Background color of non-selected tab */ tab-background:not([selected]) {

   color: #000000 !important;
   background-color: #c7d3e0 !important;

}

/* Border color & bold text for selected tab */

  1. TabsToolbar .tabbrowser-tab[selected] {
   font-weight: 700 !important;
   color: #000 !important;
   border-top: 1px solid #8698aa !important;
   border-left: 1px solid #8698aa !important;
   border-right: 1px solid #8698aa !important;

}

/* Border color & normal text for non-selected tab */

  1. TabsToolbar .tabbrowser-tab:not([selected]) {
   font-weight: 600 !important;
   color: #000 !important;
   border-top: 1px solid #afc0d2 !important;
   border-left: 1px solid #afc0d2 !important;
   border-right: 1px solid #afc0d2 !important;

}

/* -------------- TABS ON BOTTOM --------------- */ /* TABS: below nav-bar - updated for 89+ | 108+ | 113+ */

  • |*:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 25px !important; /* adjust */
 --tab-min-width:  80px !important; /* adjust */

}

  1. navigator-toolbox #TabsToolbar {
 position: absolute !important;
 bottom: 0;
 /* height: 27px !important; */
 height: 28px !important;
 width: 100vw !important;

}

/* navigator-toolbox - padding */

  • |*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
 position: relative !important; /*89+*/
 padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/
 background-color: var(--toolbar-bgcolor) !important;

}

/* TABS: HEIGHT */

  1. tabbrowser-tabs,
  2. tabbrowser-arrowscrollbox,
  3. tabbrowser-tabs .tabbrowser-tab {
 min-height: var(--tab-min-height) !important;
 max-height: var(--tab-min-height) !important;

}

.tab-stack {

 height: var(--tab-min-height) !important;

}

  1. TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 0px !important;
 /* box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*optional*/
 /* background-color: var(--toolbar-bgcolor) !important; */
 color: var(--toolbar-color) !important;

}

/* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {

 width: 40px;

}

/* Override vertical shifts when moving a tab */

  1. navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
 padding-bottom: unset !important;

}

  1. navigator-toolbox[movingtab] #tabbrowser-tabs {
 padding-bottom: unset !important;
 margin-bottom: unset !important;

}

  1. navigator-toolbox[movingtab] > #nav-bar {
 margin-top: unset !important;

}

/* hide indicators and caption buttons */

  1. TabsToolbar .private-browsing-indicator {display: none !important;}
  2. TabsToolbar .accessibility-indicator {display: none !important;}
  3. TabsToolbar .titlebar-buttonbox-container {display: none !important;}
  4. TabsToolbar #window-controls {display: none !important;}

/* -------------- TABS ON BOTTOM --------------- */

Asked by Slouch 3 days ago

Last reply by Slouch 5 minutes ago

Extremely High Ram Usage

Hello Support, 5-1-2024 First Time in a decade I've had to contact support. Please TELL me why there are 13 instances of firefox running at the same time. It is take so… (read more)

Hello Support, 5-1-2024 First Time in a decade I've had to contact support. Please TELL me why there are 13 instances of firefox running at the same time. It is take so much memory up and really slowing my machine down on the internet also. Tell me how to fix otherwise I will have to switch to a different web browser. I realy love firefox and have been using since It was released. I really Don't want to switch Browers but this is to much any more. It has become much worse than a Year ago. I do Not have any addons or extension installed now, I don't use them enough to install. Thank you for your help in this BIG HOG memory problem.

Asked by customhitcher 23 hours ago

Last reply by customhitcher 9 minutes ago

Recaptcha. Are you goping to let is work again or must I go to Chrome?

I use RECAPTCHA to validate my access to a number of websites. Still works fine if I use Google Chrome. Firefox has shut off access to this App. Why? I have tried using t… (read more)

I use RECAPTCHA to validate my access to a number of websites. Still works fine if I use Google Chrome. Firefox has shut off access to this App. Why? I have tried using the Proxy option, I have tried not using the Proxy Option. Nothing seems to work. Are you planning on addressing this issue or must I go to another browser to do what Firefox USED TO ALLOW ME TO DO?

Was this breakage planned or did you screw up and do inadequate testing?

Asked by Phredd 54 minutes ago

Last reply by jscher2000 - Support Volunteer 9 minutes ago

recaptcha

Today May 1, I noticed that any website that shows a recaptcha checkbox, including the google recaptcha demo (https://www.google.com/recaptcha/api2/demo) only shows an in… (read more)

Today May 1, I noticed that any website that shows a recaptcha checkbox, including the google recaptcha demo (https://www.google.com/recaptcha/api2/demo) only shows an infinite spinner in firefox v125.0.3. I've tried the same sites in chrome and edge and the recaptcha works fine. In FF, I have cleared my cache, disabled tracking protection, disabled anti-virus and tried troubleshooting mode - still get the infinite spinner. Last week, I had no problems with recaptcha.

Asked by bill340 20 hours ago

Last reply by jscher2000 - Support Volunteer 11 minutes ago

reCAPTCHA no longer working ONLY on Firefox, tried everything!

Whenever i encounter a reCAPTCHA, and click "i am not a robot", the wheel keeps spinning and spinning and spinning. I never get to the screen where i have to verify image… (read more)

Whenever i encounter a reCAPTCHA, and click "i am not a robot", the wheel keeps spinning and spinning and spinning. I never get to the screen where i have to verify images or a check mark. Just started happening randomly.

I've spent hours searching. Tried every single solution-new profile, erased firefox and reinstalled, troubleshoot mode, firefox refresh, turned tracking protection off, changed network settings, reset wifi adapter, you name it i tried it. I need to get past reCAPTCHA's for work. Getting so frustrated. Please help!

One important point-the only other browser i have on my laptop is Microsoft edge and it' works perfectly on Edge!

Asked by wsandhu1 6 hours ago

Last reply by wsandhu1 3 hours ago

Recaptcha Not Working in Firefox Specifically.

Recaptcha isn't working in Firefox. It works in Chrome, Opera, and Edge with no issues, it will either just go to a check mark or open the window with the pictures to cho… (read more)

Recaptcha isn't working in Firefox. It works in Chrome, Opera, and Edge with no issues, it will either just go to a check mark or open the window with the pictures to choose, on both regular pages and on the Google Recaptcha Demo site Google Recaptcha Demo site. But when I load a page that requires Recaptcha in Firefox, it just spins forever. It was working fine a few hours ago, and I didn't change any settings or anything in Firefox. I was filling out a job application and it worked fine, then I went to another job application and Recaptcha won't work at all, even on the Recaptcha Demo site.

I'm on version 125.0.3 (64-bit), on Windows 10. Not using a VPN or anything like that, just a standard Ethernet connection, with whatever Charter gives me.

Steps I've tried, none of which have helped:

1. Cleared Cookies. 2. Restart Browser. 3. Restart Computer. 4. Restart Modem and Router. 5. Opening Firefox in troubleshooting mode. 6. Ensured Firefox was up to date. 7. Reinstalling Firefox. 8. Turned Connection Settings to no proxy. 9. Turned off Enhanced Tracking Protection. (It's set on standard otherwise, and I didn't change it) 10. Release/Renew IP via Command Prompt.

I'm genuinely at a loss of what to do, after a couple of hours of searching around for solutions. I don't get how it just stopped working in the span of like ten minutes when I didn't change any settings or anything. Firefox is my main browser and it would be a tremendous pain to have to use another browser for any pages that require Recaptcha.

Any assistance or advice to solve this problem would be greatly appreciated!

Asked by coolman50002001 19 hours ago

Last reply by sjduskin 17 minutes ago

Login problem

I deleted the old user names and passwords associated with my bank account. Now I can no longer login to my bank acct using Firefox. Only with another browser. I tried t… (read more)

I deleted the old user names and passwords associated with my bank account. Now I can no longer login to my bank acct using Firefox. Only with another browser.

I tried to uninstall then reinstall Firefox but the problem continues. What to do now to login to my bank account?

Asked by chcats 1 hour ago

Last reply by cor-el 19 minutes ago

Buttons don't always work.

Just in the last few weeks, "buttons" on web sites do not work in Firefox, but work fine in Chrome. Example: https://www.mealtrain.com/users/sign_in/ The sign-in butto… (read more)

Just in the last few weeks, "buttons" on web sites do not work in Firefox, but work fine in Chrome. Example: https://www.mealtrain.com/users/sign_in/ The sign-in button does nothing in Firefox, yet works fine in Chrome. V. 125.0.3, Windows 10.

Asked by mhdavisjr 2 hours ago

Last reply by cor-el 23 minutes ago

  • Solved

captcha not working...never ends

On a couple of websites, but in particular Rogers.com, the captcha just never ends. It asks to click on all the bicycles, I click on them one at a time until no more app… (read more)

On a couple of websites, but in particular Rogers.com, the captcha just never ends. It asks to click on all the bicycles, I click on them one at a time until no more appear, hit verify, it brings up something else. It will do this dozens of times and just never ever end.

Switch over to Edge, does the same. Switched to chrome and it works fine. Has google done something to captcha to deny it working on other browsers?

I have checked to see firefox is up to date and it is. I have disabled all extensions/addons. I have run malware/virus scans. On the Rogers community forums there are all kinds of people having problems but there are no solutions on how to fix. Oddly (or not) the problems are similar...captcha won't work on Edge, Firefox but will work on Chrome.

Asked by Rye Encoke 3 months ago

Answered by zeroknight 3 months ago

Firefox can’t establish a connection to the server at wss://gateway.discord.gg/?encoding=json&v=9&compress=zlib-stream.

I've been trying to connect to discord for a while, left it on for 2 hours and hasnt loaded. when i opened the console log, all it said was "Firefox can’t establish a con… (read more)

I've been trying to connect to discord for a while, left it on for 2 hours and hasnt loaded. when i opened the console log, all it said was "Firefox can’t establish a connection to the server at wss://gateway.discord.gg/?encoding=json&v=9&compress=zlib-stream" all over. Please help.

Asked by uyhgjigy 7 hours ago

Last reply by cor-el 42 minutes ago

  • Solved

Add eyedropper tool to toolbar

the built in eyedropper tool is the simplest and easiest solution to grabbing screen colors without granting file permission to 3rd party solutions for full funcionality.… (read more)

the built in eyedropper tool is the simplest and easiest solution to grabbing screen colors without granting file permission to 3rd party solutions for full funcionality. I have power-toys but I hate to see this tool needlessly depreciated. My workflow needs to sample many colors at a time making the menu navigation needless. PLEASE let there be a way to add it to the toolbar, I hope there is. Thanks for your time

Asked by bromraven 2 days ago

Answered by zeroknight 1 day ago

Google ReCAPTCHA is not working on all websites

Google ReCaptcha is not working on literally all websites. Once I click on checkbox "I'm not a robot" It gets stuck on infinite loop. Although working on Mac OS in Firefo… (read more)

Google ReCaptcha is not working on literally all websites. Once I click on checkbox "I'm not a robot" It gets stuck on infinite loop. Although working on Mac OS in Firefox and Chrome or any other browsers. The issue is primarily with Windows version

I already tried clearing cookies, cache, disabling Tracking Protection, adding sites to DNS white list

Environment: OS Windows 11 Version 23H2, Firefox 125.0.3 For testing used: https://www.google.com/recaptcha/api2/demo

Asked by Maxim L 14 hours ago

Last reply by cor-el 54 minutes ago

recapcha doesnt wor last version firefox

Hello, since the latest version of Firefox, as always, it breaks now if I want to enter instantgaming or it does not enter no matter how much I click on enter or in kingu… (read more)

Hello, since the latest version of Firefox, as always, it breaks now if I want to enter instantgaming or it does not enter no matter how much I click on enter or in kinguin.net, when it asks me for the recapcha, it stays in an infinite loop and does not show the images. .

I have done safe mode and installed firefox from 0 and nothing, it is tedious that at this point a browser that has been having this type of problems for years because in opera, edge they do not give me these errors, it is tiring to always have to have a browser that fails due to anything.

I look forward to your help, thank you

Asked by kire 2 hours ago

Last reply by kire 1 hour ago

Cant use Tineye- used to work great until yesterday

Thru Firefox, I use Tineye to find related photos - I use it all the time, it's been great - I always use a VPN and have never had problems until now (as of yesterday). N… (read more)

Thru Firefox, I use Tineye to find related photos - I use it all the time, it's been great - I always use a VPN and have never had problems until now (as of yesterday). Now it won't search, a verify you're human window comes up, and I have to keep clicking squares, which I do - but then it says to allow cookies and start over. Well I don't want to allow cookies (I assume it's one of the options I have thru Firefox to block cookies), and I can't find where to allow cookies even if I did (I went to Firefox preferences etc) and I don't want to disable my VPN. Maybe I should mention that I just added or started a Mozilla account, as I have had immense trouble with my aol emails, and am trying to move everything over to a gmail account. My sign in to Firefox was the aol email, and I had to (try, I thought I did it) add another account, which I think I did successfully. So it was right after that, that all this started. Help please! Thank you!

Asked by PocketDan 6 hours ago

Last reply by PocketDan 1 hour ago

  • Solved

Web site not answering

I am trying to connect to a website but I keep getting error code 522. I've tried using Chrome and it connects to the website with no problem. I've checked my privacy s… (read more)

I am trying to connect to a website but I keep getting error code 522. I've tried using Chrome and it connects to the website with no problem. I've checked my privacy settings and I do not have that website blocked. What else can I check?

Asked by w5513 1 hour ago

Answered by jscher2000 - Support Volunteer 1 hour ago