ⵙᔓᔕⵙᕤᕦⵙИNⵙꖴⵙ✤ⵙᗱᗴⵙᔓᔕⵙ◯ⵙꕤⵙⓄⵙꗳⵙᗱᗴⵙᴥⵙꖴⵙꗳⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙꗳⵙꖴⵙᴥⵙᗱᗴⵙꗳⵙⓄⵙꕤⵙ◯ⵙᔓᔕⵙᗱᗴⵙ✤ⵙꖴⵙИNⵙᕤᕦⵙᔓᔕⵙ

Signed-off-by: O <oooooooooooooooo@skiff.com>

◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯ⵙ◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯/◯ᗩIᗝI8◯ⵙ◯8IᗝIᗩ◯/◯✤ᗱᗴИNᴥᗱᗴ✤ИNꖴ◯ⵙ◯ꖴИN✤ᗱᗴᴥИNᗱᗴ✤◯/◯ᴥᗱᗴᔓᔕᗯⓄᴥ⚭◯ⵙ◯⚭ᴥⓄᗯᔓᔕᗱᗴᴥ◯/ⵙꕤⵙⓄⵙꗳⵙᗱᗴⵙᴥⵙꖴⵙꗳⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙꗳⵙꖴⵙᴥⵙᗱᗴⵙꗳⵙⓄⵙꕤⵙ/ⵙᔓᔕⵙᕤᕦⵙИNⵙꖴⵙ✤ⵙᗱᗴⵙᔓᔕⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙᔓᔕⵙᗱᗴⵙ✤ⵙꖴⵙИNⵙᕤᕦⵙᔓᔕⵙ/ⵙƧƧϽ..ƎMOЯHϽЯƎƧUⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙUSERCHROME..CSSⵙ

@@ -1,159 +1,129 @@
-/*
+/* bring the browser window to the top */
-https://github.com/Arty2/userstyles
+#browser{-moz-box-ordinal-group:0!important;order:0!important;}
-@version      0.2.5
+#navigator-toolbox-background{-moz-box-ordinal-group: 1 !important;order: 1 !important;
-
+}
-1. Find your profile folder `about:support > Profile Folder > Open Folder` or locate the exact profile in use by visiting `about:profiles`.
+
-2. Create a folder named `chrome` then create a file named userChrome.css inside it and paste the following code.
+/*fix pop-ups opening below window*/
-3. If userChrome.css doesn’t seem to work, open `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets=true`.
+#urlbar[open]{
-4. Restart Firefox.
+  display: flex !important;
-
+  flex-direction: column-reverse; /* use 'column' if you want to type the URL in center*/
-Other references:
+  bottom: -1px !important;
-Firefox Support forum - Tabs below the URL bar: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar
+  top: auto !important;
-Custom CSS tweaks for Firefox Quantum: https://github.com/Aris-t2/CustomCSSforFx
+}
-*/
+.urlbarView-body-inner { border-top: none !important; }
-
+
-/*----------------------------------------------------------
+:root{
-Tabs to Bottom
+--toolbarbutton-outer-padding: 0 !important;
-source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css
+--toolbarbutton-inner-padding: 0 !important;
-
+--bookmark-block-padding: 0 !important;
-UI model:
+--toolbar-start-end-padding: 0 !important;
-	#navigator-toolbox-background
+--tab-min-height: 0 !important;
-		#navigator-toolbox
+--identity-box-margin-inline: 0 !important;
-			#titlebar
+--tab-border-radius: 256PX !important;
-				#toolbar-menubar
+--inline-tab-padding: 0 !important;
-				#TabsToolbar
+--tab-block-margin: 0 !important;
-			#nav-bar
+--urlbar-container-padding: 0 !important;
-			#PersonalToolbar
+--urlbar-margin-inline: 0 !important;
-	#browser
+--urlbar-min-height: max(0px, 0em) !important;
-*/
+--tabs-navbar-shadow-size: 1px !important;
-
+--urlbarView-row-gutter: 0px !important;
-/* bring the browser window to the top */
+--urlbarView-favicon-width: 16px !important;
-#browser {
+--tab-shadow-max-size: 0px !important;
-	-moz-box-ordinal-group: 0 !important;
+}
-	order: 0 !important;
+toolbar .toolbaritem-combined-buttons { margin-inline: 0px !important;}
-}
+
-
+.toolbarbutton-badge {
-#navigator-toolbox-background {
+  box-sizing: content-box !important;
-	-moz-box-ordinal-group: 1 !important;
+  overflow: hidden !important;
-	order: 1 !important;
+  white-space: nowrap !important;
-}
+  background-color: #FFFFFFFF !important;
-
+  font-size: 8px !important;
-/* adjust paddings */
+  font-weight: initial !important;
-*|*:root[sizemode="normal"] #browser {
+  padding: 0px 0px 0px 0px !important;
-	padding-top: 0 !important;
+  color: #A8A8A8 !important;
-}
+  text-shadow: black !important;
-
+  border-radius: 2px !important;
-/* hide tab toolbar when fullscreen */
+  box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
-#nav-bar[inFullscreen],
+              0 -1px 0 hsla(0, 0%, 0%, .1) inset,
-#TabsToolbar[inFullscreen] {
+              0 1px 0 hsla(206, 50%, 10%, .2);
-	display: none;
+  margin: 0px 0px 0px !important;
-}
+  margin-inline-end: 0px !important;
-
+  min-width: 0px !important;
-/* restore top border */
+  max-width: 16px !important;
-*|*:root[sizemode="normal"] #browser {
+  line-height: -moz-block-height !important;
-	border-top: 0.0px solid AccentColor !important;
+  text-align: center !important;
-}
+  align-self:  center !important;
-*|*:root[sizemode="normal"]:-moz-window-inactive #browser {
+  justify-self: center !important;
-	border-top-color: rgb(238,238,238) !important;
+}
-}
+
-
+toolbar {
-/* make toolbar border persist on fullscreen */
+  min-height: 0px !important;
-*|*:root[sizemode="maximized"] #navigator-toolbox {
+  max-height: 16px !important;
-  border-top: 0.0px solid AccentColor !important;
+}
-  border-bottom: 0.0px solid AccentColor !important;
+.titlebar-spacer[type="pre-tabs"],.titlebar-spacer[type="post-tabs"]{width:0px !important;}
-}
+
-
+
-/* hide titlebar buttons */
+/* Status panel */
-#TabsToolbar > .titlebar-buttonbox-container {
+
-	display: none !important;
+#statuspanel-label {
-}
+  margin: 0px !important;
-
+  padding: 0px 0px !important;
-/*fix pop-ups opening below window*/
+  background-color: #FFFFFFFF !important;
-#urlbar[open]{
+  border: 1px none RGBA(247,247,247,1.0) !important;
-  display: flex !important;
+  border-top-style: solid !important;
-  flex-direction: column-reverse; /* use 'column' if you want to type the URL in center*/
+  color: RGBA(167,167,167,1.0) !important;
-  bottom: -2px !important;
+  text-shadow: none !important;
-  top: auto !important;
+}
-}
+
-/*.urlbarView-body-inner { border-top: none !important; }*/
+.tabbrowser-tab {
-/*.urlbarView { display: none !important; }*/ /* uncomment this to hidden address bar suggestions */
+  margin: 0 !important;
-
+  padding: 0 0px !important;
-
+}
-
+
-
+
-
+/* ROOT - VARS */
-
+*|*:root {
-
+ --tab-min-height:      16px !important; /* adjust */
-:root{
+ --tab-min-width:       16px !important; /* adjust */
---toolbarbutton-outer-padding: 0 !important;
+}
---toolbarbutton-inner-padding: 0 !important;
+
---bookmark-block-padding: 0 !important;
+/* TABS: height */
---toolbar-start-end-padding: 0 !important;
+#tabbrowser-tabs,
---tab-min-height: 0 !important;
+#tabbrowser-tabs > #tabbrowser-arrowscrollbox,
---identity-box-margin-inline: 0 !important;
+.tabbrowser-tabs .tabbrowser-tab {
---tab-border-radius: 256PX !important;
+  min-height: var(--tab-min-height) !important;
---inline-tab-padding: 0 !important;
+  max-height: var(--tab-min-height) !important;
---tab-block-margin: 0 !important;
+}
---urlbar-container-padding: 0 !important;
+
---urlbar-margin-inline: 0 !important;
+
---urlbar-min-height: max(0px, 0em) !important;
+
---tabs-navbar-shadow-size: 1px !important;
+
-}
+
-
+
-
+
-
+
-
+ :root{
-
+    --toolbarbutton-inner-padding:0px !important;
-
+    --tab-min-height: 16px !important;
-
+  }
-
+  .titlebar-button{ padding-block: 0px !important; }
-
+  #urlbar-container, #search-container{ padding-block: 0px !important; }
-
+ 
-
+
-
+ 
-/* ROOT - VARS */
+
-*|*:root {
+
- --tab-min-height:      16px !important; /* adjust */
+/* Removes text from tabs */
- --tab-min-width:       16px !important; /* adjust */
+.tabbrowser-tab .tab-label {
-}
+	display:none !important;
-
+}
-/* TABS: height */
+
-#tabbrowser-tabs,
+/* Resizes tabs to minimum width */
-#tabbrowser-tabs > #tabbrowser-arrowscrollbox,
+.tabbrowser-tab{
-.tabbrowser-tabs .tabbrowser-tab {
+	max-width: 16px !important;
-  min-height: var(--tab-min-height) !important;
+	min-width: 16px !important;
-  max-height: var(--tab-min-height) !important;
+}
-}
+
-
+
-
+
-
-
-
-
-
-
- :root{
-    --toolbarbutton-inner-padding:0px !important;
-    --tab-min-height: 16px !important;
-  }
-  .titlebar-button{ padding-block: 0px !important; }
-  #urlbar-container, #search-container{ padding-block: 0px !important; }
- 
-
- 
-
-
-/* Removes text from tabs */
-.tabbrowser-tab .tab-label {
-	display:none !important;
-}
-
-/* Resizes tabs to minimum width */
-.tabbrowser-tab{
-	max-width: 16px !important;
-	min-width: 16px !important;
-}
-
-
-
 .tabbrowser-tab .tab-close-button { display:none !important; }