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 2 days ago

Last reply by Slouch 2 minutes ago

Captcha partly loads, spins at tick box, does not time out.

Hi, I can't use Firefox because a captcha won't complete loading. I have uninstalled and reinstalled, cleared cache and disabled add ons. I am using a vpn (PIA). Chrom… (read more)

Hi, I can't use Firefox because a captcha won't complete loading. I have uninstalled and reinstalled, cleared cache and disabled add ons. I am using a vpn (PIA). Chrome and Edge both load and operate OK. Thanks in advance.

Captchas are an ongoing issue. Firefox seems to have a LOT more captchas than other browsers. Is there a problem between Mozilla and Google?

Asked by Brenton Roy 23 hours ago

Last reply by Brenton Roy 8 minutes ago

Firefox extremely slow to load pages or connect to Web sites after startup - Follow-Up

I see my original question is now archived at https://support.mozilla.org/en-US/questions/1380948#question-reply I never closed it because I didn't know if my last proc… (read more)

I see my original question is now archived at https://support.mozilla.org/en-US/questions/1380948#question-reply I never closed it because I didn't know if my last process could really fix the issue. It didn't, not always. Over the years, there have been times when the issue would still pop up, but not as often as before (2022 and earlier).

I have a feeling that during an issue, FF is having difficulty setting up shop after starting up. Consequently, it is spending more time before it could become prepared to connect to the Net. I've come up with another "solution," which is deleting (or moving out) xulstore.json in the profile folder after exiting or before starting FF. You can create a batch command or script to execute the process.

So far, FF is connecting immediately after startup.

Asked by mobilesuit 1 week ago

Last reply by mobilesuit 29 minutes ago

Memory Leak help

Need help figuring out why Firefox has a memory leak after an extended use of Firefox browsing. Don't know if its the result of an extension having this issue, or if its … (read more)

Need help figuring out why Firefox has a memory leak after an extended use of Firefox browsing. Don't know if its the result of an extension having this issue, or if its a Firefox bug. I have also provided my troubleshooting information, and a link to my memory usage is listed below for download: https://1drv.ms/u/s!ArspaZQCMwZ-iLU_CckOfLkl9DlETQ?e=MuIqsO Thanks in advance!

Asked by PrimisRulz 4 hours ago

how to turn of annoying "Update available" reminders?

How do I turn off those annoying "update available" notifications/reminders that keep popping up? I've gone into Settings, and in the Updates section firefox only let's m… (read more)

How do I turn off those annoying "update available" notifications/reminders that keep popping up? I've gone into Settings, and in the Updates section firefox only let's me select auto updates or check for updates. I searched online but couldn't seem to find anything about how to disable the notifications all together with the newer version of FF. It's driving me crazy, thinking of switching browsers because of this. Thanks in advance!

Asked by eli.adelson 8 hours ago

Last reply by eli.adelson 4 hours ago

Getting my OLD Firefox Configuration back

Dear People --- FIRST: I apologize for taking so ling. I had physical probs, that kept me from coming back. SECOND: I'm afraid that I can't solve this problem with the a… (read more)

Dear People --- FIRST: I apologize for taking so ling. I had physical probs, that kept me from coming back. SECOND: I'm afraid that I can't solve this problem with the advice provided. There was a file mentioned [which slips my mind, and I can't look for it with out leaving this screen] that is supposed to be on my desk top. I couldn't find it, so things stopped there.

SO..... I'm reiterating my problem: I loaded an "update" to Firefox that was supposed to get around the obnoxious "THIS BROWSER IS NO LONGER SUPPORTED" message I'd get on certain web-sites [such as the Milwaukee Journal]. I never understood that, as I am careful to update programs, when the updates are available. SO: While I was on the Milwaukee Journal Site, I clicked on the "Firefox Update" that the Journal's site recommended. What happened was I got the Current Version, and LOST all of my add-ons. After problems I can't go into here, "The Cat's Back." Please advise whether I can get things back after this much time.

N.B.: I'm running Windows 10.

THANKX! C M The Gray Cat

Asked by The Gray Cat 5 hours ago

Website not workin

I use Lightfolio.com for my website hosting. My computer does not let me login or load the website using Firefox. I've deleted the cookies, and played with the settings, … (read more)

I use Lightfolio.com for my website hosting. My computer does not let me login or load the website using Firefox. I've deleted the cookies, and played with the settings, and it still doesn't work. I'm really needing help as this is dampering my business.

Asked by shannonharrisphotography 5 hours ago

userchrome.js: how to get notified when tabs open and close?

I've recently started using the Tree Style Tab extension, and I'm finding it useful, but I'd like it if the list of tabs could be automatically hidden when only one tab i… (read more)

I've recently started using the Tree Style Tab extension, and I'm finding it useful, but I'd like it if the list of tabs could be automatically hidden when only one tab is open (and automatically shown when more than one tab is open).

I hoped to write an extension to do this, but opening the sidebar from an extension requires a user gesture, so I suspect I'll have to use a userchrome.js script.

From a "userchrome.js"-like environment (i.e. unsandboxed AutoConfig), I can hide and show the sidebar with `SidebarUI.hide()` and `SidebarUI.show("treestyletab_piro_sakura_ne_jp-sidebar-action")`, and I can examine the tabs open in the current window via `gBrowser.tabs`, but I can't see how to get notified when the number of tabs changes (replacing `gBrowser.tabs` with a proxy doesn't work, for example). I suppose I could just check every few seconds? That feels like a bit of a cop-out, though, and gets more and more inefficient the more windows are open.

There's an API for extensions to receive events when tabs open and close, so clearly this is possible. Where should I be looking for this functionality?

(I also don't know how I would go about unregistering an event listener (or cancelling a setInterval call!) when the window closes, assuming that's necessary to avoid leaking resources – is there an event like `chrome-document-global-created` I could listen for, but that fires during teardown of the window rather than when one is created?)

Asked by ash 5 hours ago

firefox won't go to any sites!!

Concurrent with the most recent automatic windows update (may or may not be the problem), Firefox with duck-duck-go will not go to almost any site. All I get is a spinni… (read more)

Concurrent with the most recent automatic windows update (may or may not be the problem), Firefox with duck-duck-go will not go to almost any site. All I get is a spinning icon or a blank page, not even any error messages. This was even true trying to go to this page until I restarted in trouble shooting mode. Until I can get Firefox working again I have been using Chrome with duck-duck-go. Note any search, i.e. 'hotels in Italy' or even 'MSN' do the same: spinning icon or blank page!! Any help would be appreciated. Also I noticed that my bookmarks were missing and there was no bookmarks drop-down on my tools line. I have run malware bytes and it showed clean, same with CCleaner. I have re-installed Firefox; no difference. Please help. and also, any way to find and replace my extensive bookmarks list? I have reduced my privacy to near zero and turned off firewalls and all limits I could find while testing for that. That did not change anything.

Asked by onefoozer 1 week ago

Last reply by onefoozer 8 hours ago

Hanging problem

My laptop lost power mid-session and since then Firefox hangs after opening and becomes unresponsive. Can’t do anything on it. Troubleshoot mode does the same. Booted up … (read more)

My laptop lost power mid-session and since then Firefox hangs after opening and becomes unresponsive. Can’t do anything on it. Troubleshoot mode does the same. Booted up my computer in safe mode, no change.

I’m guessing a reinstall would fix it but I had a bunch of tabs open that I’m really trying not to lose. And I didn’t have an account to save them, I’ll rectify that after this.

Asked by jasonthe123 9 hours ago

4K YouTube Videos Stuttering One One Specific Channel

So I'm having issues playing 4K videos fully on one YouTube channel: https://www.youtube.com/@ClearviewDriving For some reason anything above 1080p gives me bad stutteri… (read more)

So I'm having issues playing 4K videos fully on one YouTube channel: https://www.youtube.com/@ClearviewDriving

For some reason anything above 1080p gives me bad stuttering but on other channels videos don't stutter or freeze when playing 1440p or 4K quality.

Firefox is updated, I don't use Extensions other than Ad Blocker and I have that off on YouTube anyway. Seems strange that it'd only affect one specific channel.

I have a very good gaming PC too so the hardware isn't the issue.

Asked by Mattt_PC 5 days ago

Last reply by Mattt_PC 11 hours ago

setting up Firefox on reset computer

I reset a computer, deleting all my files. I want to use, as I do elsewhere, Firefox as my browser. And though I signed into Firefox using my old credentials, none of my … (read more)

I reset a computer, deleting all my files. I want to use, as I do elsewhere, Firefox as my browser. And though I signed into Firefox using my old credentials, none of my bookmarks are there. How do I complete this setup?

Asked by Bobg 2 days ago

Last reply by Bobg 11 hours ago

recaptcha problem

Until yesterday everything was fine. I was able to complete recaptcha. But when I tried searching something today, I couldn't do it because of the recaptcha. It was stuck… (read more)

Until yesterday everything was fine. I was able to complete recaptcha. But when I tried searching something today, I couldn't do it because of the recaptcha. It was stuck on infinite loading. Every website I visited the problem was there. I tried fixing it from the tips I found in the forum here but nothing seems to work. I was frustrated. Then I tried Brave browser and it was working. Please help me fix this problem. Thank you.

Asked by MOVIE BOSS 16 hours ago

Last reply by MOVIE BOSS 13 hours ago

Firefox keeps downgrading?

I'm using Firefox 124.0.2 (64 bit) on Windows, and every few days I get the error about using an older version of Firefox, with Exit or Create New Profile options. I the… (read more)

I'm using Firefox 124.0.2 (64 bit) on Windows, and every few days I get the error about using an older version of Firefox, with Exit or Create New Profile options. I then run "firefox -allow-downgrade" from the command prompt and everything works fine... for a few days, when it happens all over again. This only started happening a couple of weeks ago, but it's getting really annoying. How do I stop it (short of using something like Waterfox or Brave).

Asked by peter.dell 2 days ago

Last reply by peter.dell 23 hours ago

Saving all open tabs: links saved but not to the specified folder

Firefox 125.0.2 on Mac When I press shift+cmd+D to bookmark all open tabs, instead of the links being saved to the designated folder, they are all saved to "Bookmarks Me… (read more)

Firefox 125.0.2 on Mac

When I press shift+cmd+D to bookmark all open tabs, instead of the links being saved to the designated folder, they are all saved to "Bookmarks Menu". The designated folder itself also appears with these links but it itself is empty.

I would expect shift+cmd+D to bookmark all links in the folder and the folder to appear in "Bookmarks Menu". This is what use to happen ages ago. I'm not sure what caused the change in behavior. Anyone have any ideas on fixing this?

Asked by Tom 2 days ago

Last reply by Tom 1 day ago

Combining 2 Firefox accounts

I have accidentally end up with two FireFox accounts. I want to combine them, but I can't change either account to the other one because FireFox tells me that the replac… (read more)

I have accidentally end up with two FireFox accounts. I want to combine them, but I can't change either account to the other one because FireFox tells me that the replacement email/account is already in use. How do I get around this?

Asked by RJL_web1 1 day ago

How to force firefox to start as specific height width?

hi i just got firefox setup just as i want so dont want to reset it. yes i have used arkenfox to beef up pivacy. only problem is i assume fingerprint disabling has made… (read more)

hi

i just got firefox setup just as i want so dont want to reset it. yes i have used arkenfox to beef up pivacy.

only problem is i assume fingerprint disabling has made the window size like tor browser.

is there a way via the shortcut to "c:\mozilla\firefox\firefox.exe" -height 1024 -width 1600

does not work

"c:\mozilla\firefox\firefox.exe" -height 1024 -width 1600 -P default

does not work

how do i fix this? using this method? as i would prefer to do this way

alternatively prefs.js / is there a way to do it there?

simple step by step instructions please

your time and help is appreciated.

thx

Asked by doop23 3 days ago

Last reply by doop23 1 day ago