API tools faq
paste
Guest User

Untitled

a guest
Dec 4th, 2019
161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.12 KB | None | 0 0
raw download clone embed print report
  1. /* Firefox Quantum userChrome.css tweaks ************************************************/
  2. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  3. /* THIS EXTRACT combines two files from the above repository:
  4.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar.css
  5.    version 2.3.9 as of Feb. 2, 2019
  6.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css
  7.    version 2.4.4 as of Feb. 22, 2019
  8. */
  9. /****************************************************************************************/
  10.  
  11. :root {
  12.   --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);
  13.   --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa);
  14.   --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa);
  15.   --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  16.   --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  17.   --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  18.   --classic_squared_tabs_tab_text_color: black;
  19.   --classic_squared_tabs_new_tab_icon_color: black;
  20.   --classic_squared_tabs_tab_text_shadow: transparent;
  21.   --tab-min-height_tnot: 20px;
  22. }
  23.  
  24. :root[uidensity=compact]  {
  25.   --tab-min-height_tnot: 30px;
  26. }
  27.  
  28. :root[uidensity=touch] {
  29.   --tab-min-height_tnot: 40px;
  30. }
  31.  
  32. /* tabs toolbar adjustment */
  33. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  34. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  35. #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  36. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  37. #TabsToolbar {
  38.   -moz-padding-start: 2px !important;
  39. }
  40.  
  41. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  42. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  43. #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  44. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  45. #TabsToolbar:-moz-lwtheme,
  46. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  47. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  48. #main-window[sizemode="maximized"] #TabsToolbar,
  49. #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  50. #main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  51. #main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  52. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  53. #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {
  54.   -moz-padding-start: 0px !important;
  55. }
  56.  
  57. #main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {
  58.   margin-top: 0px !important;
  59. }
  60.  
  61. #main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
  62. #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
  63. #main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
  64. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  65.   padding-top: 0px !important;
  66. }
  67.  
  68. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
  69. #main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  70.   margin-top: 0px !important;
  71. }
  72.  
  73. /* tab title in titlebar support */
  74. #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
  75. #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
  76. #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
  77. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
  78. #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  79. #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  80. #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  81. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  82.   margin-top: 0px !important;
  83. }
  84.  
  85. /* titlebar button support */
  86. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  87.   margin-top: 2px !important;
  88. }
  89.  
  90. /* fix for application/hamburger button in titlebar */
  91. #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  92.   visibility: collapse !important;
  93. }
  94.  
  95. #main-window[inDOMFullscreen="true"] #TabsToolbar {
  96.   opacity: 0 !important;
  97. }
  98.  
  99. /* tab height */
  100. #tabbrowser-tabs,
  101. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  102. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  103.   min-height: var(--tab-min-height_tnot) !important;
  104. }
  105.  
  106. /* toolbar order (start) ************************************/
  107. #print-preview-toolbar,
  108. #printedit-toolbar,
  109. #titlebar {
  110.   -moz-box-ordinal-group: 0 !important;
  111. }
  112. #navigator-toolbox #toolbar-menubar {
  113.   -moz-box-ordinal-group: 1 !important;
  114. }
  115. /* navigation toolbar */
  116. #navigator-toolbox #nav-bar {
  117.   -moz-box-ordinal-group: 2 !important;
  118. }
  119. /* bookmarks toolbar */
  120. #navigator-toolbox #PersonalToolbar {
  121.   -moz-box-ordinal-group: 3 !important;
  122. }
  123. /* Make Bookmarks Toolbar bigger by increasing font-size */
  124. #personal-bookmarks .bookmark-item .toolbarbutton-text {
  125.  font-size: 10pt !important;
  126. }
  127. /* 3rd party toolbars */
  128. #navigator-toolbox toolbar {
  129.   -moz-box-ordinal-group: 10 !important;
  130. }
  131. /* tabs toolbar */
  132. #navigator-toolbox #TabsToolbar {
  133.   -moz-box-ordinal-group: 100 !important;
  134.  font-size: 10pt !important;
  135. }
  136. /* toolbar order (end) **************************************/
  137.  
  138. /* toolbar colors */
  139. #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  140.   background-image: var(--colored_menubar_background_image) !important;
  141.   border: 0px !important;
  142.   margin-bottom: -1px !important;
  143. }
  144.  
  145. #nav-bar:not(:-moz-lwtheme) {
  146.   -moz-appearance: none !important;
  147.   background: var(--general_toolbar_color_navbar, inherit) !important;
  148. }
  149.  
  150. toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  151.   -moz-appearance: none !important;
  152.   background: var(--general_toolbar_color_toolbars, inherit) !important;
  153. }
  154. #TabsToolbar:not(:-moz-lwtheme){
  155.   -moz-appearance: none !important;
  156.   background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
  157. }
  158.  
  159. /* remove color overlay for lw-themes */
  160. #main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  161.   background: unset !important;
  162. }
  163.  
  164. /* adjust compact themes background color */
  165. #main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  166.   -moz-appearance: none !important;
  167.   background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
  168. }
  169.  
  170. #main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
  171. #main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
  172. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
  173. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  174.   fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  175.   color: var(--classic_squared_tabs_new_tab_icon_color) !important;
  176. }
  177.  
  178. /* toolbar borders */
  179. #main-window #navigator-toolbox::after {
  180.   opacity: 0 !important;
  181. }
  182.  
  183. #TabsToolbar{
  184.   margin-bottom: 0px !important;
  185.   border-bottom: 1px solid #5f7181 !important;
  186. }
  187.  
  188. #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  189.   border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  190.   border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  191.   background-clip: padding-box !important;
  192. }
  193.  
  194. #main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  195.   border-left: 0px !important;
  196.   border-right: 0px !important;
  197. }
  198.  
  199. #main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,
  200. #main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {
  201.   border-top: 0px !important;
  202.   border-left: 0px !important;
  203.   border-right: 0px !important;
  204. }
  205.  
  206. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  207.   border-bottom: 1px solid #323234 !important;
  208. }
  209.  
  210. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  211.   border-bottom: 1px solid #323234 !important;
  212. }
  213.  
  214. #main-window:not([sizemode="fullscreen"])[tabsintitlebar] #TabsToolbar{
  215.   -moz-margin-end: 0px !important;
  216. }
  217.  
  218. #main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  219.   visibility: collapse !important;
  220. }
  221.  
  222. #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  223.   margin-top: 21px !important;
  224. }
  225. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  226.   margin-top: 20px !important;
  227. }
  228.  
  229. #tabbrowser-tabs .tab-drop-indicator {
  230.   margin-bottom: 0px !important;
  231. }
  232.  
  233. #PersonalToolbar:-moz-lwtheme,
  234. #nav-bar:-moz-lwtheme {
  235.   background-image: none !important;
  236.   box-shadow: none !important;
  237.   border-top: none !important;
  238.   border-bottom: none !important;
  239. }
  240.  
  241. /* remove tab fog */
  242. #TabsToolbar:not(:-moz-lwtheme),
  243. #TabsToolbar:not(:-moz-lwtheme)::before,
  244. #TabsToolbar:not(:-moz-lwtheme)::after {
  245.   box-shadow: unset !important;
  246. }
  247.  
  248. /* remove 'dragging tab' margin/padding nonsense */
  249. #TabsToolbar[movingtab] {
  250.   padding-bottom: unset !important;
  251. }
  252.  
  253. #TabsToolbar[movingtab] > .tabbrowser-tabs {
  254.   padding-bottom: unset !important;
  255.   margin-bottom: unset !important;
  256. }
  257.  
  258. #TabsToolbar[movingtab] + #nav-bar {
  259.   margin-top: unset !important;
  260. }
  261.  
  262. /* scroll buttons */
  263. #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
  264. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
  265. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  266.   fill: black !important;
  267. }
  268.  
  269. /* Fx58+ titlebar placeholders */
  270. #TabsToolbar *[type="pre-tabs"],
  271. #TabsToolbar *[type="post-tabs"] {
  272.   display: none !important;
  273. }
  274.  
  275. @media (-moz-os-version: windows-win10) {
  276.     #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  277.       margin-top: 30px !important;
  278.     }
  279.     #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  280.       margin-top: 30px !important;
  281.     }
  282. }
  283.  
  284. @media (-moz-windows-classic) {
  285.  
  286.     /* tweaks for Windows Classic theme */
  287.     #nav-bar:not(:-moz-lwtheme),
  288.     #PersonalToolbar:not(:-moz-lwtheme),
  289.     #main-window:not([tabsintitlebar])  #TabsToolbar:not(:-moz-lwtheme) {
  290.       border-left: unset !important;
  291.       border-right: unset !important;
  292.       background: unset !important;
  293.     }
  294.  
  295.     #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  296.       border-left: 0px !important;
  297.       border-right: 0px !important;
  298.     }
  299.  
  300.     #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  301.       background: unset !important;
  302.       box-shadow: unset !important;
  303.       border-bottom: unset !important;
  304.     }
  305.  
  306.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
  307.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
  308.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
  309.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
  310.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
  311.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
  312.       background: unset !important;
  313.       box-shadow: unset !important;
  314.       border: unset !important;
  315.       border-image: unset !important;
  316.     }
  317.  
  318.     #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  319.       background: unset !important;
  320.     }
  321.  
  322. }
  323.  
  324. /* tab text colors */
  325. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  326.   color: var(--classic_squared_tabs_tab_text_color) !important;
  327.   text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;
  328. }
  329.  
  330. /* fix Windows 7s default tab background (remove dark purple bg color)*/
  331. @media (-moz-os-version: windows-win7) {
  332.   @media (-moz-windows-default-theme) {
  333.     .tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) {
  334.       background-color: #e3e4e6 !important;
  335.     }
  336.     .tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) {
  337.       background-color: #cccdcf !important;
  338.     }
  339.  
  340.   }
  341. }
  342.  
  343. /* Simple Close Tab button */
  344. #TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action {
  345.   --webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important;
  346. }
  347.  
  348. /* close tab button */
  349. #TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action {
  350.   --webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  351.   --webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  352. }
  353.  
  354. /* close window button */
  355. #TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action {
  356.   --webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  357.   --webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  358. }
  359.  
  360. /*
  361.    Start Firefox 65 fix:
  362.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css
  363.    Lines 1-10 omitted
  364. */
  365.  
  366. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  367.   padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
  368. }
  369.  
  370. #TabsToolbar {
  371.   position: absolute !important;
  372.   bottom: 0 !important;
  373.   width: 100vw !important;
  374. }
  375.  
  376. #tabbrowser-tabs {
  377.   width: 100vw !important;
  378. }
  379.  
  380. /* make sure button icon colors set correctly */
  381. #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
  382. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  383.   fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  384.   color: var(--classic_squared_tabs_new_tab_icon_color) !important;
  385. }
  386.  
  387. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar .titlebar-buttonbox-container {
  388.   display: none !important;
  389. }
  390.  
  391. /* move caption buttons to windows top right position */
  392. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  393.   position: fixed !important;
  394.   right: 0 !important;
  395.   visibility: visible !important;
  396.   display: block !important;
  397. }
  398.  
  399. /* caption button position in maximized mode after moving to the top */
  400. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
  401. #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  402.   top: -14px !important;
  403. }
  404.  
  405.  
  406. /* Windows */
  407. @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  408.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container    {
  409.       top: 1px !important;
  410.     }
  411.     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  412.       top: 8px !important;
  413.     }
  414. }
  415.  
  416. /* Windows 7/8 extra tweaks */
  417. @media (-moz-os-version: windows-win7) {
  418.   @media all and (-moz-windows-compositor) {
  419.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  420.       display: none !important;
  421.     }
  422.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  423.       display: block !important;
  424.       margin-top: -13px !important;
  425.     }
  426.   }
  427.   @media not all and (-moz-windows-compositor) {
  428.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  429.       top: -2px !important;
  430.     }
  431.     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  432.       top: 0px !important;
  433.     }
  434.   }
  435. }
  436.  
  437. @media (-moz-os-version:windows-win8) {
  438.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container    {
  439.       top: -13px !important;
  440.     }
  441.     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  442.       top: -5px !important;
  443.     }
  444. }
  445.  
  446.  
  447. /* Windows 10 extra tweaks */
  448. @media (-moz-os-version: windows-win10) {
  449.   #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  450.   #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
  451.     background-color: Highlight !important;
  452.     color: HighlightText !important;
  453.   }
  454. }
  455.  
  456. /* tweaks for fullscreen mode */
  457. #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
  458. #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
  459. #main-window #TabsToolbar #window-controls {
  460.   display: none !important;
  461. }
  462.  
  463. /* hide non-required items */
  464. /*#TabsToolbar .private-browsing-indicator,*/
  465. #TabsToolbar #window-controls,
  466. #TabsToolbar *[type="caption-buttons"],
  467. #TabsToolbar *[type="pre-tabs"],
  468. #TabsToolbar *[type="post-tabs"] {
  469.   display: none !important;
  470. }
  471.  
  472. /* adjust private mode icon position */
  473. @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  474.     #main-window[privatebrowsingmode=temporary]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
  475.       position: fixed !important;
  476.       top: 0 !important;
  477.       right: 130px !important;
  478.       visibility: visible !important;
  479.       display: block !important;
  480.     }
  481.     #main-window[privatebrowsingmode=temporary][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
  482.       top: 8px !important;
  483.     }
  484. }
  485. /* adjust tabs toolbar padding */
  486. #main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  487. #main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  488. #main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,
  489. #main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
  490.  -moz-padding-start: 0px !important;
  491.  -moz-margin-start: 0px !important;
  492. }
  493.  
  494. /* hide line above navigation toolbar appearing in some cases */
  495. #main-window:not([tabsintitlebar]) #nav-bar,
  496. #main-window:not([tabsintitlebar]) #navigator-toolbox {
  497.   border-top: 0 !important;
  498.   box-shadow: unset !important;
  499. }
  500.  
  501. /* disable Mozillas tab jumping nonsense when moving tabs */
  502. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  503.   padding-bottom: unset !important;
  504. }
  505. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  506.   padding-bottom: unset !important;
  507.   margin-bottom: unset !important;
  508. }
  509. #navigator-toolbox[movingtab] > #nav-bar {
  510.   margin-top: unset !important;
  511. }
  512.  
  513. /* size of new tab tabs '+' icon */
  514. .tabs-newtab-button .toolbarbutton-icon {
  515.   padding: 0px !important;
  516.   margin: 0px !important;
  517.   width: 18px !important;
  518.   height: 18px !important;
  519. }
  520.  
  521. /* some id!ot at Moz thought it is a great idea to add padding and margin values here */
  522. @media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  523.   #TabsToolbar > .toolbar-items {
  524.     padding-top: 0 !important;
  525.     margin-top: 0 !important;
  526.   }
  527. }
  528.  
  529. /* TABS: on bottom - Firefox 65 and later */
  530.  
  531. #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  532.   -moz-box-ordinal-group: 10 !important;
  533. }
  534.  
  535. #TabsToolbar {
  536.   -moz-box-ordinal-group: 1000 !important;
  537.   display: block !important;
  538.   position: absolute !important;
  539.   bottom: 0 !important;
  540. /* width: 100vw !important; */
  541. }
  542.  
  543. :root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
  544.  #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  545.   bottom: var(--tab-min-height) !important;
  546.   padding-top: calc(var(--tab-min-height) - 20px) !important; /* may need adjustment */
  547. }
  548.  
  549. #tabbrowser-tabs {
  550.   width: 100vw !important;
  551. }
  552.  
  553. :root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  554.   padding-bottom: calc(var(--tab-min-height) + 1px); /* may need adjustment */
  555. }
  556.  
  557. /* TABS: height */
  558. :root {
  559.   --tab-toolbar-navbar-overlap: 0px !important;
  560.   --tab-min-height: 35px !important; /* make the tabs themselves taller */
  561. }
  562.  
  563. :root #tabbrowser-tabs {
  564.   --tab-min-width: 80px !important; /* adjust */
  565. }
  566.  
  567. #tabbrowser-tabs,
  568. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  569. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  570.   min-height: var(--tab-min-height) !important;
  571.   max-height: var(--tab-min-height) !important;
  572. }
  573.  
  574. #TabsToolbar {
  575.   height: var(--tab-min-height) !important;
  576.   margin-bottom: 1px !important;
  577.   box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
  578.   background-color: var(--toolbar-bgcolor) !important;
  579.   color: var(--toolbar-color) !important;
  580. }
  581.  
  582. /* indicators */
  583. .private-browsing-indicator {display: none !important;}
  584. .accessibility-indicator    {display: none !important;}
  585.  
  586. /* drag space */
  587. .titlebar-spacer[type="pre-tabs"],
  588. .titlebar-spacer[type="post-tabs"] {
  589.   width: 20px !important;
  590. }
  591.  
  592. /* Override vertical shifts when moving a tab */
  593. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  594.   padding-bottom: unset !important;
  595. }
  596.  
  597. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  598.   padding-bottom: unset !important;
  599.   margin-bottom: unset !important;
  600. }
  601.  
  602. #navigator-toolbox[movingtab] > #nav-bar {
  603.   margin-top: unset !important;
  604. }
  605.  
  606. /* windows controls - hide */
  607. #TabsToolbar #window-controls {display: none !important;}
  608.  
  609. /* caption box - hide */
  610. :root[tabsintitlebar]:not([inFullscreen="true"])
  611.  #toolbar-menubar[autohide="true"] ~
  612.   #TabsToolbar .titlebar-buttonbox-container {display: none !important;}
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!