initial commit

chrome/menubar_in_toolbar.css

@@ -0,0 +1,7 @@
+#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
+	margin-left:300px !important;
+	margin-top: -26px !important;
+}
+:root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{
+	margin-top: -28px !important;
+}

chrome/menubar_in_toolbar_oneliner_compatible.css

@@ -0,0 +1,11 @@
+/* Use with navbar_tabs_oneliner.css */
+
+#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
+	margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important;
+	margin-top: calc(0px - var(--uc-toolbar-height)) !important;
+  padding-left: 0px !important;
+}
+#toolbar-menubar:not([inactive]){
+  margin-left: var(--uc-navigationbar-width);
+  height: var(--uc-toolbar-height);
+}

chrome/navbar_tabs_oneliner.css

@@ -0,0 +1,16 @@
+/* Modify these to change relative widths or default hegiht */
+#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; }
+/* Override for other densities */
+:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; }
+:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
+#TabsToolbar{ margin-left: var(--uc-navigationbar-width); }
+#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; }
+/* This isn't useful when tabs start in the middle of the window */
+.titlebar-placeholder[type="pre-tabs"]{ display: none }
+#nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width));
+  margin-top: calc(0px - var(--uc-toolbar-height))
+}
+/* 1px margin on touch density causes tabs to be too high */
+.tab-close-button{ margin-top: 0 }
+/* prevent urlbar overflow on narrow windows */
+#urlbar-container{ min-width:unset }

chrome/status_inside_urlbar.css

@@ -0,0 +1,36 @@
+/* STATUSPANEL INSIDE URLBAR */
+
+#urlbar .urlbar-input-box{ display: -moz-stack }
+#urlbar .urlbar-input-box::after{
+  z-index: 2;
+  content: "";
+  width: 100%;
+  height: 100%;
+  display: none;
+  pointer-events:none;
+  background: -moz-element(#statuspanel) 0 -11px no-repeat !important;
+}
+
+#urlbar .urlbar-input-box::after{
+  display: -moz-box;
+}
+
+#statuspanel{ z-index: -1; }
+/* Don't show common values to save space (useful for oneliner) - safe to delete these */
+#statuspanel-label[value^="http"]{ margin-left: -5.8ch !important; }
+#statuspanel-label[value^="https"]{ margin-left: -6.6ch !important; }
+#statuspanel-label[value^="www"]{ margin-left: -5.3ch !important; }
+#statuspanel-label[value^="http://www"]{ margin-left: -10.6ch !important; }
+#statuspanel-label[value^="https://www"]{ margin-left: -11.3ch !important; } 
+
+.searchbar-textbox{ margin: 2px 0 !important; }
+
+#statuspanel-inner > #statuspanel-label{
+  height:23px;
+  min-width: 500px;
+  background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important;
+  border: none !important;
+  color: var(--lwt-toolbar-field-color, black) !important;
+  font-weight: bold !important;
+  margin-left: -3px
+}

chrome/tab_loading_progress_throbber.css

@@ -0,0 +1,44 @@
+/* Create a circular throbber inside tabs replacing the default one  */
+/* Doesn't really measure loading progress but sort of looks like it */
+
+#tabbrowser-tabs{ --tab-loader-size: 18px; }
+.tabbrowser-tab .tab-throbber,
+.tabbrowser-tab[bursting] .tab-icon-image{
+  display: none !important;
+}
+.tabbrowser-tab .tab-content::before{
+  display: -moz-box;
+  content: "";
+  width:var(--tab-loader-size);
+  height:var(--tab-loader-size);
+  margin-right:6px;
+  background: center no-repeat url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8" ?><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" version="1.1" stroke="url(%23gradient)" fill="none" width="100%" height="100%" stroke-width="1.7"><defs><radialGradient id="gradient" cx="50%" cy="0" r="0.6"><stop offset="0%" stop-color="lightpink"/><stop offset="100%" stop-color="red"/></radialGradient></defs><circle cx="8" cy="8" r="5.7"/></svg>') !important;
+  clip-path: polygon(50% 50%,50% 0%,50% 0%,50% 0%, 50% 0%,50% 0%, 50% 0%);
+  transition: clip-path 0.2s ease-out, opacity 0.3s linear 0.1s;
+}
+.tabbrowser-tab:-moz-any([busy],[bursting]) .tab-content{ padding-left: calc( 9px - (var(--tab-loader-size) - 16px)) !important; }
+.tabbrowser-tab[pinned] .tab-content::before{ margin-right: 0px }
+@keyframes loadprogress{
+  from{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%); }
+  25%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 100% 100%,100% 100%, 100% 100%); }
+  50%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 100%,0% 100%); }
+  75%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%,0% 0%); }
+  to{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%, 0% 0%, 50% 0%); }
+}
+@keyframes rotation{
+  from{ transform: rotateZ(0deg) }
+  to{ transform: rotateZ(360deg) }
+}
+.tabbrowser-tab:not([busy]):not([bursting]) .tab-content::before{ visibility: collapse; }
+.tabbrowser-tab:not([busy]) .tab-content::before{ opacity: 0 }
+.tabbrowser-tab[busy]:not([progress]) .tab-content::before{
+  clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%);
+}
+.tabbrowser-tab[busy][progress] .tab-content::before{
+  animation: loadprogress 2s linear, rotation 0.7s linear 2s infinite !important;
+  animation-fill-mode: forwards !important;
+}
+.tabbrowser-tab[bursting] .tab-content::before{
+  clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%, 50% 0%) !important;
+}
+#tabbrowser-tabs[schedulepressure] .tab-content::before{ display:none !important; }

chrome/toggle_bookmarksbar_with_alt.css

@@ -0,0 +1,12 @@
+/* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */
+/* Otherwise the changing vertical position causes bookmarks to be unclickable */
+#main-window[sizemode="normal"]:not([customizing]) #PersonalToolbar{
+  transition: margin 0.15s ease-in-out 50ms, z-index 16ms linear 100ms!important;
+  height: 28px;
+  position: relative;
+  z-index: 1;
+}
+:root:not([customizing]) #toolbar-menubar[inactive] ~ #PersonalToolbar:not(:hover){
+  margin-top:-28px;
+  z-index: -1;
+}