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

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 19 минут назад

How to return to previously viewed tab when I close a tab, without extensions.

Others asked and were pointed to extensions. As long as extensions get access to my pages, I'm not willing to use any. So, is there an option in advanced settings, to ret… (читать ещё)

Others asked and were pointed to extensions. As long as extensions get access to my pages, I'm not willing to use any. So, is there an option in advanced settings, to return to previously viewed tab when I close a tab? Thanks, Cat

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

Последний ответ от CatFox 5 дней назад

pocket recommends

Hi - I can't get 'pocket recommends' stories to appear in FF on my macbookpro (14.4.1) I've done pretty much everything I can find online including the below – nothing … (читать ещё)

Hi - I can't get 'pocket recommends' stories to appear in FF on my macbookpro (14.4.1)

I've done pretty much everything I can find online including the below – nothing works

ANy ideas?

Type "about:config" in the address bar and press Enter Click "I accept the risk!" to proceed In the search bar, type "browser.newtabpage.activity-stream.feeds.topsites" and press Enter Right-click on the "browser.newtabpage.activity-stream.feeds.topsites" preference and select "Reset" Restart Firefox and open a new tab to see if the Pocket Discover tiles appear.

Задан martinr2 4 дня назад

Последний ответ от martinr2 4 дня назад

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 часов назад