Mozilla Firefox 多段タブスレ Part.3

2024/03/17(日) 20:10:50.29

!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512
↑次スレ建てるときは三行になるようにコピペしてください

■Mozilla Firefox
https://www.mozilla.org/firefox/
■Mozilla Firefox リリースノート
https://www.mozilla.org/firefox/notes
■Firefox サポート
https://support.mozilla.org/ja/

-----

多段タブを実現するuserChrome.js、userChrome.css等を扱う専用スレです
相互互助にお使いください

Mozilla Firefox Part394
https://egg.5ch.net/test/read.cgi/software/1706083488/

Firefox userChrome.js greasemonkeyスクリプトｽﾚ44
https://egg.5ch.net/test/read.cgi/software/1710342779/

userChrome.css・userContent.cssスレ Part14
https://egg.5ch.net/test/read.cgi/software/1710362871/

Mozilla Firefox 拡張機能スレッド Part124
https://egg.5ch.net/test/read.cgi/software/1710343056/

前スレ
Mozilla Firefox 多段タブスレ Part.2
https://egg.5ch.net/test/read.cgi/software/1700919385/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

2025/08/15(金) 02:11:23.17

>>908
/* ピン留めしたタブの幅 */
.tabbrowser-tab[pinned] .tab-stack {
max-width: 120px !important;
min-width: 120px !important;
}

/* ピン留めしていないタブの幅 */
tabs tab[fadein]:not([pinned]) {
flex-grow:1;
max-width: 120px !important;
min-width: 120px !important;
}
/*タブの高さ*/
#TabsToolbar {
--tab-min-height: 20px !important;
}

2025/08/15(金) 02:12:12.81

/*ピン留めしたタブとしていないタブの隙間を消す*/
.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left: 0 !important;
}
/* ファビコンとタイトルの間を詰める */
.tab-icon-image[pinned] {
margin-inline-end: 5px !important;
}
/* タブの左右にある空白を調整デフォルト: padding-inline: 2px !important; */
/* 完全に0にするとアクティブタブの左側とドロップインジケーターの赤線が2pxの内1px被るので空白を開けてます。 */
.tabbrowser-tab { padding-inline: 0px 0px !important; }
.tabbrowser-tab[selected][style^="box-shadow: red 1px"] { padding-inline: 1px 0px !important; }
/* アクティブタブの色 */
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: linear-gradient(to bottom,#007a00,#002100) !important; }
/* タブにマウスホバーした時の色 */
#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { background: linear-gradient(to bottom,#8f8f8f,#002100) !important; }