Make Firefox bars slimmer/narrower

userChrome.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/*
Install following addons:-
1) Classic Theme Restorer
2) ChromeEdit Plus google it
3) Install this script inside ChromeEdit editor
*/

#PersonalToolbar {-moz-box-ordinal-group:1!important; height:25px!important; margin-top:-7px!important; margin-bottom:0px!important}
#TabsToolbar {-moz-box-ordinal-group:1!important; height:20px!important; margin-top:-1px!important; margin-bottom:1px!important}

/* Tab bar: adjust height - chrome://browser/skin/browser.css */
#tabbrowser-tabs {height:20px!important; min-height:0px!important; border-left: 0px threedshadow solid}

.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
.tab-background-end,
.tab-background-end[selected=true]::after,
.tab-background-end[selected=true]::before {
  min-height:0px!important;
}

#tabbrowser-tabs .toolbarbutton-icon        {padding-bottom:3px!important}
#tabbrowser-tabs .tabbrowser-tab .tab-label {padding-bottom:1px!important}
#tabbrowser-tabs .tabbrowser-tab .tab-close-button {display:1px!important}


#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {-moz-box-ordinal-group:1!important; height:20px!important; margin-top:0px!important; margin-bottom:0px!important}