- 360 名前：名無しさん＠お腹いっぱい。 mailto:sage [2014/05/12(月) 04:23:31.62 ID:BkZSBOL50]
- >>225 >>239 >>245
アドオンは使ってない
左2つのタブはピン留めだがそれ以外のタブはピン留めじゃなくてuserChrome.cssで調整
タブを選択 or タブ上にマウスをのせるとタブが拡大するようにしてる
ttp://i.imgur.com/RaeU61H.png
以下のCSSはタブの高さと幅を調節するもの(注：これだけじゃ丸タブ->角タブにはならない)
ちなみに丸タブ->角タブもuserChrome.cssの変更だけで可能(CTRもCSSで丸タブ->角タブにしてる)
/* -------------------- < タブ高 > -------------------- */
/* 非ピン留め */
.tabbrowser-tab:not([pinned]) .tab-background
{ max-height:28px !important; min-height:28px !important; }
/* ピン留め */
.tabbrowser-tab[pinned] .tab-background
{ max-height:27px !important; min-height:27px !important; }
/* -------------------- < タブ幅 > -------------------- */
/* ピン留め */
.tabbrowser-tab[pinned],.tabbrowser-tab[pinned] .tab-stack
{ max-width: 22px !important; min-width: 22px !important; }
/* 非ピン留め */
.tabbrowser-tab:not([pinned]):-moz-any(:hover,[selected])/* onマウス or 選択 */
{ max-width:160px !important; min-width:100px !important; }
.tabbrowser-tab:not([pinned]):not(:hover):not([selected])/* その他 */
{ max-width: 32px !important; min-width: 32px !important; }
/* 新規タブを開く */
.tabs-newtab-button { max-width:18px !important; min-width:18px !important; }
|
 |
