firefoxでタブを大量に開くためのstylishスタイル

な感じになる
tab mix plusを入れて、タブ多段表示にして、タブを数百枚開くシーンを想定

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tabs{
  background-image:none !important;
}

/* アクティブタブの文字幅を太字にしない */
.tabbrowser-tabs .tab-text {
  height:12px !important; min-height:12px !important; max-height:12px !important;
  border:0 !important;
  font-weight:normal !important;
  font-size:10px !important;
/* font-family:MSPGothic !important; */
}

.tabbrowser-tab{
  float:left !important;
  vertical-align:top !important;
  height:12px !important; min-height:12px !important; max-height:12px !important;
  width:60px !important; min-width:60px !important; max-width:60px !important;
  margin:0 !important; padding:0 !important;
  border:0 !important;
}

.tabbrowser-tab > .tab-image-middle{
  height:12px !important; min-height:12px !important; max-height:12px !important;
  width:80px !important; min-width:80px !important; max-width:80px !important;
  margin:0 !important; padding:0 !important;
  border:0 !important;

  color: infotext !important;
  background-color:#f5f5f5 !important;
  background-image:none !important;
}
.tabbrowser-tab:not([selected="true"]) > .tab-image-middle{
  color:-moz-dialogtext !important;
  background-color:#dddddd !important;
  background-image:none !important;
}

.tabbrowser-tab:hover:not([selected="true"]) > .tab-image-middle{
  background-image:none !important;
  background-color:#eeeeee !important;
}

/* タブ幅を縮小 */
.tabbrowser-tab > .tab-image-left,
.tabbrowser-tab > .tab-image-right,
.tabs-left, .tabs-right, .tabs-bottom{
  display:none !important;
}

.tab-protect-icon, .tab-lock-icon, .tab-icon-image{
  margin:0  !important;
  width:12px !important;
  height:12px !important;
}

#scroll-tabs-frame{
  margin: 0 !important;
}

以前のものは
http://d.hatena.ne.jp/ruby-U/20080712/1215835455

水平の隙間と、タイトルが省略された際の...が気になったので、.tabbrowser-tabより.tab-image-middleのサイズを大きくすることで対応した
ただ、行の最後の.tabbrowser-tabのwidthが.tab-image-middleと等しくなる模様
その原因までは追っていない