Userchrome.css

/*AGENT_SHEET*/

/************************************/
/****** simpleMenuWizard START ******/

/**********************************************
   Modify these files themselves to your needs.
   Do not modify the following @import block.
   **********************************************/

/*** When right-clicking on... ***/
@import url("./simpleMenuWizard/blank-context.css");      /* ...a blank area on a webpage                    */
@import url("./simpleMenuWizard/frame-context.css");      /* ...an iframe                                    */
@import url("./simpleMenuWizard/image-context.css");      /* ...an image                                     */
@import url("./simpleMenuWizard/input-context.css");      /* ...an input-field                               */
@import url("./simpleMenuWizard/link-context.css");       /* ...a link                                       */
@import url("./simpleMenuWizard/main-hamburger.css");     /* Leftclick the hamburger menu on top right       */
@import url("./simpleMenuWizard/main-menubar.css");       /* Leftclick on main menubar (open with ALT key)   */
@import url("./simpleMenuWizard/newtab-containers.css");  /* ...the plus sign to open a new tab or container */
@import url("./simpleMenuWizard/media-context.css");      /* ...media like audio or html5 video              */
@import url("./simpleMenuWizard/select-context.css");     /* ...selected text or selected object             */
@import url("./simpleMenuWizard/sidebar-context.css");    /* ...items in bookmarks- or history sidebar       */
@import url("./simpleMenuWizard/sidebar-header.css");     /* Leftclick on sidebar header                     */
@import url("./simpleMenuWizard/source-context.css");     /* ...a blank area when viewing source code        */
@import url("./simpleMenuWizard/tab-context.css");        /* ...a tab                                        */
@import url("./simpleMenuWizard/toolbar-context.css");    /* ...the toolbar or tabbar                        */
@import url("./simpleMenuWizard/urlbar-context.css");     /* ...the addressbar                               */
@import url("./simpleMenuWizard/urlbar-pageaction.css");  /* Leftclick the addressbar ellipsis (three dots)  */

/**********************************************************
   How to activate or deactivate the following options:
   Remove '/*' at the beginning of a line (not comment line) to activate the option
   Add '/*' at the beginning of the line (not comment line) to deactivate the option
   ********************************************************

/*** Options ***/

/*** If you don't use syncing: Hide all "Send to device" and sync items ***/
@import url("./simpleMenuWizard/opt_noSync.css");
/* Note: If you use Firefox 60 or higher, please see here:
   https://github.com/stonecrusher/simpleMenuWizard#hide-pocket--sync--screenshots
*/

/*** If you use uBlock Origin and want to remove all uBO context menu entries ***/
/* @import url("./simpleMenuWizard/opt_uBO.css");

/*** Hide all "Send <item> to Device" entries ***/
@import url("./simpleMenuWizard/opt_noSendToDevice.css");

/*** Hide all inactive menu items ***/
#mainPopupSet menuitem[disabled="true"] { display: none !important; }

/****** simpleMenuWizard end ******/

.tabbrowser-tab:not([pinned])
{
max-width: 200px !important;
min-width: 70px !important;
}
.tab-content {
overflow: hidden !important;
}
.tabbrowser-tab:not([fadein])
{
max-width: 1px !important;
min-width: 1px !important;
max-width: 1px;
min-width: 1px;
}

.titlebar-spacer:not([type="pre-tabs"]) {
  visibility: collapse !important;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
  visibility: hidden !important;
}

#alltabs-button {
  visibility: hidden !important;
}

.titlebar-spacer[type="pre-tabs"]{ margin-left: -39px}
.titlebar-spacer[type="post-tabs"]{
display: none
width: 1px
margin-right: 0px
}

<?xml version="1.0"?>
<!-- Copyright (c) 2017 Haggai Nuchi
Available for use under the MIT License:
https://opensource.org/licenses/MIT
 -->
<!-- modified by alice0775 2019/05/24
  69.0a1  Bug 1519577 Convert toolbarbutton to a custom element
 -->
<!-- modified by alice0775 2019/05/22
  69.0a1 Bug 1534407 - Enable browser.xhtml by default
 -->
<!-- modified by alice0775 2018/08/28
  fix: menu would not popup.
 -->
<!-- modified by alice0775 2018/08/03
  wirking with Sub-Script/Overlay Loader v3.0.56mod
 -->
<!-- modified by alice0775 2018/08/02
  removed unused line.
 -->


<!-- Run userChrome.js -->
<bindings xmlns="http://www.mozilla.org/xbl">
  <binding id="js">
    <implementation>
      <constructor><![CDATA[

        if(window.userChromeJsMod) return;
        window.userChromeJsMod = true;

        const file = Services.dirsvc.get('UChrm', Components.interfaces.nsIFile);
        file.append('userChrome.js');

        const mFileURL = Services.io.getProtocolHandler('file')
        .QueryInterface(Components.interfaces.nsIFileProtocolHandler)
        .getURLSpecFromFile(file) + "?" + file.lastModifiedTime;


        try {
          Components.utils.import('resource://gre/modules/Services.jsm');

          let maybeneed = true
          let enumerator = Services.wm.getEnumerator("navigator:browser");
          while(enumerator.hasMoreElements()) {
            var win = enumerator.getNext();
            if(typeof win.userChrome_js == "object") {
              maybeneed = false;
              break;
            }
          }

          if (maybeneed) {
            new class {
              constructor() {
                Services.obs.addObserver(this, 'domwindowopened', false);
              }

              observe(aSubject, aTopic, aData) {
                switch (aTopic) {
                  case 'domwindowopened':
                    aSubject.addEventListener('load', this, true);
                    break;
                }
              }

              handleEvent(aEvent) {
                if (!Services.appinfo.inSafeMode) {
                  const document = aEvent.originalTarget;
                  if (document.location
                      && document.location.protocol === 'chrome:'
                      && !(document.location.href == "chrome://browser/content/browser.xhtml") ) {
                    try {
                        console.log("chrome window opened")
                        Services.scriptloader.loadSubScript(mFileURL, document.defaultView, 'UTF-8');
                    } catch (ex) {
                      Components.utils.reportError(ex);
                    }
                  }
                }
              }
            }();
          }
        } catch (exception) {
          displayError(exception);
        }

        if (!Services.appinfo.inSafeMode) {
          try {
              console.log("browser window opened")
              Services.scriptloader.loadSubScript(mFileURL, document.defaultView, 'UTF-8');
          } catch (ex) {
            Components.utils.reportError(ex);
          }
        }
      ]]></constructor>
    </implementation>
  </binding>
</bindings>


/*----------------------------------*/



 /* Recreates the basic functionality of the popular Roomy Bookmarks Toolbar add-on:
Hide bookmarks bar items label text, show on hover. */

.bookmark-item > .toolbarbutton-text {
margin-top: -1px !important;
}
.bookmark-item > .toolbarbutton-text {
display: none !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0px !important;
}

/* change the icons*/
/* add this to each folders you have by changing */
/* the label as on this example                  */
/* use SVG files lot of them on the web or use gravit.io to draw yours , it's free  for personal use */

.bookmark-item[container="true"] [label="EXACT-FOLDER-LABEL1"] {
    list-style-image: url("Foldericon1.svg") !important;
}
.bookmark-item[container="true"] [label="JS"] {
    list-style-image: url("Config.svg") !important;
}
.bookmark-item[container="true"] [label="Streaming"] {
    list-style-image: url("TV.svg") !important;
}
.bookmark-item[container="true"] [label="Random"] {
    list-style-image: url("Mario.svg") !important;
}
.bookmark-item[container="true"] [label="Games"] {
    list-style-image: url("Games.svg") !important;
}

/*-------------------------------------*/

/* URL bar on same level as Menu Bar */
*|*:root{
  --uc-navbar-height: 32px;
  --uc-navbar-margin-top: 20px;
  --uc-navbar-padding-right: 140px;
  --uc-navbar-margin-left: 300px;
}

#toolbar-menubar{
  height: var(--uc-navbar-height) !important;
  background-color: var(--toolbar-bgcolor) !important;
}

*|*:root:not([inFullscreen="true"])
 #nav-bar{
  padding-right: var(--uc-navbar-padding-right) !important;
  margin-top: calc(var(--uc-navbar-height) * -1.12);
  margin-left: var(--uc-navbar-margin-left) !important;
  background-color: transparent !important;
}


/*--------------------------------------*/


:root {
    /* delay before expanding tabs, set to '0' for no delay */
    --delay: 0.1s;
    --transition-time: 0.1s;
    --positionX1: 45px; /* '45px' for left, '0px' for right sidebar */
    --positionX2: absolute; /* 'absolute' for left, 'none' for right sidebar */
    /* width of the collapsed sidebar in fullscreen mode ('1px' or '45px') */
    --fullscreen-sidebar-width: 1px;
}

/* Windows specific styles */
@media (-moz-platform: windows),
       (-moz-platform: windows-win10) {
    /* Hide main tabs toolbar */
    :root[tabsintitlebar]{
        --uc-window-control-width: 137px; /* Space at the right of nav-bar for window controls */
        /* --uc-window-drag-space-width: 24px; */  /* To add extra window drag space in nav-bar */
    }


    #back-button {
        margin-top: -.5px !important;
    }

    #forward-button {
        margin-top: -.5px !important;
    }

    #reload-button {
        margin-top: -.5px !important;
    }

    #PanelUI-button {
        margin-top: -.5px !important;
    }

    #nav-bar-overflow-button{
        margin-top: -.5px !important;
    }

    :root {
        --uc-toolbar-height: 32px;
        --chrome-content-separator-color: none !important;
    }

    :root:not([uidensity="compact"]) {
        --uc-toolbar-height: 32px;
    }

    #TabsToolbar {
        visibility: collapse !important;
    }

}


/* General styles */
#browser {
    position: relative;
}

#sidebar-box:not([lwt-sidebar]){
    appearance: unset !important;
}

#sidebar-box[sidebarcommand*="tabcenter"] {
    z-index: 1;
}

#sidebar-box[sidebarcommand*="tabcenter"] #sidebar-header {
    visibility: collapse;
    display: none;
}

[sidebarcommand*="tabcenter"] #sidebar,
#sidebar-box[sidebarcommand*="tabcenter"] {
    min-width: 45px !important;
    max-width: 45px !important;
    width: 45px;
}

#sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
    display: block;
    position: var(--positionX2);
    min-width: 45px;
    max-width: 45px;
    overflow: hidden;
    border-right: 1px solid var(--sidebar-border-color);
    z-index: 1;
    top: 0;
    bottom: 0;
}

/* use :where() selector to lower specificity */
:where(#main-window[inFullscreen]) #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
    min-width: var(--fullscreen-sidebar-width) !important;
    max-width: var(--fullscreen-sidebar-width) !important;
}

#sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
#sidebar-box[sidebarcommand*="tabcenter"]:hover {
    min-width: 10vw !important;
    width: 30vw !important;
    max-width: 200px !important;
    z-index: 1 !important;
    transition: all var(--transition-time) ease var(--delay);
}

/* used for delay function */
#sidebar-box[sidebarcommand*="tabcenter"]:not(:hover) #sidebar,
#sidebar-box[sidebarcommand*="tabcenter"]:not(:hover) {
    transition: all var(--transition-time) ease 0s;
}

@media (width >= 1200px) {
    #sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
    #sidebar-box[sidebarcommand*="tabcenter"]:hover {
        max-width: 250px !important;
    }
}

[sidebarcommand*="tabcenter"] ~ #sidebar-splitter {
    display: none;
}

[sidebarcommand*="tabcenter"] #sidebar {
    max-height: 100%;
    height: 100%;
}

#main-window:not([inFullscreen]) #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) ~ #appcontent {
    margin-left: var(--positionX1);
}

#main-window[inFullscreen]:not([inDOMFullscreen]) #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) ~ #appcontent {
    margin-left: var(--fullscreen-sidebar-width);
}

#main-window[inFullscreen] #sidebar {
    height: 100vh;
}

[sidebarcommand*="tabcenter"] #sidebar-header {
    background: #0C0C0D;
    border-bottom: none !important;
}

[sidebarcommand*="tabcenter"] ~ #sidebar-splitter {
    border-right-color: #0C0C0D !important;
    border-left-color: #0C0C0D !important;
}

[sidebarcommand*="tabcenter"] #sidebar-switcher-target,
[sidebarcommand*="tabcenter"] #sidebar-close {
    filter: invert(100%);
}

#nav-bar toolbarspring {
    -moz-box-flex: 20 !important;
    min-width: 10px !important;
    max-width: 20px !important;
}