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

#TabsToolbar > #home-button {
  -moz-appearance: none !important;  background: -moz-linear-gradient(hsla(0,0%,50%,.1), hsla(0,0%,37%,.1) 50%) !important;
  background-position: -5px -2px !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  margin: 0 !important;
  padding: 0 1px !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
  margin-left: 3px !important;
}

#TabsToolbar > #home-button:hover {
  background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.4)) !important;
}

#TabsToolbar > #home-button:-moz-lwtheme-brighttext {
  background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(40%,40%,40%,.6) 1px, rgba(40%,40%,40%,.6)) !important;
}

#TabsToolbar > #home-button:-moz-lwtheme-brighttext:hover {
  background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(60%,60%,60%,.6) 1px, rgba(60%,60%,60%,.6)) !important;
}

#TabsToolbar > #home-button:-moz-lwtheme-darktext {
  background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(60%,60%,60%,.5) 1px, rgba(60%,60%,60%,.5)) !important;
}

#TabsToolbar > #home-button:-moz-lwtheme-darktext:hover {
  background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(80%,80%,80%,.5) 1px, rgba(80%,80%,80%,.5)) !important;
}

@media all and (-moz-touch-enabled) {
  #TabsToolbar > #home-button {
    min-width: 1cm !important;
  }
}

#TabsToolbar > #home-button {
  width: 31px !important;
}

#TabsToolbar > #home-button > .toolbarbutton-icon {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}