I miss Compact Classic theme on Firefox, so....

Chat about just about anything else
Post Reply
ginjabunny
Level 3
Level 3
Posts: 144
Joined: Sun Mar 09, 2008 4:04 pm
Location: West London, UK

I miss Compact Classic theme on Firefox, so....

Post by ginjabunny » Sat Feb 14, 2015 2:11 pm

I decided to do something about it. Compact Classic has not worked for ages and is no longer maintained I tried to find a replacement when it stopped working but failed.
So today I spotted on the add-on page someone mentioned using userChrome.css to customise the Firefox toolbar layouts, I just spent a couple of hours tweaking this idea and this is what I came up with (btw I am using the default theme)

1) look in your Firefox profile folder in .mozilla in your home folder (mine is .mozilla/firefox/nigels01.default), if there is no chrome folder then create one, then a new text file and call it userChrome.css (I think it's case sensitive).

2) put this in userChrome.css, then restart Fiefox and voila something that looks a bit like Compact Classic in that it's all squashed up as tight as possible

Code: Select all

toolbarbutton {
 font-size: 9pt !important; 
 padding: 0px 0px !important;
 }
.tabbrowser-tabs {
 font-size: 9pt !important; 
 height: 24px !important;
 min-height: 0px !important; 
 }
.tab-icon-image {
 margin-top: -1px !important; 
 padding-bottom: 2px !important;
 }
.tabs-newtab-button {
 padding-bottom: 5px !important;
 }
#TabsToolbar { 
 font-size: 9pt !important; 
 margin-top: -1px !important; 
 }
#PersonalToolbar { 
 font-size: 9pt !important; 
 max-height: 22px !important; 
 padding: 0px 0px !important;
 margin-top: -8px !important; 
 margin-bottom: 2px !important; 
 }
#urlbar {
 font-size: 9pt !important; 
 max-height: 22px !important; 
 padding: 0px 0px !important;
 margin-top: 1px !important; 
 margin-bottom: 2px !important; 
 }
#searchbar {
 font-size: 9pt !important; 
 max-height: 22px !important; 
 padding: 0px 0px !important;
 margin-top: 1px !important; 
 margin-bottom: 2px !important; 
 }

User avatar
killer de bug
Level 14
Level 14
Posts: 5415
Joined: Tue Jul 08, 2008 1:49 pm
Location: Leuven, Belgium

Re: I miss Compact Classic theme on Firefox, so....

Post by killer de bug » Mon Feb 16, 2015 3:20 pm

Could you please post a screenshot of the result? It would help us to understand your changes.
No offense but I don't want to try without knowing the expected result :lol:
If it ain't broke, fix it until it is.

ginjabunny
Level 3
Level 3
Posts: 144
Joined: Sun Mar 09, 2008 4:04 pm
Location: West London, UK

Re: I miss Compact Classic theme on Firefox, so....

Post by ginjabunny » Sun Feb 22, 2015 12:40 pm

see image below (obviously the default is on the left), if you don't like it just remove the file or tweak it, it only works while the file is there.
Image

User avatar
killer de bug
Level 14
Level 14
Posts: 5415
Joined: Tue Jul 08, 2008 1:49 pm
Location: Leuven, Belgium

Re: I miss Compact Classic theme on Firefox, so....

Post by killer de bug » Sun Feb 22, 2015 1:00 pm

Thanks a lot for the pictures.
Nice work.
If it ain't broke, fix it until it is.

ginjabunny
Level 3
Level 3
Posts: 144
Joined: Sun Mar 09, 2008 4:04 pm
Location: West London, UK

Re: I miss Compact Classic theme on Firefox, so....

Post by ginjabunny » Mon Feb 23, 2015 5:33 am

apparently you can also get rid of the window title bar in you install the add-on "Hide Caption Titlebar Plus", seems to work

ginjabunny
Level 3
Level 3
Posts: 144
Joined: Sun Mar 09, 2008 4:04 pm
Location: West London, UK

Re: I miss Compact Classic theme on Firefox, so....

Post by ginjabunny » Mon Jul 04, 2016 3:17 am

so I've just installed Linux Mint 18 and copied over my .mozilla folder and when I started Firefox all the bookmark bar icons are spread out unlike before so how to get rid of all that pesky space, after quite a bit of fiddling about with bookmark-item margins I settled for this.

Code: Select all

toolbarbutton {
 font-size: 10pt !important;
 padding: 0px 0px !important;
 }
.tabbrowser-tabs {
 font-size: 10pt !important;
 height: 24px !important;
 min-height: 0px !important;
 }
.tab-icon-image {
 margin-top: -1px !important;
 padding-bottom: 2px !important;
 }
.tabs-newtab-button {
 padding-bottom: 5px !important;
 }
#TabsToolbar {
 font-size: 10pt !important;
 margin-top: -1px !important;
 }
#PersonalToolbar {
 font-size: 10pt !important;
 max-height: 24px !important;
 padding: 0px 0px !important;
 margin-top: -7px !important;
 margin-bottom: 0px !important;
 }
.bookmark-item > .toolbarbutton-text {
 font-size: 10pt !important;
 margin-left: 9px !important;
 margin-right: -5px !important;
}
.bookmark-item > .toolbarbutton-icon {
 margin-left: -5px !important;
 margin-right: -6px !important;
}
#urlbar {
 font-size: 10pt !important;
 max-height: 24px !important;
 padding: 0px 0px !important;
 margin-top: 1px !important;
 margin-bottom: 2px !important;
 }
#searchbar {
 font-size: 10pt !important;
 max-height: 22px !important;
 padding: 0px 0px !important;
 margin-top: 1px !important;
 margin-bottom: 2px !important;
 }

Post Reply

Return to “Open chat”