Guest User

userChrome.css

a guest
Jun 5th, 2021
287
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
  2. See the above repository for updates as well as full license text. */
  3.  
  4. /* Modify to change window drag space width */
  5. /*
  6. Use tabs_on_bottom_menubar_on_top_patch.css if you
  7. have menubar permanently enabled and want it on top
  8. */
  9.  
  10. /* IMPORTANT */
  11. /*
  12. Get window_control_placeholder_support.css
  13. Window controls will be all wrong without it.
  14. Additionally on Linux, you may need to get:
  15. linux_gtk_window_control_patch.css
  16. */
  17.  
  18. :root{ --uc-titlebar-padding: 0px; }
  19. @media (-moz-os-version: windows-win10){
  20. :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
  21. }
  22. #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
  23. #TabsToolbar > .titlebar-buttonbox-container{
  24. position: fixed;
  25. display: block;
  26. top: var(--uc-titlebar-padding,0px);
  27. right:0;
  28. height: 140px;
  29. }
  30. /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
  31. @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  32. :root{ --uc-titlebar-padding: 0px !important }
  33. .titlebar-buttonbox-container{ left:0; right: unset !important; }
  34. }
  35.  
  36. :root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
  37.  
  38. #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
  39.  
  40. #navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
  41.  
  42. .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
  43.  
  44. #titlebar{
  45. -moz-box-ordinal-group: 2;
  46. -moz-appearance: none !important;
  47. --tabs-navbar-shadow-size: 0px;
  48. }
  49.  
  50. .titlebar-placeholder,
  51. #TabsToolbar .titlebar-spacer{ display: none; }
  52. /* Also hide the toolbox bottom border which isn't at bottom with this setup */
  53. #navigator-toolbox::after{ display: none !important; }
  54.  
  55. @media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
  56.  
  57. /*Improved Tab-Toolbar patch. Writen by "thereactorr"https://www.reddit.com/r/FirefoxCSS/comments/nsczoo/improved_tabtoolbar_ff89_proton/ /*
  58. /* Apply dimmed background for inactive tabs */
  59. .tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected], [multiselected]) {
  60. background-color: color-mix(in srgb, currentColor 12%, transparent);
  61. }
  62.  
  63. .tabbrowser-tab>.tab-stack>.tab-background:not([selected], [multiselected]) {
  64. background-color: color-mix(in srgb, currentColor 6%, transparent);
  65. }
  66.  
  67. /* Make all tabs small except selected one */
  68. .tabbrowser-tab[fadein]:not([selected]):not([pinned]) {
  69. max-width: 100px !important;
  70. min-width: 100px !important;
  71. }
  72.  
  73. /* Make selected tabs to bigger */
  74. .tabbrowser-tab[selected][fadein]:not([pinned]) {
  75. max-width: 200px !important;
  76. min-width: 200px !important;
  77. }
  78.  
  79. /* Hide tab close button */
  80. #TabsToolbar .close-icon {
  81. display: none !important;
  82. }
  83.  
  84. /* Unhide the tab close button on hover when it is the selected tab and not pinned */
  85. #TabsToolbar .tabbrowser-tab[selected]:not([pinned]):hover .close-icon {
  86. display: inline-block !important;
  87. }
  88.  
  89. /* Reduce spacing between pinned and regular tabs */
  90. #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: initial !important; }
  91. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
  92. See the above repository for updates as well as full license text. */
  93.  
  94. /* Menubar on top patch - use with tabs_on_bottom.css */
  95. /* Only really useful if menubar is ALWAYS visible */
  96.  
  97. :root{ --uc-window-control-width: 0px !important }
  98.  
  99. #navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
  100.  
  101. #toolbar-menubar{
  102. position: fixed;
  103. display: flex;
  104. top: var(--uc-titlebar-padding,0px);
  105. height: 29px;
  106. width: 100%;
  107. overflow: hidden;
  108. }
  109.  
  110. #toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
  111.  
  112. #toolbar-menubar > [flex]{ flex-grow: 100; }
  113. #toolbar-menubar > spacer[flex]{
  114. order: 99;
  115. flex-grow: 1;
  116. min-width: var(--uc-window-drag-space-width,20px);
  117. }
  118.  
  119. #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
  120.  
  121. #toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
  122.  
  123. /* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important;
  124. --tab-min-width: 80px !important;
  125.  
  126. #tabbrowser-tabs {
  127. width: 100vw !important;
  128. }
  129. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
  130.  
  131. .tab-background {
  132. border-radius: 8px 8px 0px 0px !important; border-image: none !important;
  133. }
  134. .tab-line {
  135. display: none;
  136. }
  137.  
  138. .tab-close-button {
  139. color: red!important;
  140. }
  141.  
RAW Paste Data