initial commit

README.md

@@ -0,0 +1,28 @@
+# Firefox Monoline
+
+Place everything of your Firefox toolbar in one single line, similar to modern Safari.
+
+<br>
+<br>
+
+## To do
+
+- [ ] right-align extension icons
+	- [ ] create a variable in order to easily change spacing according to how many extensions appear in the toolbar
+- [ ] use attributes selectors in order to change spacing according to whether the downloads icon is displayed
+- [ ] show some necessary `#titlebar-buttonbox`
+- [ ] evaluate behavior with non-compact mode
+	- [ ] create a variable to toggle spacing for compact/non-compact mode
+- [ ] understand why `#urlbar[breakout][breakout-extend]` `top` and `left` styles do not work.
+
+#### PR
+
+- [ ] Share on awesome repositories
+- [ ] Share on design communities
+
+<br>
+<br>
+
+## Related projects
+
+- Inspired from [one-line-firefox](https://github.com/khuedoan/one-line-firefox 'one-line-firefox GitHub repository')

userChrome.css

@@ -0,0 +1,67 @@
+/* Title bar */
+.titlebar-buttonbox {
+    display: none !important;
+}
+
+.titlebar-spacer {
+    display: none !important;
+}
+
+/* Tab bar */
+#navigator-toolbox {
+    border: 0px !important;
+}
+
+#TabsToolbar {
+    margin-left: calc(20vw + 5px + 36px + 5px) !important;
+    margin-right: calc(39px + 29px) !important;
+}
+
+/* Nav bar*/
+#nav-bar {
+    background: transparent !important;
+    margin-top: -36px !important;
+}
+
+/* URL bar */
+#back-button {
+    display: none !important;
+}
+
+#forward-button {
+    display: none !important;
+}
+
+#tracking-protection-icon-container {
+    display: none !important;
+}
+
+#urlbar-container {
+    min-width: 20vw !important;
+    max-width: 20vw !important;
+}
+
+#urlbar {
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+}
+
+#urlbar[breakout][breakout-extend] {
+    width: 50vw !important;
+    top: 4px !important;
+    left: 4px !important;
+}
+
+#page-action-buttons {
+    display: none !important;
+}
+
+#nav-bar-overflow-button {
+    padding: 0 !important;
+}
+
+/* extra */
+/*toolbarbutton {
+    filter: grayscale(1);
+}*/