21+ Innovative Firefox Tweaks — III

April 19, 2008

firefox

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 }

DEAN July 13, 2008 at 5:56 am

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?

DEAN July 13, 2008 at 5:57 am

Oops. forgot to mention. I have Firefox 3

Comment on 21+ Innovative Firefox Tweaks — III

You can add images to your comment by clicking here.

Previous post:

Next post:

X

Wordpress, Thesis, Genesis tutorials from Binary Turf — one tutorial a day. Subscribe & sharpen your web design skills.

Name:

Email:

We respect your email privacy.