21+ Innovative Firefox Tweaks — II

April 19, 2008

firefox

And I’m back as I promised. I’ll be sharing my userchrome.css with you today. Before we go ahead and study my userchrome.css, I’d like to remind you that my userchrome.css is only meant for Firefox 2 and not suited for Firefox 3. Let’s get going.

Here it is

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* This adds a keyword when adding a bookmark*/
#keywordRow { display: -moz-grid-line !important; }
/* This hides disabled buttons when the actions are not available*/
#stop-button[disabled="true"] { display: none; }
#back-button[disabled="true"] { display: none; }
#forward-button[disabled="true"] { display: none; }
/* This hides disabled items from the context menu */
#undoclosetab[disabled="true"], #sep-undoclosetab {display:none}
#context-back[disabled="true"] { display: none; }
#context-forward[disabled="true"] { display: none; }
#context-reload[disabled="true"] { display: none; }
#context-stop[disabled="true"] { display: none; }
#context-viewbgimage[disabled="true"] { display: none; }
/* Customizes the close button on the find-bar (that appears when you hit control+F) */
#FindToolbar #find-closebutton:hover {
border-color: transparent !important;
background-image: none !important;
}
/* Customizes the find textbox on the find-bar */
#FindToolbar #find-field{
color: #000000 !important;
font-weight:bold;
}
/* Makes the font in the find-textbox a bold font*/
#FindToolbar #find-status {
font-weight: bold !important; }
/* Makes the font background in the find-textbox a light red if the word is not found*/
#FindToolbar #find-field[status="notfound"] {
color: #000000 !important;
background-color: rgb(255, 200, 200) !important;
}
/* Makes the text on the find-bar visible. Some themes hide it */
#FindToolbar .toolbarbutton-text {display: -moz-box !important}
/* Makes everythin on the find-bar visible. Some themes hide it*/
#FindToolbar *[hidden="true"] {display: -moz-box !important}

A word of caution. While there are just too many tweaks possible with the userchrome.css file, I won’t recommend that you use all of them. The mileage varies. Experiment and just keep the ones you really need else who knows that conflict with one of the hundreds of themes and extensions out there.

Tomorrow I’ll share with you a collection on other tweaks that are very popular amongst Firefox users. Enjoy! Continue to part 3 of 21+ Innovative Firefox Tweaks.

 

Join 37,807 others and get free tutorials & tips on design & development using Wordpress on, Thesis & Genesis!

Comment on 21+ Innovative Firefox Tweaks — II

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.