CSS   115

Untitled

Guest on 1st June 2022 05:10:59 AM

  1. window[inFullscreen="true"] #browser-bottombox { display:none !important; }
  2. window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label { display:none !important; }
  3.  
  4. .tab-label-container{ height: unset !important }
  5.  
  6. #urlbar { /*Address Bar*/
  7.  
  8. border-radius: 0px !important;
  9.  
  10. border-style: solid !important;
  11.  
  12. border-color: grey !important;
  13.  
  14. border-width: 0px !important;
  15.  
  16. background: #F9F9FA !important;
  17.  
  18. }
  19.  
  20. #toolbar-menubar{
  21.         background: #F9F9FA !important;}
  22.  
  23. #nav-bar{
  24.         background: #F9F9FA !important;}
  25.  
  26. #TabsToolbar {
  27.         background: #F9F9FA !important;}
  28.  
  29.  
  30. /* Firefox Quantum userChrome.css tweaks ************************************************/
  31. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  32. /* THIS EXTRACT combines five files from the above repository:
  33.  
  34.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar.css
  35.    version 2.6.8 as of Aug. 30, 2019
  36.  
  37.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_macOS.css
  38.    version 2.4.1 as of Feb. 8, 2019
  39.  
  40.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css
  41.    version 3.0.4 as of Mar. 25, 2020
  42.       Note: if you need multi-line tabs compatibility, use the following file instead:
  43.       https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65_v2.css
  44.  
  45.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65_macOS.css
  46.    version 3.1.3 as of May 7, 2020
  47.       Note: if you need multi-line tabs compatibility, use the following file instead:
  48.       https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65_v2_macOS.css
  49.  
  50.    https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx74_macOS.css
  51.    version 3.0.4 as of Mar. 25, 2020
  52. */
  53. /****************************************************************************************/
  54.  
  55. :root {
  56.  
  57.   --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  58.   --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  59.   --classic_squared_tabs_tab_text_color: black;
  60.   --classic_squared_tabs_new_tab_icon_color: black;
  61.   --classic_squared_tabs_tab_text_shadow: transparent;
  62.   --tab-min-height_tnot: 31px;
  63. }
  64.  
  65. /* ---Tabs/Tab Bar height--- */
  66. :root {
  67.  --tab-min-height: 26px !important; /* adjust to suit your needs */
  68. }
  69. :root #tabbrowser-tabs {
  70.  --tab-min-height: 26px !important; /* needs to be the same as above under :root */
  71. }
  72.  
  73. :root[uidensity=compact]  {
  74.   --tab-min-height_tnot: 28px;
  75. }
  76.  
  77. :root[uidensity=touch] {
  78.   --tab-min-height_tnot: 40px;
  79. }
  80.  
  81. #toolbar-menubar{
  82.   background: #F9F9FA !important;
  83. bottom: 0px;
  84. border: none !important;
  85. display:block !important;
  86. }
  87.  
  88.  
  89. /* tabs toolbar adjustment */
  90. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  91. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  92. #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  93. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  94. #TabsToolbar {
  95.   -moz-padding-start: 2px !important;
  96. }
  97.  
  98. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  99. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  100. #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  101. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
  102. #TabsToolbar:-moz-lwtheme,
  103. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  104. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  105. #main-window[sizemode="maximized"] #TabsToolbar,
  106. #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  107. #main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  108. #main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  109. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  110. #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {
  111.   -moz-padding-start: 0px !important;
  112. }
  113.  
  114. #main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {
  115.   margin-top: 0px !important;
  116. }
  117.  
  118. #main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
  119. #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
  120. #main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
  121. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  122.   padding-top: 0px !important;
  123. }
  124.  
  125. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
  126. #main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  127.   margin-top: 0px !important;
  128. }
  129.  
  130. /* tab title in titlebar support */
  131. #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
  132. #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
  133. #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
  134. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
  135. #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  136. #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  137. #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  138. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  139.   margin-top: 0px !important;
  140. }
  141.  
  142. /* titlebar button support */
  143. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  144.   margin-top: 2px !important;
  145. }
  146.  
  147. /* fix for application/hamburger button in titlebar */
  148. #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  149.   visibility: collapse !important;
  150. }
  151.  
  152. #main-window[inDOMFullscreen="true"] #TabsToolbar {
  153.   opacity: 0 !important;
  154. }
  155.  
  156. /* tab height */
  157. #tabbrowser-tabs,
  158. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  159. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  160.   min-height: var(--tab-min-height_tnot) !important;
  161. }
  162.  
  163. /* toolbar order (start) ************************************/
  164. #print-preview-toolbar,
  165. #printedit-toolbar,
  166. #titlebar {
  167.   -moz-box-ordinal-group: 0 !important;
  168. }
  169. #navigator-toolbox #toolbar-menubar {
  170.   -moz-box-ordinal-group: 1 !important;
  171. }
  172. /* navigation toolbar */
  173. #navigator-toolbox #nav-bar {
  174.   -moz-box-ordinal-group: 2 !important;
  175. }
  176. /* bookmarks toolbar */
  177. #navigator-toolbox #PersonalToolbar {
  178.   -moz-box-ordinal-group: 3 !important;
  179. }
  180. /* 3rd party toolbars */
  181. #navigator-toolbox toolbar {
  182.   -moz-box-ordinal-group: 10 !important;
  183. }
  184. /* tabs toolbar */
  185. #navigator-toolbox #TabsToolbar {
  186.   -moz-box-ordinal-group: 100 !important;
  187. }
  188. /* toolbar order (end) **************************************/
  189.  
  190. /* toolbar colors */
  191. #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  192.   background-image: var(--colored_menubar_background_image) !important;
  193.   border: 0px !important;
  194.   margin-bottom: 0px !important;
  195. }
  196.  
  197. #nav-bar:not(:-moz-lwtheme) {
  198.   -moz-appearance: none !important;
  199.   background: var(--general_toolbar_color_navbar, inherit) !important;
  200. }
  201.  
  202. toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  203.   -moz-appearance: none !important;
  204.   background: var(--general_toolbar_color_toolbars, inherit) !important;
  205. }
  206. #TabsToolbar:not(:-moz-lwtheme){
  207.   -moz-appearance: none !important;
  208.   background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
  209. }
  210.  
  211. /* remove color overlay for lw-themes */
  212. #main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  213.   background: unset !important;
  214. }
  215.  
  216. /* adjust compact themes background color */
  217. #main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  218.   -moz-appearance: none !important;
  219.   background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
  220. }
  221.  
  222. #main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
  223. #main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
  224. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
  225. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  226.   fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  227.   color: var(--classic_squared_tabs_new_tab_icon_color) !important;
  228. }
  229.  
  230. /* toolbar borders */
  231. #main-window #navigator-toolbox::after {
  232.   border: 1px !important;
  233.   opacity: 0 !important;
  234. }
  235.  
  236. #TabsToolbar{
  237.   margin-bottom: 0px !important;
  238.   border-bottom: 0px !important;
  239. }
  240.  
  241. #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  242.   border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  243.   border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  244.   background-clip: padding-box !important;
  245. }
  246.  
  247. #main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  248.   border-left: 0px !important;
  249.   border-right: 0px !important;
  250. }
  251.  
  252. #main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,
  253. #main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {
  254.   border-top: 0px !important;
  255.   border-left: 0px !important;
  256.   border-right: 0px !important;
  257. }
  258.  
  259. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  260.   border-bottom: 0px solid !important;
  261. }
  262.  
  263. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  264.   border-bottom: 0px solid !important;
  265. }
  266.  
  267. #main-window:not([sizemode="fullscreen"])[tabsintitlebar] #TabsToolbar{
  268.   -moz-margin-end: 0px !important;
  269. }
  270.  
  271. #main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  272.   visibility: collapse !important;
  273. }
  274.  
  275. #tabbrowser-tabs .tab-drop-indicator {
  276.   margin-bottom: 0px !important;
  277. }
  278.  
  279. #PersonalToolbar:-moz-lwtheme,
  280. #nav-bar:-moz-lwtheme {
  281.   background-image: none !important;
  282.   box-shadow: none !important;
  283.   border-top: none !important;
  284.   border-bottom: none !important;
  285. }
  286.  
  287. /* remove tab fog */
  288. #TabsToolbar:not(:-moz-lwtheme),
  289. #TabsToolbar:not(:-moz-lwtheme)::before,
  290. #TabsToolbar:not(:-moz-lwtheme)::after {
  291.   box-shadow: unset !important;
  292. }
  293.  
  294. /* remove 'dragging tab' margin/padding nonsense */
  295. #TabsToolbar[movingtab] {
  296.   padding-bottom: unset !important;
  297. }
  298.  
  299. #TabsToolbar[movingtab] > .tabbrowser-tabs {
  300.   padding-bottom: unset !important;
  301.   margin-bottom: unset !important;
  302. }
  303.  
  304. #TabsToolbar[movingtab] + #nav-bar {
  305.   margin-top: unset !important;
  306. }
  307.  
  308. /* scroll buttons */
  309. #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
  310. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
  311. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down,
  312. #TabsToolbar:not(:-moz-lwtheme) #tabbrowser-arrowscrollbox > #scrollbutton-up,
  313. #TabsToolbar:not(:-moz-lwtheme) #tabbrowser-arrowscrollbox > #scrollbutton-down {
  314.   fill: black !important;
  315. }
  316.  
  317. /* Fx58+ titlebar placeholders */
  318. #TabsToolbar *[type="pre-tabs"],
  319. #TabsToolbar *[type="post-tabs"] {
  320.   display: none !important;
  321. }
  322.  
  323. @media (-moz-windows-classic) {
  324.  
  325.     /* tweaks for Windows Classic theme */
  326.     #nav-bar:not(:-moz-lwtheme),
  327.     #PersonalToolbar:not(:-moz-lwtheme),
  328.     #main-window:not([tabsintitlebar])  #TabsToolbar:not(:-moz-lwtheme) {
  329.       border-left: unset !important;
  330.       border-right: unset !important;
  331.       background: unset !important;
  332.     }
  333.  
  334.     #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  335.       border-left: 0px !important;
  336.       border-right: 0px !important;
  337.     }
  338.  
  339.     #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  340.       background: unset !important;
  341.       box-shadow: unset !important;
  342.       border-bottom: unset !important;
  343.     }
  344.  
  345.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
  346.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
  347.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
  348.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
  349.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
  350.     #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
  351.       background: unset !important;
  352.       box-shadow: unset !important;
  353.       border: unset !important;
  354.       border-image: unset !important;
  355.     }
  356.  
  357.     #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  358.       background: unset !important;
  359.     }
  360.  
  361. }
  362.  
  363. /* tab text colors */
  364. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  365.   color: var(--classic_squared_tabs_tab_text_color) !important;
  366.   text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;
  367. }
  368.  
  369. /* fix Windows 7s default tab background (remove dark purple bg color)*/
  370. @media (-moz-os-version: windows-win7) {
  371.   @media (-moz-windows-default-theme) {
  372.     .tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) {
  373.       background-color: #e3e4e6 !important;
  374.     }
  375.     .tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) {
  376.       background-color: #cccdcf !important;
  377.     }
  378.  
  379.   }
  380. }
  381.  
  382. /* Simple Close Tab button */
  383. #TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action {
  384.   --webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important;
  385. }
  386.  
  387. /* close tab button */
  388. #TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action {
  389.   --webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  390.   --webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  391. }
  392.  
  393. /* close window button */
  394. #TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action {
  395.   --webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  396.   --webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  397. }
  398.  
  399. /*** https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_macOS.css ***/
  400.  
  401. /*** FIREFOX 65 (A) : https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css ***/
  402.  
  403. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  404.   padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
  405. }
  406.  
  407. #TabsToolbar {
  408.   position: absolute !important;
  409.   display:block !important;
  410.   bottom: 0 !important;
  411.   width: 100vw !important;
  412. }
  413.  
  414. #tabbrowser-tabs {
  415.   width: 100vw !important;
  416. }
  417.  
  418. /* make sure button icon colors set correctly */
  419. #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
  420. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  421.   fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  422.   color: var(--classic_squared_tabs_new_tab_icon_color) !important;
  423. }
  424.  
  425. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar .titlebar-buttonbox-container {
  426.   visibility: hidden !important;
  427. }
  428.  
  429.  
  430. /* move caption buttons to windows top right position */
  431. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  432.   position: fixed !important;
  433.   right: 0 !important;
  434.   visibility: visible !important;
  435.   display: block !important;
  436. }
  437.  
  438. /* caption button position in maximized mode after moving to the top */
  439. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
  440. #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  441.   top: -14px !important;
  442. }
  443.  
  444.  
  445. /* Windows */
  446. @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  447.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  448.       top: 1px !important;
  449.     }
  450.     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  451.       top: 8px !important;
  452.     }
  453. }
  454.  
  455. /* Windows 7/8 extra tweaks */
  456. @media (-moz-os-version: windows-win7) {
  457.   @media all and (-moz-windows-compositor) {
  458.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  459.       display: none !important;
  460.     }
  461.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  462.       display: flex !important;
  463.     }
  464.   }
  465.   @media not all and (-moz-windows-compositor) {
  466.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  467.       top: -2px !important;
  468.     }
  469.     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  470.       top: 0px !important;
  471.     }
  472.   }
  473. }
  474.  
  475. @media (-moz-os-version:windows-win8) {
  476.     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container    {
  477.       top: -13px !important;
  478.     }
  479.     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  480.       top: -5px !important;
  481.     }
  482. }
  483.  
  484.  
  485. /* Windows 10 extra tweaks */
  486. @media (-moz-os-version: windows-win10) {
  487.   #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  488.   #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
  489.     background-color: Highlight !important;
  490.     color: HighlightText !important;
  491.   }
  492. }
  493.  
  494. /* tweaks for fullscreen mode */
  495. #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
  496. #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
  497. #main-window #TabsToolbar #window-controls {
  498.   display: none !important;
  499. }
  500.  
  501. /* hide non-required items */
  502. #TabsToolbar .private-browsing-indicator,
  503. #TabsToolbar #window-controls,
  504. #TabsToolbar *[type="caption-buttons"],
  505. #TabsToolbar *[type="pre-tabs"],
  506. #TabsToolbar *[type="post-tabs"] {
  507.   display: none !important;
  508. }
  509.  
  510. /* adjust private mode icon position */
  511. @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  512.     #main-window[tabsintitlebar][privatebrowsingmode=temporary]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
  513.       position: fixed !important;
  514.       top: 0 !important;
  515.       right: 130px !important;
  516.       visibility: visible !important;
  517.       display: block !important;
  518.     }
  519.     #main-window[tabsintitlebar][privatebrowsingmode=temporary][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
  520.       top: 8px !important;
  521.     }
  522. }
  523.  
  524. /* adjust tabs toolbar padding */
  525. #main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  526. #main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  527. #main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,
  528. #main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
  529.  -moz-padding-start: 0px !important;
  530.  -moz-margin-start: 0px !important;
  531. }
  532.  
  533. /* hide line above navigation toolbar appearing in some cases */
  534. #main-window:not([tabsintitlebar]) #nav-bar,
  535. #main-window:not([tabsintitlebar]) #navigator-toolbox {
  536.   border-top: 0 !important;
  537.   box-shadow: unset !important;
  538. }
  539.  
  540. /* disable Mozillas tab jumping nonsense when moving tabs */
  541. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  542.   padding-bottom: unset !important;
  543. }
  544. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  545.   padding-bottom: unset !important;
  546.   margin-bottom: unset !important;
  547. }
  548. #navigator-toolbox[movingtab] > #nav-bar {
  549.   margin-top: unset !important;
  550. }
  551.  
  552. /* size of new tab tabs '+' icon */
  553. :-moz-any(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon {
  554.   padding: 0px !important;
  555.   margin: 0px !important;
  556.   width: 18px !important;
  557.   height: 18px !important;
  558. }
  559.  
  560. /* some id!ot at Moz thought it is a great idea to add padding and margin values here */
  561. @media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  562.   #TabsToolbar > .toolbar-items {
  563.     padding-top: 0 !important;
  564.     margin-top: 0 !important;
  565.   }
  566. }
  567.  
  568. /* show window caption buttons in fullscreen mode */
  569. #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls {
  570.   position: absolute !important;
  571.   display: block !important;
  572.   top: 0 !important;
  573.   right: 0 !important;
  574.   margin-top: -32px !important;
  575.   z-index: 1000 !important;
  576. }
  577.  
  578. #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
  579.   -moz-padding-end: 60px !important;
  580. }
  581.  
  582. #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton,
  583. #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton .toolbarbutton-icon {
  584.   padding: 0 !important;
  585.   margin: 0 !important;
  586. }
  587.  
  588. @media (-moz-os-version: windows-win10) {
  589.     #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls *,
  590.     #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar #window-controls * {
  591.       color: black !important;
  592.       fill: black !important;
  593.     }
  594.  
  595.     #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme #TabsToolbar #window-controls * {
  596.       color: white !important;
  597.       fill: white !important;
  598.     }
  599.  
  600. }
  601.  
  602. /***  FIREFOX 65 (B) : https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65_macOS.css  ***/
  603.  
  604. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  605.   padding-bottom: calc(0px + var(--tab-min-height_tnot)) !important;
  606. }
  607.  
  608. #TabsToolbar {
  609.   height: var(--tab-min-height_tnot) !important;
  610. }
  611.  
  612. #main-window[tabsintitlebar]:not([sizemode="fullscreen"]):not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
  613. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container  {
  614.   position: fixed !important;
  615.   display:block !important;
  616.   top: 0 !important;
  617.   left: 0 !important;
  618.   right: unset !important;
  619. }
  620.  
  621. #tabbrowser-tabs .tabbrowser-arrowscrollbox,
  622. #tabbrowser-tabs #tabbrowser-arrowscrollbox {
  623.   margin-top: -1px !important;
  624.   margin-bottom: 1px !important;
  625. }
  626.  
  627. /* caption button position in maximized mode after moving to the top */
  628. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
  629. #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  630.   top: 0 !important;
  631. }
  632.  
  633. #PersonalToolbar {
  634.   padding-top: 4px !important;
  635.   padding-bottom: 4px !important;
  636.   height: unset !important;
  637.   max-height: unset !important;
  638. }
  639.  
  640. #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #titlebar {
  641.   margin-top: calc(-1 * var(--tab-min-height_tnot)) !important;
  642.   padding-top: var(--tab-min-height_tnot) !important;
  643. }
  644.  
  645. /***  FIREFOX 74 : https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx74_macOS.css  ***/
  646.  
  647. #main-window[tabsintitlebar]:not([sizemode="fullscreen"]):not([inDOMFullscreen="true"]) #navigator-toolbox {
  648.   padding-top: calc(-3px + var(--tab-min-height_tnot)) !important;
  649. }
  650.  
  651. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  652.   padding-bottom: calc(0px + var(--tab-min-height_tnot)) !important;
  653.   position: relative;
  654. }
  655.  
  656. #main-window[tabsintitlebar]:not([sizemode="fullscreen"]):not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
  657. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container  {
  658.   top: 3px !important;
  659.   left: -5px !important;
  660.   right: unset !important;
  661. }
  662.  
  663.  
  664. #statuspanel {
  665.   background-color: transparent !important;
  666.   border: none !important;
  667.   bottom: 3px !important;
  668.   height: 33px !important;
  669.   max-width: 25% !important; /* Change the value to suite your needs */
  670.   transition: none !important;
  671. }
  672.  
  673. #statuspanel { opacity: 1 !important }
  674. #main-window:not([sizemode="fullscreen"]) #statuspanel[inactive] #statuspanel-inner::before {
  675.   bottom:2px;
  676.   padding-left:5px;
  677.   position: fixed;
  678.   content:"Done";
  679.   }
  680. #statuspanel[inactive] #statuspanel-label { display: none !important }
  681.  
  682. /* If you're not on the latest Nightly,
  683. change the #statuspanel-inner
  684. to .statuspanel-inner */
  685.  
  686. #statuspanel #statuspanel-inner {
  687.   background-color: transparent !important;
  688.   border: none !important;
  689.   height: 23x !important;
  690. }
  691.  
  692. /* If you're not on the latest Nightly,
  693. change the #statuspanel-label
  694. to .statuspanel-label */
  695.  
  696. #statuspanel #statuspanel-label {
  697.   background-color: transparent !important;
  698.   border: none !important;
  699.   color: black !important;
  700. }
  701.  
  702.  
  703.  
  704. /* Change these if you want more or less space between each button */
  705. #browser-bottombox toolbarbutton {
  706.   --toolbarbutton-inner-padding: 2px!important;
  707.   padding-left: 1px !important;
  708.   padding-right: 1px !important;
  709.   margin-left: 0px !important;
  710.   margin-right: 3px !important;
  711.   bottom: 0px;
  712. }
  713.  
  714.  /* Make normal density theme bit compact */ :root:not([uidensity=compact]) #back-button { padding-top: 0 !important; padding-bottom: 0 !important; } :root:not([uidensity=compact]) #back-button > .toolbarbutton-icon { background-color: unset !important; border: none !important; }
  715.  
  716. /* REMOVE MEGABAR START
  717.  * VERSION 1.0.4
  718.  * CODE AT: http://userchrome.wesleybranton.com/megabar
  719.  * RELEASE NOTES: http://userchrome.wesleybranton.com/notes/megabar */
  720. @-moz-document url(chrome://browser/content/browser.xhtml) {
  721.     /* DISABLE EXPANDING START */
  722.     #urlbar[breakout][breakout-extend] {
  723.         top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  724.         left: 0 !important;
  725.         width: 100% !important;
  726.     }
  727.    
  728.     #urlbar[breakout][breakout-extend] > #urlbar-input-container {
  729.         height: var(--urlbar-height) !important;
  730.         padding-block: 0 !important;
  731.         padding-inline: 0 !important;
  732.     }
  733.    
  734.     #urlbar[breakout][breakout-extend] > #urlbar-background {
  735.         animation-name: none !important;
  736.         box-shadow: 0 1px 4px rgba(0, 0, 0, .05) !important;
  737.     }
  738.     /* DISABLE EXPANDING END */
  739.    
  740.     /* REMOVE URL RESULT PADDING START */
  741.     .urlbarView {
  742.         margin-inline: 0 !important;
  743.         width: 100% !important;
  744.     }
  745.  
  746.     .urlbarView-row {
  747.         padding-block: 0 !important;
  748.     }
  749.     /* REMOVE URL RESULT PADDING END */
  750.    
  751.     /* MOVE URL RESULT TYPE ICON TO LEFT START */
  752.     .urlbarView-type-icon {
  753.         min-width: 16px !important;
  754.         height: 16px !important;
  755.         margin-bottom: 0 !important;
  756.         margin-inline-start: 0 !important;
  757.     }
  758.    
  759.     .urlbarView-favicon {
  760.         margin-inline-start: 20px !important;
  761.     }
  762.     /* MOVE URL RESULT TYPE ICON TO LEFT END */
  763.  
  764.     /* DISPLAY GO BUTTON WHEN TYPING START */
  765.     #urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button {
  766.         display: block !important;
  767.     }
  768.     /* DISPLAY GO BUTTON WHEN TYPING END */
  769.  
  770.     /* ALWAYS SHOW PAGE ACTIONS START */
  771.     /* DISABLED BY DEFAULT - UNCOMMENT TO ENABLE */
  772.     /*#pageActionButton {
  773.         display: block !important;
  774.     }*/
  775.     /* ALWAYS SHOW PAGE ACTIONS END */
  776. }
  777. /* REMOVE MEGABAR END */
  778.  
  779. /*** Proton Tabs Tweaks ***/
  780.  
  781. /* Adjust tab corner shape, optionally remove space below tabs */
  782.  
  783. #tabbrowser-tabs {
  784.     --user-tab-rounding: 0px;
  785. }
  786.  
  787. .tab-background {
  788.     border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
  789.     margin-block: 1px 0 !important;
  790. }
  791. #scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
  792.     border-top-width: 1px !important;
  793.     border-bottom-width: 0 !important;
  794. }
  795. /* Container color bar visibility */
  796. .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  797.     margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
  798. }
  799.  
  800. /* Tweak Options as of 8/11/2021; Generated Wed Aug 11 2021 20:35:57 GMT-0500 (Colombia Standard Time) */
  801.  
  802. /* "Better" default at top. */
  803. .tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line
  804. {
  805.     background-color: var(--identity-icon-color) !important;
  806.     height: 2px !important;
  807.     border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
  808.     margin: 0px !important;
  809. }
  810.  
  811. /* Glowing line at top. */
  812. .tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line
  813. {
  814.     background-color: var(--identity-icon-color) !important;
  815.     height: 1px !important;
  816.     border-radius: 1px !important;
  817.     margin: var(--tab-border-radius) var(--tab-border-radius) 0px !important;
  818.     box-shadow: 0px 0px 18px 2px var(--identity-icon-color) !important;
  819. }

Raw Paste

Login or Register to edit or fork this paste. It's free.