Pano のサイドバー用スタイル。タブっぽい感じにする

pano.userChrome.css

@charset "UTF-8";
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url(chrome://browser/content/browser.xul) {
  #sidebar-header { -moz-box-ordinal-group: 100; }
}
@-moz-document url(chrome://pano/content/sidebar.xul) {
  #panoSearchbar { -moz-box-ordinal-group: 100; }
  tree {
    border: 0 !important;
    border-top: thin solid ThreeDShadow !important;
    margin: 0 !important;
    -moz-appearance: none !important;
  }
  treechildren {
    background-color: -moz-dialog;
  }
  treechildren::-moz-tree-cell-text(currentTab) {
    color: black !important;
  }
  treechildren::-moz-tree-row {
    background-image:
      -moz-linear-gradient(center bottom , rgba(54, 54, 54, 0.4) 1px, transparent 1px),
      -moz-linear-gradient(left center, rgba(54, 54, 54, 0.4) 1px, transparent 1px),
      -moz-linear-gradient(right center, rgba(54, 54, 54, 0.4) 1px, transparent 1px),
      -moz-linear-gradient(transparent, rgba(114, 114, 114, 0.1) 1px, rgba(81, 81, 81, 0.2) 80%, rgba(0, 0, 0, 0.2));
    background-clip: border-box, border-box, border-box;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 26px !important;
  }
  treechildren::-moz-tree-row(leaf, currentTab) {
    background-image:
      -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5) 50%),
      -moz-linear-gradient(-moz-dialog, -moz-dialog);
  }
  treechildren::-moz-tree-row(leaf) {
    background-size: -moz-calc(100% - 25px) -moz-calc(100% - 1px);
    background-position: 23px center;
  }
  treechildren::-moz-tree-row(group) {
    background-size: -moz-calc(100% - 1px) -moz-calc(100% - 1px);
    background-position: left center;
  }
  treechildren::-moz-tree-cell-text {
    font-size: 10pt;
  }
  treechildren::-moz-tree-indentation {
    width: 10px !important;
  }
}