Guest User

タブ周り全部盛りCSS

a guest
Jun 4th, 2021
2,913
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.51 KB | None | 0 0
  1. /* ウインドウアクティブ時にタイトルバーの背景色をWindowsのテーマ色に設定 */
  2. :is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
  3. color: -moz-accent-color-foreground;
  4. background-color: -moz-accent-color;
  5. }
  6. #titlebar:not(:-moz-window-inactive) :is(.toolbarbutton-animatable-box, .toolbarbutton-1),
  7. :is(#scrollbutton-up, #scrollbutton-down):not(:-moz-window-inactive) {
  8. fill: -moz-accent-color-foreground !important;
  9. }
  10. /* 選択中タブの色をツールバーの色に変更 */
  11. .tab-background[selected="true"] {
  12. color: var(--toolbar-color) !important;
  13. background-color: var(--toolbar-bgcolor) !important;
  14. }
  15.  
  16. /* タブの高さの調節(20px以上の任意の数値を指定可能) */
  17. :root[uidensity=compact] { --tab-min-height: 20px !important; } /*コンパクト*/
  18. :root { --tab-min-height: 29px !important; } /*通常*/
  19. :root[uidensity=touch] { --tab-min-height: 41px !important; } /*タッチ*/
  20. #scrollbutton-up, #scrollbutton-down {
  21. height: var(--tab-min-height) !important;
  22. padding: 0px calc(var(--toolbarbutton-inner-padding) - 6px) !important;
  23. }
  24. /* タブの高さ29px未満のための設定 */
  25. :root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
  26. .titlebar-buttonbox-container { height: var(--tab-min-height) !important; }
  27. .titlebar-button { padding: 0px 17px !important; }
  28. .tab-close-button {
  29. height: min(calc(var(--tab-min-height) - 5px), 24px) !important;
  30. width: 24px !important;
  31. padding: calc((var(--tab-min-height) - 15px) / 2) 7px !important;
  32. }
  33.  
  34. /* タブの形状を長方形に戻す */
  35. .tab-background {
  36. border-radius: 0px !important;
  37. margin-block: 0px !important;
  38. }
  39.  
  40. /* タブ間のセパレータ表示 */
  41. #tabbrowser-arrowscrollbox .tabbrowser-tab {
  42. border-right: 1px solid color-mix(in srgb, -moz-accent-color-foreground 30%, transparent) !important;
  43. padding-inline: 0px !important;
  44. }
  45. #tabbrowser-arrowscrollbox :is(.tabbrowser-tab[first-visible-tab="true"], .tabbrowser-tab[first-visible-unpinned-tab="true"]) {
  46. border-left: 1px solid color-mix(in srgb, -moz-accent-color-foreground 30%, transparent) !important;
  47. }
  48.  
  49. /* ファビコン表示 */
  50. .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
  51. opacity: 1.0 !important;
  52. }
  53. /* 再生中、ミュート、メディアブロックアイコン非表示 */
  54. .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  55. display: none !important;
  56. }
Advertisement
Add Comment
Please, Sign In to add comment