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 1 day ago

Last reply by Slouch 7 minutes 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 3 hours ago

Last reply by eli.adelson 14 minutes 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 22 minutes 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 23 minutes 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 32 minutes ago

Spell Checker still does not work even with multiple dictionaries and language packs installed and enabled, plus "Check your spelling as you type" ticked

Title, The option to switch languages is also not present in the right click menu (see attached image) I'm really unsure how to figure this out so any advice would be g… (read more)

Title,

The option to switch languages is also not present in the right click menu (see attached image)

I'm really unsure how to figure this out so any advice would be greatly appreciated.

Thank you for your time.

Asked by eftdlcoy 4 hours ago

Last reply by cor-el 1 hour ago

Version 125.0.3, Mac, tab crashing

Since upgrading to the last version, 125.0.3 I'm getting tab crashes. Is there any way to go to a previous version? I have not had any issues with the websites I'm vi… (read more)

Since upgrading to the last version, 125.0.3 I'm getting tab crashes. Is there any way to go to a previous version? I have not had any issues with the websites I'm visiting until this new version of Firefox.

Asked by robertglenanderson 2 hours ago

Last reply by Paul 1 hour ago

Crashes without reason (Linux)

System OS: Debian (codename: bookworm) Problem description: I had installed a fresh version of Firefox and it's keeping to crash the pages (Error: The page has crashed) … (read more)

System OS: Debian (codename: bookworm) Problem description:

I had installed a fresh version of Firefox and it's keeping to crash the pages (Error: The page has crashed) without any reason. Any troubleshoot methods (including clearing the cache, cookies, history and even restarted the network and pc.... only to fail and keep having same issue.

I had checked if there is no problem with the opened website in another web browser and in it the page was working correctly.


The issue persist from several versions of Firefox

Asked by Mcgiwer 1 hour ago

Last reply by Paul 1 hour ago

Get UAC popup requiring permission to update

Hi, I have been using firefox for many years and never showed me an UAC popup requiring permissions to update firefox as soon as i clicked the firefox icon in the taskbar… (read more)

Hi, I have been using firefox for many years and never showed me an UAC popup requiring permissions to update firefox as soon as i clicked the firefox icon in the taskbar. Today suddenly required it. I am administrator in windows 10, and have automatic updates enabled as always. I am using 125.0.3 (64-bit) version. This could be a bug or a virus? i am worried that could have given permission to a virus to install something else when i pressed the firefox icon.

Asked by YoPispo 5 hours ago

Last reply by zeroknight 3 hours ago

ff pass words gone

hi can anyone tell me how to get my saved passwords back into ff. they got deleted somehow by Clean Disk app instructions ive found on web are for everything except wha… (read more)

hi can anyone tell me how to get my saved passwords back into ff. they got deleted somehow by Clean Disk app

instructions ive found on web are for everything except what i need thanks

Asked by bill 3 days ago

Last reply by TechHorse 1 hour ago

unwanted background connection while starting mozilla firefox browser

Hello, I like using Firefox browser every day. After installing and running Avast antivirus protection (program version : 24.3.6108 (build 24.3.8975.832)), Avast no… (read more)

Hello,

I like using Firefox browser every day. After installing and running Avast antivirus protection (program version : 24.3.6108 (build 24.3.8975.832)), Avast notification always show this message every time I start up Firefox : please check the uploaded images : FPA Scam.jpg.

I already checked the extenstion, the Settings, and the Advance Settings of Firefox browser. I'd like to know if there is any parameter related to engine.forexpeacearmy.com and it is enabled. Unfortunately, I can't found any related parameters.

So, I decide to contact Firefox support to find out what happen to my Firefox browser, why it always call the forexpeacearmy site at the start up, and finally I want to remove it. Because I'm affraid it could be some kind of trojans / malwares and put my laptop into risks.

Kindly need your advise. Thank you.

Kind regards, Gideon

Asked by gidhsk 6 days ago

Last reply by cor-el 2 hours ago

Spell Checker still does not work even with multiple dictionaries and language packs installed and enabled, plus "Check your spelling as you type" ticked

Title, The option to switch languages is also not present in the right click menu (see attached image) I'm really unsure how to figure this out so any advice would be g… (read more)

Title,

The option to switch languages is also not present in the right click menu (see attached image)

I'm really unsure how to figure this out so any advice would be greatly appreciated.

Thank you for your time.

Asked by eftdlcoy 4 hours ago

Last reply by zeroknight 3 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 3 hours ago

No longer have ability to open Hints on Ancestry while using Firefox

I prefer using Firefox as my browser (have done so for years), but recently I have noticed inability to open some hints provided on my family trees on Ancestry.com When … (read more)

I prefer using Firefox as my browser (have done so for years), but recently I have noticed inability to open some hints provided on my family trees on Ancestry.com

When I called Ancestry, they suggested I use a different browser (: - but when I did, I was able to open the hints Firefox won't open. What is the problem? I was also told that another Ancestry user had called in previously with the same problem. PLEASE fix this!

If it helps, I use Windows on an HP Envy laptop (have for some time - wasn't a problem before a month or so ago). Will I hear back from anyone as to when this might be addressed/fixed?

Asked by Happyhermit 4 hours ago

Last reply by zeroknight 3 hours ago

Browser automatically transfering to outlook when trying to access gmail.

Hey, So the issue i have is when i'm trying to access my gmail accounts from Mozilla. Whenever i try to access my mailbox or gmail site in itself it transfers me to out… (read more)

Hey,

So the issue i have is when i'm trying to access my gmail accounts from Mozilla. Whenever i try to access my mailbox or gmail site in itself it transfers me to outlooks login. I assume there's some setting or similar that i'm missing that's causing the issue but i haven't been able to find it.

I've narrowed it down to not being any add-on since i only got few but none of them should affect anything email related in anyway shape or form. Also it works fine in Chrome which has been my go-to go around for the issue but honestly it's getting a bit annoying.

Any help would be greatly appreciated. Thanks in advance

Asked by Jukki 3 hours ago

Last reply by zeroknight 3 hours ago

hero ware games not load now and work on chrome browser

when open games not loading until close " enhanced tracking protection" switch and next time even it is close not open until make " enhanced tracking protection" switc… (read more)

when open games not loading until close " enhanced tracking protection" switch

and next time even it is close not open until make " enhanced tracking protection" switch open and reload page and then closed and reload page again to open and every time like that

Asked by mohammed 5 hours ago

Last reply by zeroknight 4 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 5 hours ago