Here’s the best of the userchrome.css tweaks that I promised to bring to you. If you haven’t read part 2 of 21+ Innovative Firefox Tweaks, now is the time. And you don’t need to go elsewhere to compile the best of the best. All the tweaks are self explanatory. However, here’s a bonus tip. In case you finally decide to clear away all the clutter and start afresh, allyou do is simply rename or remove your userchrome.css file. Another one, before you decide to cut and paste these, make sure there are no conflicting rules (like one trying to disable the throbber and another one trying to enable it at the same time). Over to the tweaks now.
/* TABBROWSER TABS */
/* Make the active tab wider */
tab[selected="true"] { min-width: 200px !important; }
/* Change color of active tab */
tab{ -moz-appearance: none !important; } tab[selected="true"] {
background-color: rgb(222,218,210) !important;
color: black !important; }
/* Change color of normal tabs */
tab:not([selected="true"]) {
background-color: rgb(200,196,188) !important;
color: gray !important; }
/* Kill tabbrowser icons */
/* Note: this leaves some empty vertical space in the tab strip in some themes */
/* Kill all tab icons, no matter what */
.tabbrowser-tabs .tab-icon {
display: none;
}
/* Alternatively, kill only default tabbrowser icons (no site icon) */
.tabbrowser-tabs *|tab:not([image]) .tab-icon {
display: none;
}
/* Show icons (no matter what) when hovering over the tab */
.tabbrowser-tabs *|tab:hover .tab-icon {
display: -moz-box;
}
/* Show tab loading indicator while the tab is loading */
.tabbrowser-tabs *|tab[busy] .tab-icon {
display:-moz-box;
}
/* Shrink tab titles by 10% */
.tabbrowser-tabs .tab-text {
font-size: 90%;
}
/*Miscellaneous */
/* Remove Back button when there's nothing to go Back to */
#back-button[disabled="true"] { display: none; }
/* Remove Forward button when there's nothing to go Forward to */
#forward-button[disabled="true"] { display: none; }
/* Remove Stop button when there's nothing to Stop */
#stop-button[disabled="true"] { display: none; }
/* Show keyword input box when adding a bookmark */
#keywordRow { display: -moz-grid-line !important; }
Join 37,807 others and get free tutorials & tips on design & development using Wordpress on, Thesis & Genesis!

{ 2 comments on 21+ Innovative Firefox Tweaks — III… read them below or add one }
I want one of my tabs to show the logo of the team that the website is from. mariners.com but it doesn’t. It just shows the MLB logo for Major League Baseball. How do I change it? I also want another one of my tabs to show the Yahoo logo and it doesn’t. How do I change that one? I also want one other tab from DS Waters of America to show up in my tab and it doesn’t. How do I change it?
Oops. forgot to mention. I have Firefox 3