create centered_statuspanel.css and deprecate old one

This new defaults to bottom layout, but can be moved to top by setting
pref userchrome.centered-statuspanel.on-top.enabled

chrome/centered_statuspanel.css

@@ -0,0 +1,23 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_statuspanel.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+#statuspanel:not([hidden]){
+  display: flex !important;
+  justify-self: center !important;
+  padding-top: 0 !important;
+  inset-inline: auto !important;
+}
+#statuspanel-label{
+  border-width: 1px 1px 0px 1px !important;
+  border-style: solid !important;
+  margin-inline: auto !important;
+}
+/* Set this pref to true in about:config to make statuspanel show at top instead */
+@supports -moz-bool-pref("userchrome.centered-statuspanel.on-top.enabled"){
+  #statuspanel:not([hidden]){
+    inset-block: 0 auto !important;
+  }
+  #statuspanel-label{
+    border-width: 0 1px 1px 1px !important;
+  }
+}

chrome/deprecated/centered_top_statuspanel.css

@@ -1,4 +1,4 @@
-/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_top_statuspanel.css made available under Mozilla Public License v. 2.0
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/deprecated/centered_top_statuspanel.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
 #statuspanel:not([hidden]){

html_resources/tagmap.json

@@ -17,7 +17,7 @@
 "buttonlike_toolbarbuttons.css":["buttons"],
 "centered_tab_content.css":["tab","icon"],
 "centered_tab_label.css":["tab"],
-"centered_top_statuspanel.css":["status"],
+"centered_top_statuspanel.css":["legacy"],
 "context_menus_more_proton.css":["proton","menu"],
 "classic_firefox_menu_button.css":["classic","menu"],
 "classic_grid_main_menu_popup.css":["classic","menu","popup"],
@@ -161,5 +161,6 @@
 "overlay_sidebar_header.css":["sidebar","hack"],
 "compact_extensions_panel.css":["popup","menu","minimal"],
 "tab_animated_active_border.css":["tab","effect","colors"],
-"status_inside_menubar.css":["menubar","status","hack"]
+"status_inside_menubar.css":["menubar","status","hack"],
+"centered_statuspanel.css":["status"]
 }

tags.csv

@@ -16,7 +16,7 @@ button_effect_scale_onhover.css,buttons,effect
 buttonlike_toolbarbuttons.css,buttons
 centered_tab_content.css,tab,icon
 centered_tab_label.css,tab
-centered_top_statuspanel.css,status
+centered_top_statuspanel.css,legacy
 context_menus_more_proton.css,proton,menu
 classic_firefox_menu_button.css,classic,menu
 classic_grid_main_menu_popup.css,classic,menu,popup
@@ -161,3 +161,4 @@ overlay_sidebar_header.css,sidebar,hack
 compact_extensions_panel.css,popup,menu,minimal
 tab_animated_active_border.css,tab,effect,colors
 status_inside_menubar.css,menubar,status,hack
+centered_statuspanel.css,status