[Ext] Classic Theme Restorer

[Aris]

Which is the last Firefox version supporting AeroGlass + CSS combo? Maybe later ones contain too deep changes, which can not be overridden by CSS.

[Olofern]

I checked in "General UI" the "Small buttons on navigation toolbar" to reduce extension buttons spacing
Now I have this back/forward buttons


but I'd like to have these


Is it possible?

[85rx-7se]

Try to find Classic Toolbar Buttons 1.6.1 .... It has the old and new style of back/forwards buttons. I do not know for sure
if it is still on Mozilla add ons site and it may or may not depending on which Firefox version you have ... I would attach it here
but the forum probably will not allow it.
This site has 1.5.9 for download
https://www.majorgeeks.com/files/detail ... ttons.html

[Olofern]

Thanks,
This solution is almost perfect, the only downside is that back/forward buttons don't have the color of the Theme.
Anyway, now is much better

[Aris]

@Olofern
@85rx-7se

I uploaded all of my reviewed legacy add-ons here month ago: https://github.com/Aris-t2/ClassicTheme ... ag/1.7.7.3

You can find CTB 1.6.1 there.

[85rx-7se]

I made a bookmark for that ... good to know.

[Olofern]

Thanks

[avada]

Hello!

I've been trying to customize the color of the selected tab like this "rgba(0,0,0,0.4)" and "rgba(0,0,0,0.7)". But the border became weird:


Any idea what to do with it?

PS:
I've also been trying to add a frame to tabs, via border-style and color/width. But it looked worse. The icon/text got squashed. and the border added didn't match the actual border of the tab. I'm thinking a decent looking frame might be good alternative for color change on hovered tabs.

[Aris]

Test with default tab size and without multi row tabs mode.

Classic squared tabs to fixed border images, so you won't be able to change much there. Use "Classic Squared Tabs v2", if you want to change borders using custom CSS code.

Add this to CTRs custom css area and change border colors.

Code: Select all

   .tabs-newtab-button ,
   .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {
     border-top: 1px solid rgba(0,0,0,.2) !important;
     border-left: 1px solid rgba(0,0,0,.2) !important;
     border-right: 1px solid rgba(0,0,0,.2) !important;
   }
   .tabbrowser-tab:not(:-moz-lwtheme)[selected] .tab-content {
     border-top: 1px solid rgba(0,0,0,.5) !important;
     border-left: 1px solid rgba(0,0,0,.4) !important;
     border-right: 1px solid rgba(0,0,0,.4) !important;
   }
   .tabs-newtab-button:-moz-lwtheme-darktext ,
   .tabbrowser-tab .tab-content:-moz-lwtheme-darktext {
     border-top: 1px solid rgba(0,0,0,.2) !important;
     border-left: 1px solid rgba(0,0,0,.2) !important;
     border-right: 1px solid rgba(0,0,0,.2) !important;
   }
   .tabs-newtab-button:-moz-lwtheme-brighttext ,
   .tabbrowser-tab .tab-content:-moz-lwtheme-brighttext {
     border-top: 1px solid rgba(255,255,255,.6) !important;
     border-left: 1px solid rgba(255,255,255,.2) !important;
     border-right: 1px solid rgba(255,255,255,.2) !important;
   }

[avada]

Test with default tab size and without multi row tabs mode.

Classic squared tabs to fixed border images, so you won't be able to change much there. Use "Classic Squared Tabs v2", if you want to change borders using custom CSS code.

Add this to CTRs custom css area and change border colors.

Code: Select all

   .tabs-newtab-button ,
   .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {
     border-top: 1px solid rgba(0,0,0,.2) !important;
     border-left: 1px solid rgba(0,0,0,.2) !important;
     border-right: 1px solid rgba(0,0,0,.2) !important;
   }
   .tabbrowser-tab:not(:-moz-lwtheme)[selected] .tab-content {
     border-top: 1px solid rgba(0,0,0,.5) !important;
     border-left: 1px solid rgba(0,0,0,.4) !important;
     border-right: 1px solid rgba(0,0,0,.4) !important;
   }
   .tabs-newtab-button:-moz-lwtheme-darktext ,
   .tabbrowser-tab .tab-content:-moz-lwtheme-darktext {
     border-top: 1px solid rgba(0,0,0,.2) !important;
     border-left: 1px solid rgba(0,0,0,.2) !important;
     border-right: 1px solid rgba(0,0,0,.2) !important;
   }
   .tabs-newtab-button:-moz-lwtheme-brighttext ,
   .tabbrowser-tab .tab-content:-moz-lwtheme-brighttext {
     border-top: 1px solid rgba(255,255,255,.6) !important;
     border-left: 1px solid rgba(255,255,255,.2) !important;
     border-right: 1px solid rgba(255,255,255,.2) !important;
   }

Thanks!

[Box777]

HI,

I would like to open Bookmarks in sidebar with one klick by clicking the StarButton and Hinstory with one Click ClockButton for History.

Those Buttons existed seperately before, but are now in the sidebar menu, but now I need 2 klicks /actions to get what i neeed. i would like to detach them..

thank you

[Aris]

CTR is not supported on Fx64+.

CustomCSSforFx also does not offer creating buttons, because CSS can not create buttons.


By the way you can open Bookmarks sidebar with Ctrl+B and History sidebar with Ctrl+H without any additional scripts or code.

[Box777]

Thx for reply, Aris.

of course i know the shortcuts. I always had 2 Buttons on the very left of the navigation bar, making it so easy to open sidebar without moving my hands to the keyboard.

Theres no need to create new buttons, just place the 2 buttons which are already in the sidebar menu elsewhere. ...

[Aris]

CSS can not move buttons out of menus to toolbars.

[pintassilgo]

Can I post here for help with customizing Firefox with CSS?

I use browser.urlbar.autoFill = false and browser.urlbar.suggest.searches = false, so "Search with Google" is almost always the first suggested item. I would like to hide this "Search with Google" EXCEPT when it is the only visible item (this happens when I type something without matches in my history, like "eajaoeijtg"). Please, it's possible to achieve this with CSS?

I tried

Code: Select all

#PopupAutoCompleteRichResult richlistitem:not([collapsed]):not(:only-of-type):first-of-type {
  display: none !important;
}

But this hides all "Search with Google", even when it's the only item visible, which is the exception I want to keep visible.