Отображение вопросов с тегом: Показать все вопросы

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… (читать ещё)

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 --------------- */

Задан Slouch 21 час назад

Последний ответ от Slouch 26 минут назад

How do I get curvy tabs?

Hello, I want to get funky looking tabs like this: https://imgur.com/a/Xbc4Kih But I can't figure out how to do it. I've tried searching for a way to do this, but every… (читать ещё)

Hello, I want to get funky looking tabs like this:

https://imgur.com/a/Xbc4Kih

But I can't figure out how to do it. I've tried searching for a way to do this, but everything I find is very old and doesn't work. One thing I keep finding is this: https://github.com/wilfredwee/photon-australis

But that doesn't work for me, it just makes the tabs less tall. I've tried switching to nightly and that didn't do anything so I'm pretty lost. I don't know CSS or anything so I cant do it myself.

If anyone knows how to do this then please tell me!! thx!

Задан ScriptGoober 16 часов назад

Последний ответ от cor-el 4 часа назад

Tab/Program Brightness

Hello support, is there any way (other than the one plugin I found that did not work for some reason) to adjust firefox' general brightness (or that of an individual ta… (читать ещё)

Hello support,

is there any way (other than the one plugin I found that did not work for some reason) to adjust firefox' general brightness (or that of an individual tab) ?

Also changing my monitors brightness would not work for me as I am trying to test a website I develop (using firefox to visualize it) and it is rather just the large difference between my editor (which's brightness you can not adjust) and the browser that is very unpleasent when I switch back and forth (like when trying to fix a bug).

Kindest regards.

Jonas Behr

Задан jonas.behr 5 часов назад

Click shortcut for opening link in private mode

Hello, I'm looking for a way to add a shortcut, similar to: CTRL + Click = open link in new tab SHIFT + Click = open link in new window What I want it to do is open a l… (читать ещё)

Hello, I'm looking for a way to add a shortcut, similar to:

CTRL + Click = open link in new tab SHIFT + Click = open link in new window

What I want it to do is open a link in a Private mode window, to avoid having to open the right-click menu.

I came across this person asking for something similar (they specifically want the private window to not appear on top, I do not care if it gets automatically focused or not) https://support.mozilla.org/bm/questions/1317416

The only answer links to a list of "command line options" and points to the private ones. I understand how you can use these to change how the Firefox shortcut behaves, or to open Firefox in a specific way from the "Run" command, but I do not know how, or if it is even possible to apply these settings to a specific shortcut-click combination.

Задан deramos603 6 часов назад

Full-screen transition not disabling

I have recently refreshed Firefox on my laptop running MacOS. Previously I had changed the full-screen-transition in about:config to be zero, but since refreshing changin… (читать ещё)

I have recently refreshed Firefox on my laptop running MacOS. Previously I had changed the full-screen-transition in about:config to be zero, but since refreshing changing the setting hasn't disabled the transition. My config is this currently: full-screen-api.transition-duration.enter 0 0 full-screen-api.transition-duration.leave 0 0 full-screen-api.transition.timeout 0 Despite everything being like before the transition persists... I'm currently on the latest version of Firefox (125.0.3)

Задан yotam42 9 часов назад

Последний ответ от zeroknight 9 часов назад

Weird fullscreen animation on mac

So on my macbook when I enable fullscreen the anmation is super weird. first it stretches the video to the top and then just expands to the whole screen, when I go out of… (читать ещё)

So on my macbook when I enable fullscreen the anmation is super weird. first it stretches the video to the top and then just expands to the whole screen, when I go out of fullscreen is stretches to the bottom and then goes out off fullscreen. for example on safari it just expands the video until it takes up the whole screen. I have gone in about:config and disabled the fullscreen animation but that did nothing.

Задан senne1009 12 часов назад

Последний ответ от zeroknight 9 часов назад

ZOOM is fouled up & can't fix it, using NoSquint Plus

Still using Firefox 78.15.0 esr (64 bit) Am I correct that the toolbar icon " - | 100% | + " is the Firefox Zoom function? I have never been able to locate a toolbar ico… (читать ещё)

Still using Firefox 78.15.0 esr (64 bit)

Am I correct that the toolbar icon " - | 100% | + " is the Firefox Zoom function? I have never been able to locate a toolbar icon for NoSquint Plus. I also have Theme & Font Size Changer, but it stopped working years ago. Anyway, working fine for many years, automatically setting the zoom on every tab to 150% so I can read it easily.

A few days ago I got into the NoSquint Plus preferences (NEVER OPEN THE HOOD !!!) , and wondered why it was set to chrome API instead of CSS API and changed it to see. That kind of broke it completely. Maybe changed other stuff trying to get it back...

At present, Firefox Default Zoom is set to 150% . NoSquint Plus is default full page 100% and default text only 150% There are no instructions telling me how these 3 settings will interact.

It seems that when I open NoSquint Plus Preferences and change the %, it works on all the tabs on that page, but not on any other page unless I open it & fiddle with it.

How do I get what I want? There is no "return to default settings" for NoSquint Plus.

Задан FireFoxSucks 16 часов назад

Последний ответ от FireFoxSucks 16 часов назад

Changing the URLB on click behavior

I would like the address bar to show what it would show when you type a "?" just by clicking. It's a default feature in chrome, I know, mentioning a competitive browser a… (читать ещё)

I would like the address bar to show what it would show when you type a "?" just by clicking. It's a default feature in chrome, I know, mentioning a competitive browser as an example is kind of a no no, but it's the only example I can think of.

Задан Sod 2 дня назад

Последний ответ от jscher2000 - Support Volunteer 21 час назад

extension is not recognized in browser

I have tried to install my password manager Sticky Password several times to the firefox browser. The current version of sticky password is installed and running but the … (читать ещё)

I have tried to install my password manager Sticky Password several times to the firefox browser. The current version of sticky password is installed and running but the firefox browser leaves me a message saying it is not installed or running.

Задан jake310 1 день назад

Последний ответ от zeroknight 1 день назад

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… (читать ещё)

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

Задан doop23 1 день назад

Последний ответ от zeroknight 1 день назад

Homepage

I downloaded the new update this morning and I cannot separate my categories any longer on my home page. I keep them in categories on the 4 separate rows and then separa… (читать ещё)

I downloaded the new update this morning and I cannot separate my categories any longer on my home page. I keep them in categories on the 4 separate rows and then separate them by skipping a square. I cannot do that any longer and do not like the jumble of the homepage now. How can I keep the blank spaces that are located at the bottom of the rows to separate my categories?

Задан ch 1 день назад

Последний ответ от zeroknight 1 день назад

Bad/Rogue Current Session of Firefox (Windows 7) Redux

Sorry, posted recently and had then trouble finding out how to respond to help offered (jscher2000)! Noticed that the email version was "no-reply" so I didn't figure that… (читать ещё)

Sorry, posted recently and had then trouble finding out how to respond to help offered (jscher2000)! Noticed that the email version was "no-reply" so I didn't figure that would work! So, I tried to 'cut and paste' my reply (on a smartphone) and I ended up losing even the email reply text so here is a reconstruction. I tried the suggestions in order and the first one didn't have a "Restore previous session" option and the second one had "Recently closed windows" greyed out! And, when I entered "about.support" in the address bar (top rightish), I received a notice that I couldn't reach Google (Remember that I don't currently have internet access on my laptop). So, no joy there either! Can I not just change some current setting to prevent Firefox v 115.9lesr from saving the current 'Windows' and Tabs so that, when I again open Firefox, the previous session 'Windows' and Tabs would be used?!?

Задан balls69bc 6 дней назад

Последний ответ от jscher2000 - Support Volunteer 2 дня назад

  • Решено

userChrome.css - Help With Customizing Tabs

I made a small CSS customization to my tabs in FF 115 ESR on Windows 7, so they would be flat on the bottom and rounded on the top, looking a bit more like tabs instead o… (читать ещё)

I made a small CSS customization to my tabs in FF 115 ESR on Windows 7, so they would be flat on the bottom and rounded on the top, looking a bit more like tabs instead of buttons.

Looked ok in FF 115 ESR.

However, in FF 125, half the tabs are now cut off, including their text (see attached images).

Also the tabs background is darker in FF 115 ESR, providing more contrast between the tabs and the tab bar. In FF 125, it's almost all white and I can hardly distinguish between the tabs and the tab bar.

Why is there such a big difference in appearance between FF 115 ESR on Windows 7, and FF 125 on Windows 10?

Here is the code I used...

/* ------------------ RESIZE TAB BAR ----------------------------- */ \#TabsToolbar { height: 27px !important; margin-top: -1px !important; margin-bottom: 0px !important; } \#tabbrowser-tabs { height:25px!important; min-height:25px!important; }

.tab-background-start[selected=true]::after, .tab-background-start[selected=true]::before, .tab-background-start, .tab-background-end, .tab-background-end[selected=true]::after, .tab-background-end[selected=true]::before {

 min-height:25px!important;

} /* ------------------ RESIZE TAB BAR END ----------------------------- */

/* ------------------ TAB HEIGHT ----------------------------- */

.tabbrowser-tab {
 max-height: 25px !important;
 border-color: #8f939e;

}

.tabbrowser-tabs {

 max-height: 25px !important;
 border-color: #8f939e;

} /* ------------------ TAB HEIGHT END ----------------------------- */

I inserted backslashes at the beginning of the first 2 lines of code above to preserve the hashtag sign (otherwise it displays an index number before those lines), please ignore the backslashes.

I would like my customizations in Firefox 125 to look like the ones I made in 115 ESR.

Is it possible?

Thanks!

Задан Slouch 2 дня назад

Дан ответ cor-el 2 дня назад

Why can't some Wikipedia pages activate read mode?

Hello everyone, Why some Wikipedia pages cannot activate reading mode under Debian 12 and Firefox ESR 115.9.1, for example this English Wikipedia page on Emmabuntüs does… (читать ещё)

Hello everyone,

Why some Wikipedia pages cannot activate reading mode under Debian 12 and Firefox ESR 115.9.1, for example this English Wikipedia page on Emmabuntüs does not allow reading mode to be activated while French, Spanish and German pages can ?

See our test video on this subject: http://share.emmabuntus.org/Accessibility/Firefox_mode_lecture_non_disponible_emmabuntus_en.mp4

Is there a utility to test pages compatible with reading mode?

Or otherwise in which Firefox log file to see if a page is compatible or not?

Thanks in advance for your help.

Задан Patrick-Emmabuntus 2 недели назад

Последний ответ от Patrick-Emmabuntus 2 дня назад

How to convert a specific chrome addon to firefox

Here is the extension i would like to convert https://chromewebstore.google.com/detail/equalizer-for-chrome-brow/abikfbojmghmfjdjlbagiamkinbmbaic here is what extensio… (читать ещё)

Here is the extension i would like to convert

https://chromewebstore.google.com/detail/equalizer-for-chrome-brow/abikfbojmghmfjdjlbagiamkinbmbaic


here is what extension test .com says


2 compatibility issues found:

What are compatibility issues?

Compatibility issues warn about the usage of APIs or permissions not available in the latest version of Firefox.

   tabCapture.capture is not supported
   This API has not been implemented by Firefox.
   found in the following locations:
       content.js:1
       options.js:3
   tabCapture.onStatusChanged is not supported
   This API has not been implemented by Firefox.
   found in the following locations:
       content.js:1
       options.js:469



How do I fix?

Thanks for any help!

Задан emerson 2 дня назад

Последний ответ от Paul 2 дня назад

mouse pointer

mouse pointer is nice size in general but becomes VERY small when I go into websites. this happens when i use either floorp or firefox but is fine when i use chrome( woul… (читать ещё)

mouse pointer is nice size in general but becomes VERY small when I go into websites. this happens when i use either floorp or firefox but is fine when i use chrome( would rat5her not use google). i just don't see where I can fix this in Firefox settings

Задан bill morin 2 дня назад

Последний ответ от zeroknight 2 дня назад

Appearance of <embed> icon when selecting text

I've been seeing the black embed icon appear when I select text. It's only been recent. My browser is 125.02 and up to date and I have Windows 11. Is this from a recent… (читать ещё)

I've been seeing the black embed icon appear when I select text. It's only been recent. My browser is 125.02 and up to date and I have Windows 11.

Is this from a recent update? I'd like to disable it if possible.

I attached a screenshot.

Thanks in advance!

Задан blanshay 2 дня назад

Последний ответ от zeroknight 2 дня назад

  • Решено

Firefox Translation - Turn off

Hi. How come there is no option to turn off "Firefox Translation"? I speak three languages and every time I visit foreign web site, Firefox suggest translation to me. It… (читать ещё)

Hi.

How come there is no option to turn off "Firefox Translation"? I speak three languages and every time I visit foreign web site, Firefox suggest translation to me. It's annoying.

Задан beyondlightless 3 дня назад

Дан ответ cor-el 2 дня назад