@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#personal-bookmarks, #PersonalToolbar {
    line-height: 0!important;
    min-height: unset!important;
    height: auto!important;
}
/*для закладок на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton):not([type="menu"]) {
    -moz-appearance: none!important;
/*    background: white!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у закладок*/
    margin: 0 1px!important;/*отступы между закладками*/
    color: blue!important; /*цвет текста*/
}
/*для папок с закладками на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[type="menu"] {
    -moz-appearance: none!important;
/*    background: red!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: #006600!important; /*цвет текста*/
}
/*для открытых папок с закладками на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[type="menu"][open] {
    -moz-appearance: none!important;
    background: #CC6600!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: white!important; /*цвет текста*/
}
/*для отдельной папки/закладки, чье видимое имя (полностью, с учетом регистра) указано в кавычках для label -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[label='КомСтар'] {
    -moz-appearance: none!important;
    background: black!important; /*цвет фона*/
    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 2px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: red!important; /*цвет текста*/
}
/*для отдельной папки/закладки, чье видимое имя (полностью, с учетом регистра) указано в кавычках для label -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[label='МТС_ЛК'] {
    -moz-appearance: none!important;
    background: black!important; /*цвет фона*/
    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 2px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: red!important; /*цвет текста*/
}
/*=========панель закладок узкая*/
#PersonalToolbar{
height: 13px !important;
max-height: 13px !important;
min-height: 13px !important;
}
/*========Размер шрифта в панели*/
toolbarbutton.bookmark-item > .toolbarbutton-text {
  font-size: 10px !important;
}
#PersonalToolbar .bookmark-item > .toolbarbutton-icon {
    display: none!important; /*скрываем иконки*/
}
#PersonalToolbar .bookmark-item > .toolbarbutton-text{
    margin: 0!important;
}
/*=======Убрать надпись о полноэкранном режиме*/

var vto = {
    distanceShow: 12,
    distanceHide: 64,
    showDelay: 320,
    color: "lightblue",
    fringe: "black",
    padding: 3,
    name: "VT",

    btn: this,
    tcm: document.getElementById("toolbar-context-menu"),
    ctm: document.getElementById("customization-toolbar-menu"),
    deck: document.getElementById("content-deck"),
    id: "cb-vt",

    get cust() gBrowser.currentURI.spec == "about:customizing",
    get xs() {
        delete this.xs;
        return this.xs = Cc["@mozilla.org/xul/xulstore;1"].getService(Ci.nsIXULStore);
    },
    init: function() {
        if (this.cust || this.btn._destructors.length) return;

        var vt = this.initVT();
        var vto = this;

        this.btn.onclick = function(e) {
            e.button || vto.toggleVT();
        }
        window.addEventListener("popupshown", this, false);
        window.addEventListener("popuphidden", this, false);
        window.addEventListener("resize", this, false);
        this.tcm.addEventListener("command", this, false);
        this.tcm.addEventListener("popupshowing", this, false);

        vto.toggleVT(vt.hasOwnProperty("on") ? vt.on
            : !this.xs.hasValue(location, vto.id, "collapsed")
        );
        this.resize();
        vto.btn._destructors.push({context: vto, destructor: vto.destroy});
    },
    destroy: function(reason) {
        window.removeEventListener("popupshown", this, false);
        window.removeEventListener("popuphidden", this, false);
        window.removeEventListener("resize", this, false);
        this.tcm.removeEventListener("command", this, false);
        this.tcm.removeEventListener("popupshowing", this, false);
        this.setCollapser(false);

        if (reason == "destructor" && this.cust) {
            var vto = this;
            vto.resize();

            gNavToolbox.addEventListener("customizationready", vto, false);
            CustomizableUI.addListener(vto);

            this.ctm.addEventListener("command", vto, false);
            this.ctm.addEventListener("popupshowing", vto, false);
            window.addEventListener("resize", vto, false);

            gNavToolbox.addEventListener("aftercustomization", function ac() {
                gNavToolbox.removeEventListener("aftercustomization", ac, false);
                gNavToolbox.removeEventListener("customizationready", vto, false);
                CustomizableUI.removeListener(vto);

                vto.ctm.removeEventListener("command", vto, false);
                vto.ctm.removeEventListener("popupshowing", vto, false);
                window.removeEventListener("resize", vto, false);

                document.getElementById(vto.btn.id) || vto.destroyVT();

            }, false);
        }
        if (reason == "delete") {
            CustomizableUI.removeWidgetFromArea(this.btn.id);
            this.destroyVT();
        }
    },
    handleEvent: function(e) this[e.type](e),

    command: function(e) {
        if (e.target.id != "toggle_" + this.id) return;
        e.preventDefault();
        this.toggleVT();
    },
    popupshowing: function(e) {
        var menuitem = e.target.querySelector("#toggle_" + this.id);
        menuitem && menuitem.setAttribute("checked", this.vt.on);
        if (this.cust || !this.vt.contains(e.target.triggerNode)) return;
        for(var selector of [".customize-context-moveToPanel", ".customize-context-removeFromToolbar"]) {
            menuitem = e.target.querySelector(selector);
            menuitem && menuitem.removeAttribute("disabled");
        }
    },
    mousemove: function collapser(e) {
        var distance = collapser.distance = e.screenX - document.documentElement.boxObject.screenX;
        if (collapser.waiting) return;
        if (distance <= this.distanceShow && this.vt.collapsed) {
            if (this.showDelay < 1) {
                this.vt.collapsed = false;
                return;
            }
            collapser.waiting = true;
            setTimeout(function(vto) {
                if (collapser.distance >= vto.distanceShow) {
                    collapser.waiting = false;
                    return;
                }
                vto.vt.collapsed = false;
                collapser.waiting = false;
            }, this.showDelay, this);
        }
        if (distance >= this.distanceHide && !this.vt.collapsed)
            this.vt.collapsed = true;
    },
    setCollapser: function(set) {
        set
        ? this.cust || window.addEventListener("mousemove", this, false)
        : window.removeEventListener("mousemove", this, false);
    },
    callCollapser: function(e) {
        this.mousemove({screenX: document.documentElement.boxObject.screenX + MousePosTracker._x});
    },
    customizationready: function() {
        window.removeEventListener("customizationready", this, false);
        this.vt.on && this.insertBox(true);
    },
    resize: function(e) {
        this.vt.style.maxHeight = this.deck.boxObject.height + 1 + "px";
    },
    popupshown: function(e) this.handlePopup(e),
    popuphidden: function(e) this.handlePopup(e),

    handlePopup: function(e) {
        if (
            this.vt.collapsed || this.vt.on
            || (e.target.localName != "menupopup" && e.target.localName != "panel")
        ) return;
        setTimeout(function(vto) {
            var hasPopup = Array.concat(
                Array.slice(document.getElementsByTagName("menupopup")),
                Array.slice(document.getElementsByTagName("panel"))
            ).some(function(popup)
                "state" in popup && popup.state == "open" && (
                    vto.vt.contains(popup)
                    || ("triggerNode" in popup && vto.vt.contains(popup.triggerNode))
                    || (
                        "anchorNode" in popup && popup.anchorNode && (
                            vto.vt.contains(popup.anchorNode)
                            || vto.vt.contains(document.getBindingParent(popup.anchorNode))
                        )
                    )
                )
            );
            vto.setCollapser(!hasPopup);
            hasPopup || vto.callCollapser();
        }, 200, this);
    },
    onWidgetAfterDOMChange: function(...a) {
        if (a[2] == this.vt.box) this.vt.hbox.style.minWidth = this.vt.boxObject.width + "px";
    },
    initVT: function() {
        var id = this.id;
        var boxId = id + "-customization-target";
        var vt = this.vt =
            document.getElementById(id) ||
            document.createElement("toolbar");
        var attrs = {
            id: id,
            mode: "icons",
            iconsize: "small",
            orient: "vertical",
            customizable: "true",
            persist: "collapsed",
            toolbarname: this.name,
            fullscreentoolbar: "true",
            class: "chromeclass-toolbar",
            context: "toolbar-context-menu",
            style: "-moz-appearance: none; display: -moz-box; height: 100%; position: fixed; min-width: 20px"
        };
        for(var attr in attrs) vt.setAttribute(attr, attrs[attr]);
        if (!vt.parentNode) {

            var box = vt.box = document.createElement("vbox");
            vt.appendChild(box);
            box.id = boxId;
            box.style.cssText = "height: 100%; width: 100%;"

            vt.customizationTarget = box;
            gNavToolbox.appendChild(vt);

            if (CustomizableUI.areas.indexOf(id) == -1) {
                CustomizableUI.registerArea(id, {legacy: true});
            }
            box.removeAttribute("class");

            box.__defineGetter__("localName", function()
                Components.stack.caller.toString().indexOf("custombutton.buttonConstructor")
                     == -1 ? "vbox" : "toolbar"
            );
            vt.hbox = document.createElement("hbox");
            vt.hbox.id = id + "-hbox";
        }
        vt.box.style.padding = "0 " + this.padding + "px";
        vt.style.backgroundColor = this.color;
        vt.style.borderRight = "1px solid " + this.fringe;
        return vt;
    },
    destroyVT: function(reason) {
        var vt = this.vt;
        CustomizableUI.unregisterArea(vt.id, {});
        vt.hbox.parentNode && vt.hbox.parentNode.removeChild(vt.hbox);
        vt.parentNode && vt.parentNode.removeChild(vt);

        this.xs.removeValue(location, vto.id, "collapsed");
        this.xs.removeValue(location, vto.id, "currentset");
    },
    insertBox: function(ins) {
        var vt = this.vt;
        var box = vt.hbox;
        if (!ins) {
            box.parentNode && box.parentNode.removeChild(box);
            return;
        }
        var id = this.cust ? "customization-palette-container" : "sidebar-box";
        var point = document.getElementById(id);
        point.parentNode.insertBefore(box, point);
        var mw = function() box.style.minWidth = vt.boxObject.width + "px";
        mw(); setTimeout(mw, 100);
    },
    toggleVT: function(on) {
        var vt = this.vt;
        if (on == undefined) on = !vt.on;
        vt.on = on;
        this.setCollapser(!on);
        vt.collapsed = !on;
        this.insertBox(on);
    }
};
vto.init();


function addBackground(e) {
   setTimeout(function() {
      var toolbar = document.getElementById('cb-vt');
      var win = document.getElementById("main-window");
      
      var image = win.style.backgroundImage;
      if ( image == '' ) { 
           toolbar.style.background = '';
           return;
           };
      toolbar.style.background = image;
      toolbar.style.backgroundSize = 'auto 100%';
   }, 500);
};
addBackground(); 
Services.obs.addObserver(addBackground, "lightweight-theme-styling-update", false);
addDestructor(()=> Services.obs.removeObserver(addBackground, "lightweight-theme-styling-update") );