Hatena::ブログ(Diary)

るびゅ備忘録 このページをアンテナに追加 RSSフィード


03/16/2009

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

f:id:ruby-U:20090316110103p:image

な感じになる

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

f:id:ruby-U:20090316110104p:image


水平の隙間と、タイトルが省略された際の...が気になったので、.tabbrowser-tabより.tab-image-middleのサイズを大きくすることで対応した

ただ、行の最後の.tabbrowser-tabのwidthが.tab-image-middleと等しくなる模様

その原因までは追っていない

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/ruby-U/20090316/1237169342