token0 · April 10, 2022 01:13 · Apr 10, 2022 · Apr 10, 2022 · Apr 9, 2022 · Dec 3, 2021
diff --git a/userChrome.css b/userChrome.css
@@ -1,4 +1,6 @@
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
+/* ^ disabled namespace, so fullscreen state can be processed */
+
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

diff --git a/userChrome.css b/userChrome.css
@@ -93,6 +93,23 @@
   margin-left: 120px;
 }
 
+/* Minimize fullscreen transition time */
+#navigator-toolbox[fullscreenShouldAnimate] {
+  transition: 100ms !important;
+}
+
+/* Auto-hide sidebar in fullscreen */
+#main-window[inFullscreen="true"] #sidebar,
+#main-window[inFullscreen="true"] #sidebar-box,
+#main-window[inFullscreen="true"] #sidebar-splitter {
+  display: none !important;
+  width: 0px !important;
+}
+
+#main-window[inFullscreen="true"] #appcontent {
+  margin-left: 0px;
+}
+
 /* Page Actions Hide and Show on Hover */
 
 /* Hide Buttons and Reveal on Hover */

diff --git a/userChrome.css b/userChrome.css
@@ -10,88 +10,70 @@
  */
 
 
-/* Mac Specific Rules, remove this line to enable
-
+/* Mac Specific Rules
 #titlebar {
   visibility: collapse !important;
 }
-
 #TabsToolbar .titlebar-buttonbox-container {
   display: block;
   position: absolute;
   visibility: visible;
 }
-
 :root:not([uidensity]) #TabsToolbar .titlebar-buttonbox-container {
   margin-left: 12px;
   margin-top: 12px;
 }
-
 :root[uidensity="compact"] #TabsToolbar .titlebar-buttonbox-container {
   margin-left: 10px;
   margin-top: 9px;
 }
-
 #TabsToolbar .titlebar-buttonbox.titlebar-color {
   margin-left: 0px !important;
 }
-
 #main-window:not([inFullscreen]) #nav-bar {
   padding: 0px 0px 0px 70px !important;
 }
-
-*  Mac specific rules remove this and next line to enable
-*/
+*  Mac specific rules */
 
 
 
-/* PC specific rules, remove this line to enable
-
+/* Win7 specific rules */
 .tabbrowser-tab {
   visibility: collapse;
 }
-
 .titlebar-button {
   height: 27px !important;
 }
-
 #nav-bar {
   margin-top: -42px;
-  margin-right: 140px;
+  margin-right: 115px;
   box-shadow: none !important;
 }
-
 [uidensity="compact"]:root .titlebar-button {
   height: 32px !important;
 }
-
 [uidensity="compact"]:root #nav-bar {
   margin-top: -32px;
 }
-
 #titlebar-spacer {
   background-color: var(--chrome-secondary-background-color);
 }
-
 #titlebar-buttonbox-container {
   background-color: var(--chrome-secondary-background-color);
 }
-
 .titlebar-color {
   background-color: var(--toolbar-bgcolor);
 }
+/* Win7 specific rules */
 
-* PC specific rules remove this and next line to enable
-*/
 
 
-
-/*  Sideberry Dynamic sidebar   */
+/*  Sidebery Dynamic sidebar   */
 #sidebar-box {
   overflow: hidden;
-  height: calc(100% - 30px);
+  height: calc(100% - 72px);
   position: fixed;
-  max-width: 30px;
+  max-width: 120px;
   display: block;
   transition: 90ms;
   z-index: 3;
@@ -104,11 +86,11 @@
 #sidebar {
   width: calc(30px * 10) !important;
   max-width: 50vw !important;
-  height: 100%;
+  height: calc(100% - 42px);
 }
 
 #appcontent {
-  margin-left: 30px;
+  margin-left: 120px;
 }
 
 /* Page Actions Hide and Show on Hover */
@@ -164,4 +146,4 @@
 #urlbar,#searchbar {
   font-size: 13px !important;
 	margin-top: 1px !important;
-}
+}
diff --git a/userChrome.css b/userChrome.css
@@ -9,26 +9,24 @@
  * Contributor(s): Isaac-Newt, Ivan0xFF, millerdev, AMomchilov
  */
 
- #titlebar {
-  visibility: collapse;
+
+/* Mac Specific Rules, remove this line to enable
+
+#titlebar {
+  visibility: collapse !important;
 }
 
-/* Position window controls */
 #TabsToolbar .titlebar-buttonbox-container {
   display: block;
   position: absolute;
   visibility: visible;
 }
 
-/* Reposition the close/maximize/minimize buttons for the "normal" toolbar density  */
-/* When the UI density is set to "normal", the `uidensity` attribute is undefined.  */
-/* `window.document.documentElement.getAttribute("uidensity")` will be null.        */
 :root:not([uidensity]) #TabsToolbar .titlebar-buttonbox-container {
   margin-left: 12px;
   margin-top: 12px;
 }
 
-/* Reposition the close/maximize/minimize buttons for the "compact" toolbar density */
 :root[uidensity="compact"] #TabsToolbar .titlebar-buttonbox-container {
   margin-left: 10px;
   margin-top: 9px;
@@ -38,14 +36,54 @@
   margin-left: 0px !important;
 }
 
-/*
- * Make room for window controls and a bit of extra space for window drag/move.
- * Only apply this style when not in fullscreen mode.
- */
 #main-window:not([inFullscreen]) #nav-bar {
   padding: 0px 0px 0px 70px !important;
 }
 
+*  Mac specific rules remove this and next line to enable
+*/
+
+
+
+/* PC specific rules, remove this line to enable
+
+.tabbrowser-tab {
+  visibility: collapse;
+}
+
+.titlebar-button {
+  height: 27px !important;
+}
+
+#nav-bar {
+  margin-top: -42px;
+  margin-right: 140px;
+  box-shadow: none !important;
+}
+
+[uidensity="compact"]:root .titlebar-button {
+  height: 32px !important;
+}
+
+[uidensity="compact"]:root #nav-bar {
+  margin-top: -32px;
+}
+
+#titlebar-spacer {
+  background-color: var(--chrome-secondary-background-color);
+}
+
+#titlebar-buttonbox-container {
+  background-color: var(--chrome-secondary-background-color);
+}
+
+.titlebar-color {
+  background-color: var(--toolbar-bgcolor);
+}
+
+* PC specific rules remove this and next line to enable
+*/
+
 
 
 /*  Sideberry Dynamic sidebar   */

diff --git a/userChrome.css b/userChrome.css
@@ -59,7 +59,9 @@
   z-index: 3;
 }
 
-#sidebar-box:hover {max-width: 100%}
+#sidebar-box:hover {
+  max-width: 100%;
+}
 
 #sidebar {
   width: calc(30px * 10) !important;
@@ -85,25 +87,24 @@
   margin-right: -5px !important;
   transition: all 250ms ease-in-out;
 }
-#page-action-buttons:not(:hover) #userContext-indicator
-{
+
+#page-action-buttons:not(:hover) #userContext-indicator {
   margin-right : 37px !important;
   transition: all 250ms ease-in-out;
 }
 
 #page-action-buttons:hover .urlbar-page-action,
-#page-action-buttons:hover #star-button {
+#page-action-buttons:hover #star-button  {
   visibility: visible;
   min-width: unset !important;
 }
-#page-action-buttons:hover #userContext-indicator
-{
+
+#page-action-buttons:hover #userContext-indicator {
   margin-right : 0px !important;
 }
 
 /* Create page actions hover "button" */
-#page-action-buttons::after
-{
+#page-action-buttons::after {
   content: "•••";
   position: absolute;
   top: 0.7em;
@@ -113,20 +114,16 @@
   transition: all 50ms ease-in-out;
 }
 
-
 /* Hide the button on hover */
-#page-action-buttons:hover::after
-{
+#page-action-buttons:hover::after {
   display: none !important;
   width: 0px !important;
   margin-left: 0px !important;
   transition: all 50ms ease-in-out;
 }
 
 /* Hide Buttons and Reveal on Hover Finished*/
-
-#urlbar,#searchbar
-{
-    font-size: 13px !important;
+#urlbar,#searchbar {
+  font-size: 13px !important;
 	margin-top: 1px !important;
 }
diff --git a/userChrome.css b/userChrome.css
@@ -70,3 +70,63 @@
 #appcontent {
   margin-left: 30px;
 }
+
+/* Page Actions Hide and Show on Hover */
+
+/* Hide Buttons and Reveal on Hover */
+
+#page-action-buttons:not(:hover) .urlbar-page-action,
+#page-action-buttons:not(:hover) #star-button
+{
+  width: 0px !important;
+  min-width: 0px !important;
+  padding-left: 0px !important;
+  padding-right: 10px !important;
+  margin-right: -5px !important;
+  transition: all 250ms ease-in-out;
+}
+#page-action-buttons:not(:hover) #userContext-indicator
+{
+  margin-right : 37px !important;
+  transition: all 250ms ease-in-out;
+}
+
+#page-action-buttons:hover .urlbar-page-action,
+#page-action-buttons:hover #star-button {
+  visibility: visible;
+  min-width: unset !important;
+}
+#page-action-buttons:hover #userContext-indicator
+{
+  margin-right : 0px !important;
+}
+
+/* Create page actions hover "button" */
+#page-action-buttons::after
+{
+  content: "•••";
+  position: absolute;
+  top: 0.7em;
+  font-size: 0.7em;
+  opacity: 0.5;
+  right: 8px;
+  transition: all 50ms ease-in-out;
+}
+
+
+/* Hide the button on hover */
+#page-action-buttons:hover::after
+{
+  display: none !important;
+  width: 0px !important;
+  margin-left: 0px !important;
+  transition: all 50ms ease-in-out;
+}
+
+/* Hide Buttons and Reveal on Hover Finished*/
+
+#urlbar,#searchbar
+{
+    font-size: 13px !important;
+	margin-top: 1px !important;
+}
diff --git a/userChrome.css b/userChrome.css
@@ -0,0 +1,72 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/*
+ * This style will hide the tab bar. For MacOS Big Sur
+ *
+ * Contributor(s): Isaac-Newt, Ivan0xFF, millerdev, AMomchilov
+ */
+
+ #titlebar {
+  visibility: collapse;
+}
+
+/* Position window controls */
+#TabsToolbar .titlebar-buttonbox-container {
+  display: block;
+  position: absolute;
+  visibility: visible;
+}
+
+/* Reposition the close/maximize/minimize buttons for the "normal" toolbar density  */
+/* When the UI density is set to "normal", the `uidensity` attribute is undefined.  */
+/* `window.document.documentElement.getAttribute("uidensity")` will be null.        */
+:root:not([uidensity]) #TabsToolbar .titlebar-buttonbox-container {
+  margin-left: 12px;
+  margin-top: 12px;
+}
+
+/* Reposition the close/maximize/minimize buttons for the "compact" toolbar density */
+:root[uidensity="compact"] #TabsToolbar .titlebar-buttonbox-container {
+  margin-left: 10px;
+  margin-top: 9px;
+}
+
+#TabsToolbar .titlebar-buttonbox.titlebar-color {
+  margin-left: 0px !important;
+}
+
+/*
+ * Make room for window controls and a bit of extra space for window drag/move.
+ * Only apply this style when not in fullscreen mode.
+ */
+#main-window:not([inFullscreen]) #nav-bar {
+  padding: 0px 0px 0px 70px !important;
+}
+
+
+
+/*  Sideberry Dynamic sidebar   */
+#sidebar-box {
+  overflow: hidden;
+  height: calc(100% - 30px);
+  position: fixed;
+  max-width: 30px;
+  display: block;
+  transition: 90ms;
+  z-index: 3;
+}
+
+#sidebar-box:hover {max-width: 100%}
+
+#sidebar {
+  width: calc(30px * 10) !important;
+  max-width: 50vw !important;
+  height: 100%;
+}
+
+#appcontent {
+  margin-left: 30px;
+}