Advertisement
Guest User

ff89_combined_tweaks

a guest
Jun 5th, 2021
763
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.09 KB | None | 0 0
  1.  
  2.  
  3.  
  4. /*** Proton Tabs Tweaks ***/
  5.  
  6. /* Adjust tab corner shape, optionally remove space below tabs */
  7.  
  8. #tabbrowser-tabs {
  9. --user-tab-rounding: 0px;
  10. }
  11. @media (-moz-proton) {
  12. .tab-background {
  13. border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
  14. margin-block: 1px 0 !important;
  15. }
  16. }
  17.  
  18. /* Inactive tabs: Separator line style */
  19.  
  20. @media (-moz-proton) {
  21. .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
  22. border-right: 1px solid rgba(0, 0, 0, .20) !important;
  23. }
  24. /* For dark backgrounds */
  25. [brighttext="true"] .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
  26. border-right: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
  27. }
  28. .tab-background:not([selected=true]):not([multiselected=true]) {
  29. border-radius: 0 !important;
  30. }
  31. /* Remove padding between tabs */
  32. .tabbrowser-tab {
  33. padding-left: 0 !important;
  34. padding-right: 0 !important;
  35. }
  36. }
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43. /*** Change right-click tab -> reload tab to be first context menu entry (for both single tab and multiple tab selections) ***/
  44. #tabContextMenu #context_reloadTab, #tabContextMenu #context_reloadSelectedTabs {
  45. -moz-box-ordinal-group: 0 !important;
  46. }
  47.  
  48.  
  49.  
  50. /*** Remove print selection (right-click context) ***/
  51. #context-print-selection { display:none!important;}
  52.  
  53.  
  54.  
  55.  
  56.  
  57. /*** Tighten up vertical drop-down(bookmark)/context/popup menu spacing ***/
  58. menupopup > menuitem, menupopup > menu {
  59. padding-block: 1px !important;
  60. }
  61. :root {
  62. --arrowpanel-menuitem-padding: 1px 2px !important;
  63. }
  64.  
  65.  
  66.  
  67.  
  68. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
  69. See the above repository for updates as well as full license text. */
  70.  
  71.  
  72. :root{ --uc-titlebar-padding: 0px; }
  73. @media (-moz-os-version: windows-win10){
  74. :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
  75. }
  76. #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
  77. #TabsToolbar > .titlebar-buttonbox-container{
  78. position: fixed;
  79. display: block;
  80. top: var(--uc-titlebar-padding,0px);
  81. right:0;
  82. height: 40px;
  83. }
  84. /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
  85. @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  86. :root{ --uc-titlebar-padding: 0px !important }
  87. .titlebar-buttonbox-container{ left:0; right: unset !important; }
  88. }
  89.  
  90. :root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
  91.  
  92. #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
  93.  
  94. #navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
  95.  
  96. .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
  97.  
  98. #titlebar{
  99. -moz-box-ordinal-group: 2;
  100. -moz-appearance: none !important;
  101. --tabs-navbar-shadow-size: 0px;
  102. }
  103.  
  104. .titlebar-placeholder,
  105. #TabsToolbar .titlebar-spacer{ display: none; }
  106. /* Also hide the toolbox bottom border which isn't at bottom with this setup */
  107. #navigator-toolbox::after{ display: none !important; }
  108.  
  109. @media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
  110.  
  111. /* These exist only for compatibility with autohide-tabstoolbar.css */
  112. toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
  113. #navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
  114.  
  115. /* 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
  116. See the above repository for updates as well as full license text. */
  117.  
  118. /* Menubar on top patch - use with tabs_on_bottom.css */
  119. /* Only really useful if menubar is ALWAYS visible */
  120.  
  121. :root{ --uc-window-control-width: 0px !important }
  122.  
  123. #navigator-toolbox{ padding-top: calc(20px + var(--uc-titlebar-padding,0px)) !important }
  124.  
  125. #toolbar-menubar{
  126. position: fixed;
  127. display: flex;
  128. top: var(--uc-titlebar-padding,0px);
  129. height: 29px;
  130. width: 100%;
  131. overflow: hidden;
  132. }
  133.  
  134. #toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
  135.  
  136. #toolbar-menubar > [flex]{ flex-grow: 100; }
  137. #toolbar-menubar > spacer[flex]{
  138. order: 99;
  139. flex-grow: 1;
  140. min-width: var(--uc-window-drag-space-width,20px);
  141. }
  142.  
  143. #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
  144.  
  145. #toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
  146.  
  147. /* TABS: height - adjusted from 25?px to 24px */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 24px !important;
  148. --tab-min-width: 80px !important;
  149.  
  150. #tabbrowser-tabs {
  151. width: 100vw !important;
  152. }
  153. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
  154.  
  155. .tab-background {
  156. border-radius: 8px 8px 0px 0px !important; border-image: none !important;
  157. }
  158. .tab-line {
  159. display: none;
  160. }
  161.  
  162. .tab-close-button {
  163. color: red!important;
  164. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement