Advertisement
Salberyon

userChrome

May 9th, 2022 (edited)
55
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. /* Transparent toolbars */
  19. #main-window[lwthemetextcolor="bright"] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
  20. background-color: transparent !important;
  21. background-image: none !important;
  22. }
  23.  
  24. :root{ --uc-titlebar-padding: 0px; }
  25. @media (-moz-os-version: windows-win10){
  26. :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
  27. }
  28. #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
  29. #TabsToolbar > .titlebar-buttonbox-container{
  30. position: fixed;
  31. display: block;
  32. top: var(--uc-titlebar-padding,0px);
  33. right:0;
  34. height: 40px;
  35. }
  36. /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
  37. @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  38. :root{ --uc-titlebar-padding: 0px !important }
  39. .titlebar-buttonbox-container{ left:0; right: unset !important; }
  40. }
  41.  
  42. :root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
  43.  
  44. #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
  45.  
  46. #navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
  47.  
  48. .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
  49.  
  50. #titlebar{
  51. -moz-box-ordinal-group: 2;
  52. -moz-appearance: none !important;
  53. --tabs-navbar-shadow-size: 0px;
  54. }
  55.  
  56. .titlebar-placeholder,
  57. #TabsToolbar .titlebar-spacer{ display: none; }
  58. /* Also hide the toolbox bottom border which isn't at bottom with this setup */
  59. #navigator-toolbox::after{ display: none !important; }
  60.  
  61. @media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
  62.  
  63. /* These exist only for compatibility with autohide-tabstoolbar.css */
  64. toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
  65. #navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
  66.  
  67. /* 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
  68. See the above repository for updates as well as full license text. */
  69.  
  70. /* Menubar on top patch - use with tabs_on_bottom.css */
  71. /* Only really useful if menubar is ALWAYS visible */
  72.  
  73. :root{ --uc-window-control-width: 0px !important }
  74.  
  75. #navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
  76.  
  77. #toolbar-menubar{
  78. position: fixed;
  79. display: flex;
  80. top: var(--uc-titlebar-padding,0px);
  81. height: 29px;
  82. width: 100%;
  83. overflow: hidden;
  84. }
  85.  
  86. #toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
  87.  
  88. #toolbar-menubar > [flex]{ flex-grow: 100; }
  89. #toolbar-menubar > spacer[flex]{
  90. order: 99;
  91. flex-grow: 1;
  92. min-width: var(--uc-window-drag-space-width,20px);
  93. }
  94.  
  95. #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
  96.  
  97. #toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
  98.  
  99. /* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important;
  100. --tab-min-width: 80px !important;
  101.  
  102. #tabbrowser-tabs {
  103. width: 100vw !important;
  104. }
  105. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
  106.  
  107. .tab-background {
  108. border-radius: 8px 8px 0px 0px !important; border-image: none !important;
  109. }
  110. .tab-line {
  111. display: none;
  112. }
  113.  
  114. .tab-close-button {
  115. color: red!important;
  116. }
Advertisement
RAW Paste Data Copied
Advertisement