Skip to content

Instantly share code, notes, and snippets.

@atomicules
Created May 14, 2011 23:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save atomicules/972769 to your computer and use it in GitHub Desktop.
Save atomicules/972769 to your computer and use it in GitHub Desktop.
Firefox 4 Customisation Notes
/*
Bookmark bar icons, used on OSX and Windows XP
Because I do not understand why Firefox tries to emulate Safari on OSX.
I want the exact opposite: Icons and no text.
This also fixes the default circular hover.
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#personal-bookmarks toolbarbutton {
/*This for Windows*/
margin: 0px 2px 0px 2px !important;
padding: 4px 4px 4px 4px !important;
/*This for OSX
margin: 0px 0px 0px 0px !important;
padding: 2px 2px 2px 2px !important;
*/
}
#personal-bookmarks toolbarbutton.bookmark-item .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item .toolbarbutton-text-shadow {
display: none !important;
}
#personal-bookmarks toolbarbutton.bookmark-item[label="History"] .toolbarbutton-icon,
#personal-bookmarks toolbarbutton.bookmark-item[label="History"] .toolbarbutton-icon
{
display: none !important;
}
#personal-bookmarks toolbarbutton.bookmark-item[label="History"] .toolbarbutton-text,
#personal-bookmarks toolbarbutton.bookmark-item[label="History"] .toolbarbutton-text-shadow
{
display: block !important;
}
#personal-bookmarks toolbarbutton.bookmark-item .toolbarbutton-icon {
margin-right: 0px !important;
}
#personal-bookmarks toolbarbutton:hover {
-moz-border-radius: 2px !important;
}
/*
My tweaked version of this:
http://userstyles.org/styles/42417/ff4-tabs-in-titlebar-in-restored-window
that I use on Windows XP only
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#main-window[sizemode=normal][tabsontop] #appmenu-button-container {
position: fixed !important;
z-index: 2 !important;
}
#main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide]{
margin-top:-12px;
-moz-padding-start:10px!important;
-moz-margin-end:75px!important;
-moz-border-radius-topleft: 10px!important;
-moz-border-radius-topright: 10px!important;
}
#main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar {
-moz-padding-start:10px!important;
-moz-margin-end:75px!important;
-moz-border-radius-topleft: 10px!important;
-moz-border-radius-topright: 10px!important;
background-color: grey !important;
}
I'm using this style on Windows and OSX as is:
http://userstyles.org/styles/42200/firefox-4-chrome-like-toolbarbuttons
And these on Windows:
http://userstyles.org/styles/45128/always-show-close-button-on-tabs-fireffox-4
http://userstyles.org/styles/45066/firefox-4-increase-url-search-bar-font-size
And this on OSX:
http://userstyles.org/styles/43992/firefox-4-combine-tab-icon-and-tab-close-button
And the others on this page are tweaked versions of existing styles or mine.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment