Fragen mit folgendem Schlagwort anzeigen: Alle Fragen anzeigen
  • Gelöst

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… (Lesen Sie mehr)

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

Gefragt von Slouch vor 1 Monat

Beantwortet von Slouch vor 3 Wochen

  • Gelöst

Customize Toolbar page does not appear.

When I try to customize the toolbar in Firefox 115.10, the browser tries to change the page to the customize toolbar / overflow toolbar page. However the page flashes o… (Lesen Sie mehr)

When I try to customize the toolbar in Firefox 115.10, the browser tries to change the page to the customize toolbar / overflow toolbar page. However the page flashes on and then reverts to the normal browser page. The page showing customize toolbar/ overflow toolbar, is transient and does not last. So I can't even customize the order of the buttons on my toolbar. This wasn't a problem a few days ago before the switch to this latest version. In particular I am trying to change the position of the "home" button to the left side of the address box. I just can't bring up the customize toolbar page. I'm not talking about the position of the add-on or extension buttons...just the home button. Hope this is clear. By the way, I've even tried this in safe mode to no avail.

Gefragt von paulgxi vor 2 Wochen

Beantwortet von paulgxi vor 2 Wochen

  • Gelöst

Setting border color for focused URL Bar

Hi All, I'm trying to set the border color for my url & search bars to gray when non-focused, and blue when receiving the focus. The following code works for the se… (Lesen Sie mehr)

Hi All,

I'm trying to set the border color for my url & search bars to gray when non-focused, and blue when receiving the focus.

The following code works for the search bar, but the url bar is receiving a separate blue border around the gray border, instead of changing the color from gray to blue.

Can someone suggest how I might set the url bar to blue (just a single border, not the double it has now), both when it has focus and when it's expanded?

Thank you!

/* set non-focused url & search bars to gray border */
#urlbar > #urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background, #searchbar { border: 1px solid #a1a6b5 !important; outline: none !important; border-radius: 0px !important; }
/* set focused search bar to blue border */
#urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background:focus-within, #searchbar:focus-within { border: 1px solid #0078d7 !important; }
/* set focused url bar to blue border */
#urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background:focus-within, #urlbar:focus-within { border: 1px solid #0078d7 !important; }

Gefragt von Slouch vor 3 Wochen

Beantwortet von Slouch vor 2 Wochen

  • Gelöst

Double icons on Stop & Reload buttons when using custom icons

When reloading a page, or navigating to a new page, the default Stop icon momentarily appears over my own Reload icon, and the default Reload icon also appears over my St… (Lesen Sie mehr)

When reloading a page, or navigating to a new page, the default Stop icon momentarily appears over my own Reload icon, and the default Reload icon also appears over my Stop icon.

Please see attached image and animation.

Any idea if this is a minor bug?

Below is my code to split the Reload button into Reload & Stop buttons, then to add text to the navigation buttons, and finally to add icons to the navigation buttons.

This anomaly happens whether or not I split the Reload & Stop buttons. With just a single Reload button, I'm also seeing the default Reload icon appear over my own.

Thank you.

/* ---------- SPLIT RELOAD BUTTON INTO RELOAD & STOP ------------- */
#reload-button, #stop-button {
   display: inherit !important; 
} 
#reload-button > .toolbarbutton-icon {
  -moz-appearance: none !important; 
}


/* ------------ ADD TEXT LABELS TO NAVIGATION TOOLBAR BUTTONS --------------- */
/* Shows both icon and label for toolbarbuttons */
toolbar .toolbarbutton-1[label]{
  flex-direction: column;
  align-items: center !important;
}
toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; }
toolbar .toolbarbutton-1[label] > .toolbarbutton-icon,
toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{
  padding: var(--toolbarbutton-inner-padding) !important;
  padding-bottom: 0px !important;
  height: calc(var(--toolbarbutton-inner-padding) + 16px) !important;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
toolbar .toolbarbutton-1[label] > .toolbarbutton-text {
  display: flex !important;
  min-height: 16px !important;
  padding-top: 3px !important;
  padding-bottom: 6px !important;
  background-color: transparent !important;
  overflow: hidden;
  width: 9ch; /* changes space between buttons */
}
toolbar .toolbarbutton-1[label] > .toolbarbutton-text::before{
  margin-inline: auto;
 }
:root:not([uidensity="compact"]) toolbar .toolbarbutton-1[label] > .toolbarbutton-text{ padding: 2px !important; }


/* ------------ ADD CUSTOM ICONS TO NAVIGATION TOOLBAR BUTTONS ----------- */
#back-button {
   list-style-image: url("image/back.png") !important;
   padding-top: 8px !important;
}
#back-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#forward-button {
   list-style-image: url("image/forward.png") !important;
   padding-top: 8px !important;
}
#forward-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#reload-button {
   list-style-image: url("image/reload.png") !important;
   padding-top: 8px !important;
}
#reload-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#stop-button {
   list-style-image: url("image/stop.png") !important;
   padding-top: 8px !important;
}
#stop-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#print-button {
   list-style-image: url("image/print.png") !important;
   padding-top: 8px !important;
}
#print-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}
#home-button {
   list-style-image: url("image/home.png") !important;
   padding-top: 8px !important;
}
#home-button image{
   max-height: 16px !important; 
   max-width: 16px !important;
   padding: 0px !important;
   margin-bottom: 3px !important;
}

Gefragt von Slouch vor 3 Wochen

Beantwortet von Slouch vor 3 Wochen

  • Gelöst

I have the latest FF browser. when i try to access my credit union account, i get this message "You're using an outdated browser or are using a Proxy service which is unsupported." how can i get past this?

I have the latest FF browser. I'm not using any proxy service, just spectrum connection. when i try to access my credit union account, i get this message "Error: "WWF2… (Lesen Sie mehr)

I have the latest FF browser. I'm not using any proxy service, just spectrum connection. when i try to access my credit union account, i get this message

"Error: "WWF2TUh4dnM=" - You're using an outdated browser or are using a Proxy service which is unsupported. Please update your browser or turn off your Proxy to continue, thank you."

how can i get past this? All help appreciated!

Gefragt von drwin vor 1 Monat

Beantwortet von drwin vor 1 Monat

  • Gelöst

Move Tab Icons (favicons) up 1px

Hi All, For some reason my tab icons look a little low, and I would like them more vertically centered. I've been trying to move these icons around using some older cod… (Lesen Sie mehr)

Hi All,

For some reason my tab icons look a little low, and I would like them more vertically centered.

I've been trying to move these icons around using some older code that doesn't seem to work anymore.

The code below no longer has any effect.

Does anyone know how to move the tab icons up 1 pixel?

Thanks!

/* padding doesn't move them */
.tab-throbber, .tab-icon-image { padding-bottom: 4px !important; }
/* margin doesn't move them */
.tab-throbber, .tab-icon-image { margin-bottom: -2px !important; }
/* can't even turn the icons off LOL */
.tab-icon-image { display:none !important; }

Gefragt von Slouch vor 2 Wochen

Beantwortet von cor-el vor 2 Wochen

  • Gelöst

Add-on no longer on Toolbar

I'm using the OneTab add-on, Enabled. The icon no longer shows on the Toolbar, though it is on the Menu bar next to Firefox View. I ran Remove and then Added it again, … (Lesen Sie mehr)

I'm using the OneTab add-on, Enabled. The icon no longer shows on the Toolbar, though it is on the Menu bar next to Firefox View.

I ran Remove and then Added it again, hoping the Toolbar Icon would reappear = no go, And I lost all URLs already saved, stupid me. To be clear, clicking the Icon on the Toolbar saves all open tabs.

Is there a fix via Preferences? Thanks. gw

Gefragt von metaguy vor 1 Monat

Beantwortet von zeroknight vor 1 Monat

  • Gelöst

Change URL border color when focused

Hi All, I would like to change the url border color when it has the focus to blue. The code below works, except when you press Escape. After hitting Escape, the urlbar… (Lesen Sie mehr)

Hi All,

I would like to change the url border color when it has the focus to blue.

The code below works, except when you press Escape.

After hitting Escape, the urlbar still has the focus but its border changes back to gray. It should remain blue.

I would also like to remove the box-shadow after pressing Escape, when the urlbar is not expanded (to mimic the behavior of FF 88).

The url and search input fields also do the same goofy thing Windows 10 does - the cursor stops blinking after 5 blinks and remains frozen. Any way to remove that behavior and keep the cursor blinking? If not, no big deal, the other stuff above is more important.

Any code suggestions to get that behavior are welcome!

/* set the initial borders of the urlbar and search bar to gray */
#urlbar > #urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background, #searchbar { border: 1px solid #a1a6b5 !important; outline: none !important; border-radius: 0px !important; }
/* set urlbar border to blue when focused */
#urlbar[breakout][breakout-extend] #urlbar-background {
   border-color: #0078d7 !important;
}

Gefragt von Slouch vor 2 Wochen

Beantwortet von jscher2000 - Support Volunteer vor 2 Wochen

  • Gelöst

URL bar popup menu text spaced out (kerning/tracking issue)

Hi All, Is there any reason why the menu item text in the URL popup menu is so spaced out in FF 115 and 125? It's the only menu I've found like that. See attached scre… (Lesen Sie mehr)

Hi All,

Is there any reason why the menu item text in the URL popup menu is so spaced out in FF 115 and 125?

It's the only menu I've found like that.

See attached screenshots. The one on the left is FF 115, and the one on the right is FF 88 (more normal).

Is there a way to fix this?

And also remove that "Add" menu item at the bottom?

If so, please reply!

Gefragt von Slouch vor 2 Wochen

Beantwortet von Slouch vor 2 Wochen

  • Gelöst

How can I enable sound on pop-up blocked

Is there a way to enable sounds when the built in pop-up blocker blocks a pop-up or make the banner more noticeable? I often dont realize a pop-up has been blocked and ca… (Lesen Sie mehr)

Is there a way to enable sounds when the built in pop-up blocker blocks a pop-up or make the banner more noticeable? I often dont realize a pop-up has been blocked and cant figure out why I' not getting the new content

Gefragt von jpnyc vor 1 Monat

Beantwortet von cor-el vor 1 Monat

  • Gelöst
  • Archiviert

watch video "in" firefox browser

I'm trying to watch videos in Firefox. Youtube works but Xvideos does not. Firefox pops up a window asking me: >> "Opening xvideos"."com ###.mp4". >> wh… (Lesen Sie mehr)

I'm trying to watch videos in Firefox. Youtube works but Xvideos does not. Firefox pops up a window asking me:

>> "Opening xvideos"."com ###.mp4". >> which is: MP4 Video (16.4MB) >> from https://cdn77-vid.xvideos-cdn"."com >> >> What should Firefox do with this file?

My only choice is: Open with Windows Media Player x86 (default)

suggestions?

I'm running Windows 7 Firefox 76.0.1

Thanks!!!!

Gefragt von G_Eak vor 4 Jahren

Beantwortet von cor-el vor 4 Jahren

  • Gelöst
  • Archiviert

Hide Tab bar if there is only one tab

Hello! I have been using this userChrome.css code to hide the tab bar if there is only one tab (on Windows): tab:only-of-type, tab:only-of-type + #tabs-newtab-button { … (Lesen Sie mehr)

Hello!

I have been using this userChrome.css code to hide the tab bar if there is only one tab (on Windows):

tab:only-of-type, tab:only-of-type + #tabs-newtab-button {

   display: none !important;

}

#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
   min-height: 0 !important;

}

Since one of the recent Firefox updates, this code does no longer work. Maybe because there is a new element in the tab bar: A drop-down list at the right.

Any idea how to make the above code work again?

Peter

Gefragt von peter596 vor 1 Jahr

Beantwortet von cor-el vor 1 Jahr

  • Gelöst
  • Archiviert

Firefox Support for Windows 7 beyond Jan 2023

It has recently come to my attention that Mozilla may not continue to support Firefox browsers installed on Windows 7 computers after Jan. 2023, when the extended support… (Lesen Sie mehr)

It has recently come to my attention that Mozilla may not continue to support Firefox browsers installed on Windows 7 computers after Jan. 2023, when the extended support for Windows 7 ends. Is that correct?

Will Firefox continue to work, but not receive security updates after that date?

Will Firefox still work on a Windows 7 computer that gets patches from 0Patch?

Thanks!

Gefragt von TNorth vor 2 Jahren

Beantwortet von James vor 2 Jahren

  • Gelöst

Tab Bar on Firefox

Hi, I'm a Firefox user since around 2004. Whenever I used FF i always opened multiple windows of FF. At some point Mozilla came out with Tabs. I don't use them and as a m… (Lesen Sie mehr)

Hi, I'm a Firefox user since around 2004. Whenever I used FF i always opened multiple windows of FF. At some point Mozilla came out with Tabs. I don't use them and as a matter of fact I use the option under settings to open links in a new window (not tabs). Always have, Why? Habit I guess from the times I first starting using FF. I seriously don't use Tabs. I would like to Remove the Tab Bar from FF because of this reason and it frees up a lot of visual space on my browser. I've spent hours reading/searching/trying on "how" to remove or at least hide the Tab Bar. Waste of time so far, so I decided to Post the Question.

How Do I Hide or Remove the Tab Bar in FireFox?

Thanks For Everyone's Help in Advance:-)

Gefragt von seeekerman vor 5 Monaten

Beantwortet von cor-el vor 5 Monaten

  • Gelöst
  • Archiviert

How do I delete an autofill email address?

Running v104.0.2. (UK) Whenever I have an 'email box', I get an autofill email address appearing I wish to delete. When I highlight the address, and hit 'delete' it doesn… (Lesen Sie mehr)

Running v104.0.2. (UK) Whenever I have an 'email box', I get an autofill email address appearing I wish to delete. When I highlight the address, and hit 'delete' it doesn't work. On searching a method, I get the suggestion to go into settings and drill down in the 'Forms & Autofill' section in 'privacy' settings, but my FireFox has no such section.

I then tried to 'activate' the section by going into 'about:config' and changing 'extensions.formautofill.available' from, 'detect', to 'on', it made no difference, I still have no 'Forms & Autofill' section in settings.

How can something so simple be so complicated?

How do I delete an autofill email address?

Gefragt von Stephen5000 vor 1 Jahr

Beantwortet von cor-el vor 1 Jahr

  • Gelöst
  • Archiviert

Connection to server now fails: SEC_ERROR_INADEQUATE_KEY_USAGE

I access a CCTV Network Video Recorder on the same private/LAN that I'm on using an PC via HTTPS. It's been working fine for nearly a year. Recently it won't access via H… (Lesen Sie mehr)

I access a CCTV Network Video Recorder on the same private/LAN that I'm on using an PC via HTTPS. It's been working fine for nearly a year. Recently it won't access via HTTPS any more with the Error Message "Secure Connection Failed An error occurred during a connection to 192.168.1.30. Certificate key usage inadequate for attempted operation. Error code: SEC_ERROR_INADEQUATE_KEY_USAGE

   The page you are trying to view cannot be shown because the authenticity of the received data could not be verified.
   Please contact the web site owners to inform them of this problem."

I've contacted the vendor but they seem at a bit of a loss. I can connect using HTTP, and an Android App (spit) still works too. I did find a Stack Overflow article from 2020 mentioning a possible corrupt cert9.db and/or cert_override.txt files, but as it's so old I wanted to ask for further advice before I start hacking things around. On another PC using the same browser version on the same network I get the attached response, not the same as the one I get and it will allow me to accept the risk. Can anyone help please?

Gefragt von fixit9660 vor 9 Monaten

Beantwortet von cor-el vor 9 Monaten

  • Gelöst
  • Archiviert

Extremely high Cpu usage after firefox update

Hello, I hope someone can help me. Ever since I updated firefox, my cpu is almost at 100%. With only 2 or 3 tabs open. I updated from version 106.0.2 to 112.0.2. Before … (Lesen Sie mehr)

Hello, I hope someone can help me.

Ever since I updated firefox, my cpu is almost at 100%. With only 2 or 3 tabs open. I updated from version 106.0.2 to 112.0.2. Before this update, I could have several tabs open, up to 10 and the computer would run fine. Now with 3 tabs open, it gets really slow. And I can hear my desktop suffering (the fans go to full speed). When checking the task manager, firefox is taking all the memory and the cpu usage is almost at 100%. I have to keep restarting firefox.

The conditions are the same. The only thing that changes was updating firefox. I already searched for ways to reduce the firefox cpu usage, but nothing changed.

Is there a way to fix this? Or how can I go back to an older version of firefox? Because I'm afraid my computer will die from simply opening 3 tabs.

Thank you in advance.

Gefragt von Dark_mustard vor 1 Jahr

Beantwortet von cor-el vor 1 Jahr

  • Gelöst
  • Archiviert

Firefox printing with System print dialog

Since the last update to Firefox I have not been able to print using the system dialog. Only the new Firefox print screen comes up. How can I return to system printing … (Lesen Sie mehr)

Since the last update to Firefox I have not been able to print using the system dialog. Only the new Firefox print screen comes up. How can I return to system printing dialog?

Also the ability to set print quality in the Firefox print screen does not exist. I can do copies, black or color, duplex printing, etc but not set the print quality like draft, text, photo, etc.

I also have many forms I've setup for printing and I can't access these.

Thanks, Pat

Gefragt von patbarrmail vor 2 Jahren

Beantwortet von jscher2000 - Support Volunteer vor 1 Jahr

  • Gelöst
  • Archiviert

Firefox returning a PR_CONNECT_RESET_ERROR, Chrome too, Edge OK

Firefox began returning a PR_CONNECT_RESET_ERROR error on all websites a few days ago. Chrome likewise. MIcrosoft Edge is working fine. I am running Windows 7 with Kasper… (Lesen Sie mehr)

Firefox began returning a PR_CONNECT_RESET_ERROR error on all websites a few days ago. Chrome likewise. MIcrosoft Edge is working fine. I am running Windows 7 with Kaspersky. I tried turning off the Windows Firewall and the Kaspersky protection, but it didn't help. I also tried disabling plugins, theme, and add-ons but it still didn't help. Any suggestions?

Gefragt von CLamb vor 1 Jahr

Beantwortet von CLamb vor 1 Jahr

  • Gelöst
  • Archiviert

What content is required in userChrome.css to move the tabs bar under all other bars?

Every solution which I have found for Firefox 89 "Proton" so far which moves the Tabs Bar below the Navigation Bar (AKA "address bar"), with the Menu Bar above it, does N… (Lesen Sie mehr)

Every solution which I have found for Firefox 89 "Proton" so far which moves the Tabs Bar below the Navigation Bar (AKA "address bar"), with the Menu Bar above it, does NOT move the Tabs Bar below the Bookmarks Bar. The Bookmarks Bar appears to be overwritten and blank, and occupies space below the Menu Bar, Navigation Bar, and Tabs Bar. This empty space separates the three bars which are implemented and the content of the currently-selected tab below it.

Currently, my userChrome.css file is a copy posted by Cor-el (?):


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS: below nav-bar - fixed for 108+,113+ */

/* ROOT -variables */
*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  
  --tab-min-height: 25px !important; /*override density*/
  --tab-min-width:  80px !important; /*override default*/
}

/* TABS: below nav-bar - no longer needed in 113+ *//*
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
  order: 10 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  order: 1000 !important;
}
*/

/* TABS: position */
#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

/* for 107 and lower - disable this rule in 108 and newer *//*
#tabbrowser-tabs {
  width: 100vw !important;
} */

/* navigator-toolbox: PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
  position: relative !important;
}

/* TABS: HEIGHT */
#tabbrowser-tabs,
#tabbrowser-arrowscrollbox,
#tabbrowser-tabs .tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

#tabbrowser-tabs,
.tab-stack,
.tab-content {
  height: var(--tab-min-height) !important;
}

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

/* indicators - hide  */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* window controls in full screen - hide*/
#TabsToolbar #window-controls {display: none !important;}

/* caption buttons on tab bar - hide */
*|*:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar
 .titlebar-buttonbox-container {display: none !important;}
________________________________________________________________________________________________

Evidently, the text editor for this website does several things to the above original text that, frankly, seem unnecessary and undesirable. The .CSS file is just an unformatted text file, so what is the problem with simply copying its contents and pasting it in to the body of this post?

Which is also to say that I do NOT have a clue as to what any line in the file is meant to do, what effect it has, why it is even in the file at all, or why it is written in the way that it is. So DO NOT tell me that I "CAN" create a Cascading Style Sheet on my own when I cannot even modify one that has been provided.

On the face of it, something is missing from the above CSS text. What change needs to be made to the above content so that the Bookmark Bar will appear between the Navigation Bar and the Tabs Bar??

Thank-you very much for your time and attention to this request for assistance.

Gefragt von Blacklisted vor 2 Jahren

Beantwortet von DB-1 vor 2 Jahren