code cleanup: remove rules using #titlebar

chrome/autohide_bookmarks_and_main_toolbars.css

@@ -139,7 +139,7 @@ See the above repository for updates as well as full license text. */
 
 /* This makes the tab notification box show immediately below tabs, otherwise it would break the layout */
 #navigator-toolbox > div{ display: contents }
-:where(#titlebar,#navigator-toolbox > #TabsToolbar,#navigator-toolbox > #toolbar-menubar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
+:where(#navigator-toolbox > #TabsToolbar,#navigator-toolbox > #toolbar-menubar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
   order: -1;
 }
 :root[BookmarksToolbarOverlapsBrowser] #navigator-toolbox{

chrome/autohide_main_toolbar.css

@@ -25,7 +25,6 @@ See the above repository for updates as well as full license text. */
   position: relative;
   z-index: 2;
 }
-#titlebar{ position: relative; z-index: 3 }
 
 #navigator-toolbox,
 #sidebar-box,
@@ -42,7 +41,6 @@ See the above repository for updates as well as full license text. */
   transition-delay: 0s !important;
 }
 /* Show when toolbox is hovered */
-#titlebar:hover ~ .browser-toolbar,
 .browser-titlebar:hover ~ :is(#nav-bar,#PersonalToolbar),
 #nav-bar:hover,
 #nav-bar:hover + #PersonalToolbar{

chrome/autohide_tabstoolbar.css

@@ -8,25 +8,14 @@ See the above repository for updates as well as full license text. */
   z-index: 1;
 }
 
-#navigator-toolbox:not(:hover) > #titlebar{
-  -moz-window-dragging: no-drag !important;
-  pointer-events: none
-}
-
-:root:not([customizing],[chromehidden~="menubar"]) #navigator-toolbox:hover,
-:root:not([customizing],[chromehidden~="menubar"]) #titlebar{
+:root:not([customizing],[chromehidden~="menubar"]) #navigator-toolbox:hover{
   margin-bottom: calc(0px - 2 * var(--tab-block-margin) - var(--tab-min-height));
 }
 #TabsToolbar:not([customizing]){ visibility: hidden; transition: visibility 0ms linear 200ms }
 
-#navigator-toolbox,
-#titlebar{ transition: margin-bottom 48ms ease-out 200ms !important }
+#navigator-toolbox{ transition: margin-bottom 48ms ease-out 200ms !important }
 
 #navigator-toolbox:hover{ transition-delay: 0s !important }
-#navigator-toolbox:hover > #titlebar{
-  margin-bottom: 0px;
-  transition-delay: 0s !important;
-}
 
 #navigator-toolbox:hover #TabsToolbar{
   visibility: visible;

chrome/autohide_toolbox.css

@@ -95,11 +95,7 @@ See the above repository for updates as well as full license text. */
   padding-block: calc(min(4px,(var(--urlbar-container-height) - var(--urlbar-height)) / 2) + var(--urlbar-container-padding)) !important;
 }
 
-/* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */
- /*#titlebar{ margin-bottom: -9px }*/
-
 /* Uncomment the following for compatibility with tabs_on_bottom.css - this isn't well tested though */
 /*
 #navigator-toolbox{ flex-direction: column; display: flex; }
-#titlebar{ order: 2 }
 */

chrome/click_selected_tab_to_focus_urlbar.css

@@ -23,8 +23,7 @@ See the above repository for updates as well as full license text. */
   :root:is([sizemode="maximized"],[sizemode="fullscreen"]){
     --uc-window-drag-space-width: 0px;
   }
-  #toolbar-menubar:is([autohide="false"],not([autohide])) ~ #nav-bar,
-  #titlebar:has(> #toolbar-menubar:is([autohide="false"],not([autohide]))) + #nav-bar{
+  #toolbar-menubar:is([autohide="false"],not([autohide])) ~ #nav-bar{
     --uc-window-drag-space-width: 0px;
     --uc-menubar-height: 28px;
   }
@@ -61,8 +60,7 @@ See the above repository for updates as well as full license text. */
   z-index: 1;
   pointer-events: none
 }
-:root[customtitlebar] .browser-titlebar,
-#titlebar{
+:root[customtitlebar] .browser-titlebar{
   opacity: 1 !important;
   will-change: unset !important;
   transition: none !important;

chrome/combined_tabs_and_main_toolbars.css

@@ -43,10 +43,6 @@ See the above repository for updates as well as full license text. */
   max-height: var(--urlbar-container-height);
   align-self: center;
 }
-#titlebar{
-  -moz-appearance: none !important;
-  flex-grow: 1;
-}
 .tab-close-button{
   padding-inline-start: 6px !important;
   width: 24px !important;

chrome/hide_tabs_with_one_tab.css

@@ -10,7 +10,6 @@ This will NOT work correctly if you have hidden tabs such as with tab groups ext
 
 :root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px }
 
-#titlebar{ -moz-appearance: none !important; }
 #TabsToolbar{ min-height: 0px !important }
 
 #tabbrowser-tabs,

chrome/hide_toolbox_top_bottom_borders.css

@@ -4,15 +4,8 @@ See the above repository for updates as well as full license text. */
 :root[sizemode="normal"]{ border-top: none !important }
 #navigator-toolbox::after{ content: none !important }
 #navigator-toolbox{ border-bottom: none !important }
-/* Removes few remaining extra lines above tabs in non-maximized windows */
-/* Also prevents small vertical shift when moving tabs in compact density - who knows why */
-:root[sizemode="normal"] #titlebar{ -moz-appearance: none !important; }
-
 
 /* OPTIONAL - uncomment to remove still remaining space atop of tabs */
 /* This just increases the height of tabs by few pixels, not decrease the toolbar height */
 
-/* Fx pre-65 */
-/* #navigator-toolbox > #TabsToolbar{margin-top: -2px;} */
-/* Fx65+ */
 /* #TabsToolbar > .toolbar-items > spacer{ display: none; } */

chrome/menubar_in_tabs_toolbar.css

@@ -1,9 +1,6 @@
 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_tabs_toolbar.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
-:root:not([customizing]) #titlebar{
-  flex-direction: row;
-}
 #toolbar-menubar > .titlebar-buttonbox-container,
 #toolbar-menubar > spacer{ display: none; }
 

chrome/minimal_toolbarbuttons_v2.css

@@ -29,7 +29,6 @@ toolbar:hover .toolbarbutton-1,
 #urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *,
 #nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *,
 #nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]) > *,
-#titlebar:hover ~ toolbar .toolbarbutton-1 > *,
 #TabsToolbar:hover ~ toolbar .toolbarbutton-1 > *,
 toolbar .toolbarbutton-1 > *,
 #tabbrowser-tabs toolbarbutton > *,

chrome/minimal_toolbarbuttons_v3.css

@@ -39,7 +39,6 @@ toolbar .toolbarbutton-1 > *,
 toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
 #nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack,
 #PanelUI-menu-button:hover > stack,
-#titlebar:hover ~ toolbar .toolbarbutton-1 > *,
 #TabsToolbar:hover ~ toolbar .toolbarbutton-1 > *,
 .toolbarbutton-1[open] > *,
 .titlebar-buttonbox:hover > .titlebar-button > *,

chrome/multi-row_tabs_window_control_patch.css

@@ -20,11 +20,6 @@ See the above repository for updates as well as full license text. */
 :root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
   display: none !important;
 }
-#titlebar{
-  flex-direction: column-reverse;
-  will-change: unset !important;
-  opacity: 1 !important;
-}
 #toolbar-menubar{
   height: 40px;
   margin-bottom: -40px;

chrome/non_floating_sharp_tabs.css

@@ -31,8 +31,7 @@ See the above repository for updates as well as full license text. */
   --toolbarbutton-inner-padding: 7px !important;
 }
 /* Few exceptions for default light theme */
-:root[lwtheme] #navigator-toolbox:not([movingtab]) > #TabsToolbar,
-:root[lwtheme] #navigator-toolbox:not([movingtab]) > #titlebar > #TabsToolbar{
+:root[lwtheme] #navigator-toolbox:not([movingtab]) > #TabsToolbar{
   --toolbar-bgcolor: transparent;
 }
 
@@ -135,8 +134,7 @@ See the above repository for updates as well as full license text. */
 .tab-group-line{
   order: -1;
 }
-:where(#navigator-toolbox) > #TabsToolbar,
-#titlebar{
+:where(#navigator-toolbox) > #TabsToolbar{
   will-change: unset !important;
   transition: none !important;
   opacity: 1 !important;

chrome/selected_tab_as_urlbar.css

@@ -77,8 +77,7 @@ See the above repository for updates as well as full license text. */
   background-color: var(--toolbar-field-focus-background-color) !important;
   background-size: auto !important;
 }
-:root:not([customizing]) #navigator-toolbox > #TabsToolbar,
-:root:not([customizing]) #titlebar{
+:root:not([customizing]) #navigator-toolbox > #TabsToolbar{
   margin-bottom: calc(0px - var(--tab-min-height) - 2*var(--tab-block-margin));
 }
 
@@ -114,7 +113,3 @@ See the above repository for updates as well as full license text. */
   box-shadow: none !important;
   background-color: transparent !important;
 }
-
-:root[customtitlebar] #titlebar:has(> #toolbar-menubar:is([autohide="false"],not([autohide]))) + #nav-bar{
-  border-inline-width: 0 !important;
-}

chrome/show_navbar_on_focus_only.css

@@ -6,8 +6,7 @@ See the above repository for updates as well as full license text. */
 /* This style totally breaks bookmarks toolbar but can be used with autohide_bookmarks_toolbar.css */
 
 :root:not([customizing]) #navigator-toolbox{ display: grid; grid-template-rows: auto }
-:root:not([customizing]) #navigator-toolbox > :is(#titlebar,.browser-toolbar){ grid-area: 1/1; }
-:root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
+:root:not([customizing]) #navigator-toolbox > .browser-toolbar{ grid-area: 1/1; }
 
 #urlbar-container{ margin-top: 1px }
 :root[sessionrestored] #nav-bar:not([customizing]){

chrome/tabs_below_content.css

@@ -18,11 +18,6 @@ linux_gtk_window_control_patch.css
   z-index: 3;
   visibility: visible !important;
 }
-#titlebar{
-  will-change: unset !important;
-  transition: none !important;
-  opacity: 1 !important;
-}
 @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
        (-moz-gtk-csd-reversed-placement),
        (-moz-platform: macos){
@@ -38,9 +33,6 @@ linux_gtk_window_control_patch.css
 :root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
 :root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
 
-@media  (-moz-platform: windows){
-  #titlebar{ -moz-appearance: none !important; }
-}
 /* Move tabs below content */
 #main-window > body::after{
   content: "";

chrome/vertical_menubar.css

@@ -16,17 +16,12 @@ See the above repository for updates as well as full license text. */
       --uc-vertical-menubar-top: 72px;
     }
   }
-  #navigator-toolbox:has(> #PersonalToolbar[collapsed="false"]) > #toolbar-menubar,
-  #navigator-toolbox:has(> #PersonalToolbar[collapsed="false"]) > #titlebar > #toolbar-menubar{
+  #navigator-toolbox:has(> #PersonalToolbar[collapsed="false"]) > #toolbar-menubar{
     --uc-vertical-menubar-top: 112px;
     :root[uidensity="compact"] & {
       --uc-vertical-menubar-top: 94px;
     } 
   }
-  #titlebar{
-    opacity: 1 !important;
-    will-change: unset !important;
-  }
   :root:not([customizing]) #toolbar-menubar{
     position: fixed;
     flex-direction: column;

chrome/vertical_popup_menubar.css

@@ -60,8 +60,7 @@ See the above repository for updates as well as full license text. */
 #file-menu > .menubar-text{ visibility: collapse }
 #main-menubar:hover > #file-menu > .menubar-text{ visibility: visible }
 
-.browser-titlebar,
-#titlebar{
+.browser-titlebar{
   opacity: 1 !important;
   will-change: unset !important;
 }

chrome/vertical_tabs.css

@@ -112,8 +112,3 @@ scrollbox[orient="horizontal"]{
 #scrollbutton-down{
   display: var(--uc-scrollbutton-display,initial);
 }
-#titlebar{
-  will-change: unset !important;
-  transition: none !important;
-  opacity: 1 !important;
-}