Firefox 4 userchrome.css: Flat "Chrome-like" toolbar button

/*
If you want to play around with userChrome.css, I recommend:
1) https://developer.mozilla.org/En/DOM_Inspector - identify, inspect, and tweak chrome elements in realtime
2) https://addons.mozilla.org/en-us/firefox/addon/quickrestart/ - or any other "add a restart button to Firefox" extension
*/


/*
"Flat" toolbar buttons, ala Chrome.

Opacity can be adjusted to taste. Changing to
0.8 from the default of 1.0 makes icons them
blend in with the toolbar color a little more.

Removing the borders has the (subjectively) beneficial
side effect of making the buttons take up a little
less horizontal real estate, as well.
*/

#nav-bar .toolbarbutton-1,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1 {
    background:none !important;
    border:none !important;
    box-shadow: none !important;
    opacity: 0.8 !important;
}

/*
Adds some empty space between the tab
browser and the windows min/max/close buttons in
the upper right.

Otherwise, there is little to no empty space
on the toolbar to allow you to drag the window.
*/

#tabbrowser-tabs {
    margin-right:50px !important;
}

/*
Tweak FF app button, titlebar, tabs.
*/

#appmenu-button {
    padding: 4px 7px 5px !important;
    margin-top:0px !important;
    background-image: -moz-linear-gradient(rgb(139, 152, 173), rgb(22, 47, 88) 95%) !important;
}
#appmenu-button:hover:not(:active):not([open]) {
    background-image:   -moz-radial-gradient(50% 100%, ellipse farthest-side, rgba(192, 192, 192, 0.5) 10%, transparent 70%),
                        -moz-radial-gradient(50% 100%, ellipse farthest-side, rgb(128, 128, 128), transparent),
                        -moz-linear-gradient(rgb(124, 139, 162), rgb(26, 51, 93) 95%) !important;
}
#appmenu-button, #appmenu-button:hover:not(:active):not([open]) {
    -moz-border-left-colors: rgba(255, 255, 255, 0.5) rgba(6, 28, 83, 0.9) !important;
    -moz-border-bottom-colors: rgba(255, 255, 255, 0.5) rgba(6, 28, 83, 0.9) !important;
    -moz-border-right-colors: rgba(255, 255, 255, 0.5) rgba(6, 28, 83, 0.9) !important;
}

#appmenu-button-container {
    position: fixed !important;
}
#main-window[sizemode="normal"] #navigator-toolbox[tabsontop="true"] #TabsToolbar {
    padding: 4px 108px 0 80px !important;
}
#main-window[sizemode="normal"] .tabbrowser-strip {
    height: 22px !important;
    padding-right:140px;
}
#main-window[sizemode="normal"] .tabbrowser-tab {
    height: 22px !important;
    padding-right: 1px !important;s
}
#main-window[sizemode="normal"] #toolbar-menubar {
    margin: -22px 98px 2px 85px;
}