CSS   79

Untitled

Guest on 1st June 2022 06:32:46 PM

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

Raw Paste


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