Chat with us, powered by LiveChat
Firefox Tweaks

Firefox Tweaks

Greetings friends,

Use these hacks to change the appearance of Firefox by hiding menus, hiding the separator bars, removing menus or even move the tabbar to the bottom.

This file does not exist by default, so you will have to create it yourself the first time. If you can’t find the location in the chart I give you, make sure you are able to view your hidden folders/files, since I know XP for sure hides them.

To create the userChrome.css file in windows: Open a text editor (notepad or wordpad) and save the file as “userChrome.css” into a directory listed below according to the OS your using. To edit userChrome.css after it’s created just right click on the file and select ‘Edit’, then edit the file using wordpad or notepad.

Locations to create the userChrome.css file:

Quote:
95/98/ME — c:\windows\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\
NT — %UserProfile%\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\
2000/XP — C:\Documents and Settings\[USER]\Application Data\Mozilla\Firefox\Profiles\default.tea\chrome\
*NIX — ~/.phoenix/[profile-name]/[#s].slt/chrome/

Now that thats out of the way it’s time to customize Firefox behind the scenes. All you have to do is copy and paste these settings on a new line in the userChrome.css file and save the file. Next time you open up Firefox the settings will be applied until you delete the setting out of the userChrome.css file.

Quote:
#toolbar-menubar {
min-height: 12px !important;
padding: 0px !important;
margin: 0px !important;
border: none !important;
}
#nav-bar {
border: none !important;
padding: 0px !important;
}
#PersonalToolbar {
border: none !important;
}
#navigator-toolbox {
border-bottom-width: 0px !important;
}
Quote:
menu[label=”Bookmarks Toolbar Folder”] { display: none !important; }
Quote:
#keywordRow { display: -moz-grid-line !important; }
Quote:
#browser {-moz-box-orient: vertical; -moz-box-direction: reverse}
#sidebar-box {-moz-box-orient: horizontal; -moz-box-direction: reverse}
#appcontent {-moz-box-orient: horizontal}
#sidebar {max-width: inherit !important; min-height: inherit !important}
#sidebar-box > sidebarheader {
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-moz-box-pack: end;
border-left: 1px solid ThreeDHighlight;
margin-left: 1px;
}
#sidebar-box .tabs-closebutton > .toolbarbutton-icon {
padding: 4px 2px !important
}
#sidebar-title {display: none}
#sidebar-throbber {margin-left: 4px}
Quote:
.tabs-closebutton { display: none !important; }
Quote:
tabbrowser .tabs-closebutton-box {
display: none; }
Quote:
#stop-button[disabled=”true”] { display: none; }
Quote:
#back-button[disabled=”true”] { display: none; }
Quote:
#forward-button[disabled=”true”] { display: none; }
Quote:
#bookmarks-ptf {display:block}
#bookmarks-ptf toolbarseparator { display:inline }
Quote:
tab[selected=”true”] { font-weight: normal !important; }
Quote:
tab:not([selected=”true”]) .tab-icon {
display: none !important; }
Quote:
#content tab:not([selected=”true”]) {
-moz-opacity: 0.5 !important; }
Quote:
.toolbarbutton-1, .toolbarbutton-menubutton-button {
padding: 2px 3px !important;
}
.toolbarbutton-1[checked=”true”], .toolbarbutton-1[open=”true”],
.toolbarbutton-menubutton-button[checked=”true”],
.toolbarbutton-menubutton-button[open=”true”] {
padding: 4px 1px 1px 4px !important; }
Quote:
tab:focus > .tab-middle { -moz-outline: none !important }
Quote:
tab{
-moz-appearance: none !important;
border-bottom: none !important; }
Quote:
menu[label=”Go”] {
display: none !important; }
Quote:
menuitem[label=”Read Mail (0 new)”] { display: none; }
menuitem[label=”Read Mail (0 new)”] + menuseparator { display: none; }
menuitem[label=”New Message…”] { display: none; }
menuitem[label=”New Message…”] + menuseparator { display: none; }
Quote:
menuitem[label=”Web Search”] { display: none; }
menuitem[label=”Web Search”] + menuseparator { display: none; }
Quote:
menuitem[label=”For Internet Explorer Users”] { display: none; }
menuitem[label=”Release Notes”] { display: none; }
Quote:
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
padding-right: 1px !important; }
Quote:
#go-button {
display: none !important; }
Quote:
#back-button .toolbarbutton-menubutton-dropmarker,
#forward-button .toolbarbutton-menubutton-dropmarker {
display: none !important; }
Quote:

#search-container {
margin: 0 1px 0 0 !important;
padding: 0 0 0 5px!important;
}
#search-container .searchbar-textbox,
#search-container .textbox-input-box {
margin: 0 !important;
padding: 0 !important;
}
#search-container .searchbar-dropmarker {
margin: 1px 0 0 1px !important;
padding: 0 !important;
}
#search-container * {
width: auto !important;
}
#search-container .textbox-input-box {
width: 0 !important;
}
#search-container:hover .textbox-input-box {

width: 200px !important;
padding: 0 0 0 5px !important;
}
#search-container .searchbar-textbox {
-moz-appearance: none !important;
border: 0 !important;
background-color: -moz-dialog !important;
}
#search-container:hover .searchbar-textbox {
-moz-appearance: textfield !important;
-moz-border-radius: 5px !important;
background-color: -moz-field !important; }

#FindToolbar {
border: 0 !important;
border-top: 0px solid !important;
}
window:not([windowtype=”navigator:view-source”]) #FindToolbar {
border-bottom: 0px solid !important;
}
#FindToolbar #find-closebutton:hover {
border-color: transparent !important;
background-image: none !important;
}
#FindToolbar label[value=”Find:”] {
margin: 0 !important;
padding: 2px 2px 3px 5px !important;
border-left: 2px solid !important;
-moz-border-left-colors: ThreeDShadow ThreeDHighlight !important;
}
#FindToolbar #find-field-container {
margin: 0 2px !important;
padding: 0 !important;
}
#FindToolbar #find-field {
margin: 0 !important;
padding: 0 0 0 2px !important;
width: 200px !important;
}
#FindToolbar #find-field[status=”notfound”] {
color: rgb(0, 0, 0) !important;
background-color: rgb(255, 240, 224) !important;
}
#FindToolbar checkbox {
margin: 0 2px !important;
padding: 2px 0 1px 4px !important;
border: 0 !important;
border-left: 2px solid !important;
-moz-border-left-colors: ThreeDShadow ThreeDHighlight !important;
}
#FindToolbar checkbox .checkbox-label-box {
margin: 0 !important;
padding: 0 0 0 3px !important;
}
#FindToolbar #find-status-icon[status] {
margin: 0 0 0 2px !important;
padding: 1px 0 1px 4px !important;
width: 22px !important;
height: 18px !important;
border: 0 !important;
border-left: 2px solid !important;
-moz-border-left-colors: ThreeDShadow ThreeDHighlight !important;
}
#FindToolbar #find-status {
font-weight: bold !important; }

Enjoy..

Latest posts by Jayesh (see all)

Sharing

Leave your comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.