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

[ginjabunny]

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; 
 }

[killer de bug]

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

[ginjabunny]

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.

[killer de bug]

Thanks a lot for the pictures.
Nice work.

[ginjabunny]

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]

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;
 }