Настройка внешнего вида Firefox в userChrome.css

voqabuhe · №10376

Vitaliy V. пишет

С увеличенным размером шрифта не помешает изменить на более 3px
--v-findbar-toolbarbutton-inner-padding: 5px;
чтобы кнопки стали квадратными а не прямоугольными.

Таки да, с квадратными конечно лучше стало. Спасибо.

sandro79 · №10377

xrun1 пишет

Ametista
В вашем коде ещё в 2-х местах не хватает закрывающей фигурной скобки } после display: none !important;

Да, точно. Недоглядел.

скрытый текст

Выделить код

Код:

#tabContextMenu #context_openANewTab,
#tabContextMenu > menuseparator:first-of-type {
    display: none !important;
}
.tab-secondary-label {
    display: none !important;
}
/* selected tabs color */
#TabsToolbar .tabbrowser-tab .tab-content[selected="true"] {
  background-image: linear-gradient(to top,green,green,green) !important;
}

скрытый текст

Выделить код

Код:

/* Цвет активной вкладки */
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
	background-image: linear-gradient(to bottom,#FF8800,#FFCC99) !important;
}

TechStone
Для закладок возьмите этот код, а для вкладок новый стиль для [firefox]

78+

Многострочная панель закладок 78+ https://forum.mozilla-russia.org/viewto … 09#p785209

Отредактировано sandro79 (03-06-2021 15:20:18)

egorsemenov06 · №10378

Vitaliy V. переделате пожалуйста два скрипта что бы их ожно было импортировать в custom_script_win.js

скрытый текст

Выделить код

Код:

googletranslate: {
        constructor: function() {
            var lc = navigator.lastClick = {}, w = null, xhtmlns = 'http://www.w3.org/1999/xhtml';
            var mouseUp = function(e) {
                if (e.button) return;
                lc.X = e.screenX - mozInnerScreenX;
                lc.Y = e.screenY - mozInnerScreenY;
            };
            gBrowser.tabpanels.addEventListener('mouseup', mouseUp, false);
            this.destructor = function() {
                gBrowser.tabpanels.removeEventListener('mouseup', mouseUp, false);
                if (w)
                    w.closeWin();
            };
            ucf_custom_script_win.unloadlisteners.push("googletranslate");
            var createWindow = function(text, status, title, id, pos, size) {
                var win = window, doc = win.document, wId = 'ujs_window'+(id || '');
                w = doc.getElementById(wId);
                var keyDown = function(e) {if (!e.shiftKey && !e.ctrlKey && !e.altKey && e.keyCode == 27)doc.getElementById(wId).closeWin();};
                var mouseDown = function() {doc.getElementById(wId).closeWin();};

                if (w)
                    w.closeWin();
                w = doc.createElementNS(xhtmlns, 'div');
                w.setAttribute('style', 'position:fixed;display:block;visibility:hidden;left:0;top:0;width:auto;height:auto;border:1px solid gray;padding:2px;margin:0;z-index:99999;overflow:hidden;cursor:move;'+(typeof w.style.borderRadius === 'string' ? 'background-color:#eaeaea;padding-top:0px;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.4);' : 'background:-o-skin("Window Skin");'));
                w.id = wId;
                w.closeWin = function() {
                    doc.removeEventListener('keydown', keyDown, false);
                    gBrowser.tabpanels.removeEventListener('mousedown', mouseDown, false);
                    this.parentNode.removeChild(this);
                    w = null;
                };
                w.addEle = function(str, style) {
                    var ele = doc.createElementNS(xhtmlns, 'div');
                    ele.setAttribute('style', style);
                    if (str) {
                        ele.innerHTML = str;
                        for (var el, all = ele.getElementsByTagName('*'), i = all.length; i--;) {
                            el = all[i];
                            if (/^(script|frame|iframe|applet|embed|object)$/i.test(el.nodeName)) {
                                el.parentNode.removeChild(el);
                            } else {
                                for (var att = el.attributes, j = att.length; j--;) {
                                    if (/^on[a-z]+$/i.test(att[j].name))att[j].value = '';
                                }
                            }
                        }
                    }
                    return this.appendChild(ele);
                };
                w.addEle1 = function(str, style) {
                    var ele = doc.createElementNS(xhtmlns, 'textarea');
                    ele.setAttribute('style', style);
                    if (str) {
                        ele.innerHTML = str;
                        for (var el, all = ele.getElementsByTagName('*'), i = all.length; i--;) {
                            el = all[i];
                            if (/^(script|frame|iframe|applet|embed|object)$/i.test(el.nodeName)) {
                                el.parentNode.removeChild(el);
                            } else {
                                for (var att = el.attributes, j = att.length; j--;) {
                                    if (/^on[a-z]+$/i.test(att[j].name))att[j].value = '';
                                }
                            }
                        }
                    }
                    return this.appendChild(ele);
                };
                var img = doc.createElementNS(xhtmlns, 'div');
                img.setAttribute('style', 'display:block;float:right;width:16px;height:16px;padding:0;margin-top:2px;margin-right:1px;border:none;cursor:pointer;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACQUlEQVR4Xm2SPUhbURTHfzfNJ4nU0Axx7CJCN2kQtIgVCtq6OdQuBUftWIQqFNsKDo6iHTqIqN3a0kklUKTS2AZrcOjioFtRjFWUfH+803cS9GHwB4dzcu75/+8L9xgaSEDbLXhaASzAyXAMn5/DHxwwjeJgKLRxd3Q0atxuLhGgWqmQmp9PJ7LZJ5Ow3WhQFweDG20LC1FfRwc3kUsm+T48fPIzl3s8VTdxxLt+/2FhdlZkc1MkmdR8Pba2ajlrz3z1+9OvIOaIfb7DwsSEyNKSyM6OSLksEo/rbw2ttadntV7Gnv3k86VfqskvmDzv7hZ580Zkelrk4kJqFIsii4satVrRs+rYmBQHBuRvS4u8g/fuCmDOz+HgAIWpKRgfh3AYhoZQ8Hqxjo4o9PdT3d1FcQEl8KoBnJ7C/j6KZkZGYG4OIhEUFed7erD29q69jGrd1qVBqcQVKgwEuMSEQhjtXRk4JvW/kM1i2WGMga4uzMoKBIOIfbNiolEC6+uU+/qQRALFA1QBlwVYxmBcLmhuxqytQSgEKu7t1dBavwKvbeINh/Has2IMqnXpem4bky6qWLdvZgaOj2FwEHNyoqG19vRMZ8jZs1+NOfsNcZS3EFvzeNL51laRe/dEYrFadsLpZeyZDx7P6QN4Btwx1OE1xO4HAquP2tsjAZ+Pm8gWi3xMpc6W8/kXPyAO/DM4oOsZa2pafdjZGXF7PAgOpXKZL4nE2XImcyUGMDSg63kbhgvgtYCq8+akIL4J3y7Fyn+DokZOnLlMyQAAAABJRU5ErkJggg==");background:-o-skin("Caption Close Button Skin");');
                img.title = (win.navigator.language.indexOf('ru') == 0) ? '\u0417\u0430\u043A\u0440\u044B\u0442\u044C' : 'Close';
                img.addEventListener('click', function() {this.parentNode.closeWin();}, false);
                w.appendChild(img);
                var title = w.addEle(title, 'display:table;color:#000;font:17px Times New Roman;width:auto;height:auto;padding:0;margin:0 2px;cursor:text;');
                title.onclick = e => {
                    e.preventDefault();
                    var url = e.target.href;
                    // Здесь открываем url как хотим.
                    var ctabpos = gBrowser.selectedTab._tPos +1;
                    gBrowser.moveTabTo(gBrowser.selectedTab = gBrowser.addWebTab(url), ctabpos);
                    doc.getElementById(wId).closeWin();
                };
                var cnt = w.addEle1(text, 'display:block;border:1px solid #aaa;padding-bottom:3px;padding-left:3px;background-color:#fafcfe;color:#000;font:16px Times New Roman;width:310px;height:160px;overflow:auto;cursor:text;-moz-user-focus:normal;-moz-user-select:text;');
                cnt.contentEditable="true";
                cnt.context="contentAreaContextMenu";
                w.addEle(status, 'display:table;font:12px Times New Roman;font-weight:bold;color:blue;width:auto;height:auto;padding-top:2px;margin:0 3px;cursor:pointer;');
                w.addEventListener('mousedown', function(e) {
                    if (e.target == w) {
                        e.preventDefault();
                        var grabX = e.clientX, grabY = e.clientY, origX = parseInt(w.style.left), origY = parseInt(w.style.top);
                        var mouseMove = function(ev) {
                            w.style.left = origX+ev.clientX-grabX+'px';
                            w.style.top = origY+ev.clientY-grabY+'px';
                        };
                        doc.addEventListener('mousemove', mouseMove, false);
                        doc.addEventListener('mouseup', function() {doc.removeEventListener('mousemove', mouseMove, false);}, false);
                    }
                }, false);
                doc.documentElement.appendChild(w);

                if (size) {
                    cnt.style.height = size.height;
                    cnt.style.width = size.width;
                } else {
                    for (var i = 3; i < 10; i++) {
                        if (cnt.scrollHeight > cnt.offsetHeight || cnt.scrollWidth > cnt.offsetWidth) {
                            cnt.style.height = 80*i+'px';
                            cnt.style.width = 160*i+'px';
                        } else
                            break;
                    }
                }

                var docEle = (doc.compatMode == 'CSS1Compat' && win.postMessage) ? doc.documentElement : doc.body;
                var mX = docEle.clientWidth-w.offsetWidth, mY = docEle.clientHeight-w.offsetHeight;
                if (mX < 0) {cnt.style.width = parseInt(cnt.style.width)+mX+'px'; mX = 0;}
                if (mY < 0) {cnt.style.height = parseInt(cnt.style.height)+mY+'px'; mY =0;}
                var hW = parseInt(w.offsetWidth/2);
                w.style.left = (pos && pos.X < mX+hW ? (pos.X > hW ? pos.X-hW : 0) : mX)+'px';
                w.style.top = (pos && pos.Y+10 < mY ? pos.Y+10 : mY)+'px';
                w.style.visibility = 'visible';
                doc.addEventListener('keydown', keyDown, false);
                gBrowser.tabpanels.addEventListener('mousedown', mouseDown, false);
                return w;
            };

            var getHash = function (txt) {
                TKK=eval('((function(){var a\x3d817046147;var b\x3d-335196159;return 410049+\x27.\x27+(a+b)})())');
                function sM(a) {
                    var b;
                    if (null !== yr)
                        b = yr;
                    else {
                        b = wr(String.fromCharCode(84));
                        var c = wr(String.fromCharCode(75));
                        b = [b(), b()];
                        b[1] = c();
                        b = (yr = window[b.join(c())] || "") || "";
                    }
                    var d = wr(String.fromCharCode(116)), c = wr(String.fromCharCode(107)), d = [d(), d()];
                    d[1] = c();
                    c = "&" + d.join("") + "=";
                    d = b.split(".");
                    b = Number(d[0]) || 0;
                    for (var e = [], f = 0, g = 0; g < a.length; g++) {
                        var l = a.charCodeAt(g);
                        128 > l ? e[f++] = l : (2048 > l ? e[f++] = l >> 6 | 192 : (55296 == (l & 64512) && g + 1 < a.length && 56320 == (a.charCodeAt(g + 1) & 64512) ? (l = 65536 + ((l & 1023) << 10) + (a.charCodeAt(++g) & 1023),
                        e[f++] = l >> 18 | 240,
                        e[f++] = l >> 12 & 63 | 128) : e[f++] = l >> 12 | 224,
                        e[f++] = l >> 6 & 63 | 128),
                        e[f++] = l & 63 | 128);
                    }
                    a = b;
                    for (f = 0; f < e.length; f++)
                        a += e[f],
                    a = xr(a, "+-a^+6");
                    a = xr(a, "+-3^+b+-f");
                    a ^= Number(d[1]) || 0;
                    0 > a && (a = (a & 2147483647) + 2147483648);
                    a %= 1E6;
                    return c + (a.toString() + "." + (a ^ b));
                }

                var yr = null;
                var wr = function(a) {
                    return function() {
                        return a;
                    };
                }, xr = function(a, b) {
                    for (var c = 0; c < b.length - 2; c += 3) {
                        var d = b.charAt(c + 2), d = "a" <= d ? d.charCodeAt(0) - 87 : Number(d), d = "+" == b.charAt(c + 1) ? a >>> d : a << d;
                        a = "+" == b.charAt(c) ? a + d & 4294967295 : a ^ d;
                    }
                    return a;
                };
                return sM(txt);
            };

            var ujs_google_translate = function (dir) {
                var lng = window.navigator.language.slice(0, 2), txt = gContextMenu.selectionInfo.fullText, l = dir.split('|');
                var encTxt = encodeURIComponent(txt);
                var winWait = function(lng) {createWindow('', (lng == 'ru' ? 'Подождите идет перевод' : 'Wait, is going Translating')+'\u2026', 'Google Translate', '_gt', window.navigator.lastClick);};
                if (txt) {
                    winWait(lng);
                    var xhr = new XMLHttpRequest();
                    var url = 'https://translate.google.com/translate_a/single?client=gtx&sl=' + l[0] + '&tl=' + l[1] + '&hl=' + lng + '&eotf=0&dt=at&dt=bd&dt=ex&dt=ld&dt=md&dt=qca&dt=rw&dt=rm&dt=ss&dt=t' + getHash(txt);
                    var urlt = "http://translate.google.com/translate_t?text="+encTxt+"&sl='  + langFrom_google_text + '&tl=' + langTo_google_text +'&hl=' + lng + '&eotf=0&ujs=gtt";
                    xhr.open('POST', url, true);
                    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');
                    xhr.onreadystatechange = function() {
                        try {
                            if (xhr.readyState == 4 && xhr.status == 200) {
                                var result = '', status = '', tmp = JSON.parse(xhr.responseText.replace(/\[(?=,)/g, '[0').replace(/,(?=,|\])/g, ',0').replace(/\\n/g, "<br />"));
                                for (var i = 0, n; n = tmp[0][i]; i++) {
                                    if (n[0])result += n[0].toString();
                                };
                               status = tmp[8][0][0].toUpperCase() + ' -\u203A ' + l[1].toUpperCase();
                               createWindow(result, status, '<a href="'+urlt.replace(/&/g,'&amp;')+'" target="_blank" style="display:inline;padding:0;margin:0;text-decoration:none;border:none;color:#009;font:16px Times New Roman;">Google Translate</a>', '_gt', window.navigator.lastClick);
                            }
                        } catch(e) {};
                    };
                    xhr.send('q=' + encodeURIComponent(txt));
                } else {
                    var urlt = gBrowser.currentURI.spec;
                    var url = "http://translate.google.com/translate?u="+encodeURIComponent(urlt)+"&hl="+lng+"&langpair="+dir+"&tbb=1";
                    var ctabpos = gBrowser.selectedTab._tPos +1;
                    gBrowser.moveTabTo(gBrowser.selectedTab = gBrowser.addWebTab(url), ctabpos);
                };
            };
            var contextMenu = document.getElementById("contentAreaContextMenu");
            var nextEleMenu = document.getElementById("context-inspect");

            var menuItem = document.createXULElement("menuitem");
            menuItem.setAttribute("id", "context-ru-google-translate");
            menuItem.setAttribute("label", "Перевести на русский");
            menuItem.setAttribute("class", "menuitem-iconic");
            menuItem.setAttribute("image", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABnRSTlMAAAAAAABupgeRAAABBUlEQVR4Ac2RMU4DMRREB2MqihQpAkUaqnAduuQw4Sx03CGcJYIiDYqQ0lCsZ77535ZFcgAkRuPvV7zd/dLiz3N1PFb8hmRckrfELZrF9ONQ1B6Yz0MyM7S0O6zGkVprh/3+Kw/JzkHSpRpJKZkpr9fYbOx0cjVsCbWG31oHBM9mtt0q73ZcrdLhAMlYQKkUI22aqsNo8HKZAMQhvVaKSHWj2Q2aPU3mJQFY7nuHyvYFduP83WF3AJRfcPNYnr/Lp1G1uK4m9sno1LaUbnX/htf8BNzoneUD5NhjvLCMhURQSQ93QCZwXYjFwg3I0NZKrvoknQPMIHkt/jRAQKMeG2yX89/mB4EJbKbZxIhFAAAAAElFTkSuQmCC");
            menuItem.addEventListener("command", function() {ujs_google_translate('auto|ru');}, false);
            contextMenu.insertBefore(menuItem, nextEleMenu);

            menuItem = document.createXULElement("menuitem");
            menuItem.setAttribute("id", "context-en-google-translate");
            menuItem.setAttribute("label", "Перевести на английский");
            menuItem.setAttribute("class", "menuitem-iconic");
            menuItem.setAttribute("image", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABnRSTlMAAAAAAABupgeRAAAB5UlEQVR4AWOgPZg0c9+Oq2+qpx9LaQaiw4mNB27efbs2uXFNQh2Q4Zm9zSNth23MhqjGnXMC86vnHmUS4udxv7OvOd2yPE7PTlfCTk9GVVEoyJA7WI8dyPA0k3U1l+jJMV7CeThpTZeoKDdDUsvBPSff/V+6/P/Bvf///2+bdvU/EKRm/k9IBNIlfZe+LFrzvbsbyJ636pKkyQyQhoUb7tZNvPpw3/0/TfX/ISAm5n94BIiRm/n/xYsLd946ei4vajoiqDuRAejQf//+o4PQ0P9+fmhiQGVnrr1kXJNYG2zEzXDxDsPv3wy/fkFJoOTPn39+/fr/69e/37//AUX+/mXRkO458wWHDba2f8wswCyQ3N+/f//8/fP7z5+TV18w2Mdt6plzPiptx5Wr7/+/ffMzOR6kysjkt74hWMPfp06O+2dulZCeFZKwnkE4m8E8bN3i9aCQ+dxY96GrK6bkGJD9R1v3l6Y20NVW9kt+/v//ZdbcFwkxTVPPMQimM8XEqkb7a/zoqLxkH9v4zVyI5+///wyMmtKMmhJAnbLqQjHxaw5r2orOmZN5uj470Zahat6BKS7JzpmLBHXm8GhM5lCdcP7ai1ZpixZxk9NXXjKIFzOIFjAI54oY1vXuue5qmscw+AAAW0tKxtPoicEAAAAASUVORK5CYII=");
            menuItem.addEventListener("command", function() {ujs_google_translate('auto|en');}, false);
            contextMenu.insertBefore(menuItem, nextEleMenu);

            contextMenu.insertBefore(document.createXULElement("menuseparator"), nextEleMenu);
        }
    },

скрытый текст

Выделить код

Код:

contextproxy: {
        img: "data:image/x-icon;base64,AAABAAEAEREAAAEAIADwBAAAFgAAACgAAAARAAAAIgAAAAEAIAAAAAAAyAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAQAAAAAIAAYOQAAWJ2kADh1fAAAEKAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAEBAQECAgICAgICAgICAgMBAQEAAAEEJBE4ULQ+fZ38ea/H/muhuv8gW3ztAxclewAAAAsAAQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEBAAAAAAMLNlO7PH+n/3Sgu/281eP9zuHr/mWZuP4XXon/ABAeZwAAAAAAAAAAAQEBAQAAAAAZGBoTKScsLyYkKjErJSgnIC8/XgZQgP9BcZb8b5q3/oiux/+qx9r/a5Ow+zFtlv8PRWrGAAACAAEBAQMHBwcbAAAAD2BeYn769/3/4eDm/Onh5v+DnrX/A0t9/j1vlv+FqMH/lrfN/7rS4f9+pL3+M26X/xJYhu0DEiMdAAAAAAEBAQEAAAABBgUGEaSiprbPzNP239fb/4OcsP4aXYr/RHOZ/5Gwx//T5e//mrjO/3KYtv40apP/D0x77AUTIhwhHyMmeXV7mXt4fqJ3dHmce3d+n6eirODMx8r/o6q3/kN4nf92m7n/vtPj/9Hg7P/C1OL/eJq1+jtulv8bSnC7AAEGAF1aYH7//////f39/P//////////////////////////lbHC/3ilvf/K4Oz/2OXv/7nN3f6FqcP/VIiv/AseMT8AAAAAXFtef+LY5/+AT534fU2d+4VXovyKXaf+jGGp/5BlrP+GWKT/ZmGc/4Cduf+ivtD+k7HH/1t/neUTJjhFAAAAAAEBAQJfXmB/3tHl/14giPxcIYr/Zy+S/244mP9yPZv/cj6c/3M9nP9wNpf/YDSP/1k0ivu7tdP/YmNmiAAAAAAEBAQGAAAAAF9eYIDg1Ob/cDqV/HE9mv9/TaT/hler/4tdr/+NXrD/iFms/4JTqP9+SqP/cjqW+9zJ4/9ubW6JAAAAAAMDBAQAAAAAX15ggODU5v94RZz8e0mi/4pcrv+Vabf/nXO9/6J5wf+jfMH/oXq//513u/+NY6z718bh/2pqa4gAAAAABAMEBAAAAABfXWCA4NTm/4VWpfyPY7L/onvA/7GPzP+8ndT/waTY/8Cj1/+6nNL/tZfO/6F9uvvYx+L/ampriAAAAAAEAwQEAAAAAF9eYH/e0uX/n3u5/LKTzP/Bpdf/zrbh/9jC6f/bxuv/2cTp/9O+5P/Qu+H/uJ3L+9jI4f9qaWuHAAAAAAQDBAQAAAAAX15gf97S5P+gfbf5sZPH/LqdzfzCqNT8ybHZ/My12vzKs9n8xq/W/Mav1fywksL418fh/2tqbIkAAAAABAMEBAAAAABZVlt3+fX8/+DU5vzj1un/5tvt/+ne7//r4PH/6t7w/+fb7f/k2Ov/4dPn/9nM4Pv79v//ZGFnfwAAAAADAwQEAAAAABcVGRpZVlt6YF9hgWBgYoBhYWKAYmFigGJiY4BiYmOAYmFigGFhYoBgYGGAX15ggF1aX4AbGR0eAAAAAAEBAQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=",
         constructor: function() {
            var contextMenu = this.contextMenu = document.querySelector("#contentAreaContextMenu");
            if (!contextMenu)
                return;
            contextMenu.addEventListener("popupshowing", this, false);
            ucf_custom_script_win.unloadlisteners.push("contextproxy");
        },
        destructor: function() {
            this.contextMenu.removeEventListener("popupshowing", this, false);
        },
        handleEvent(e) {
            if (!gContextMenu.isContentSelected)
                return;
            var menuitem = document.createXULElement("menuitem");
            menuitem.setAttribute("label", "Добавить прокси");
            menuitem.className = "menuitem-iconic";
            menuitem.setAttribute("image", this.img);
            menuitem.onclick = this.addNewProxy.bind(this);
            (e.target.querySelector("menuseparator#context-sep-selectall") || e.target.lastElementChild).after(menuitem);
            this.handleEvent = () => menuitem.hidden = !gContextMenu.isContentSelected;
        },
        addNewProxy(e) {
            var sel = gContextMenu.selectionInfo.fullText;
            sel = sel.trim().replace(/\s+/g, ":");
            var prefs = Services.prefs, lab;
            if (sel.length < 6 && isFinite(sel)) {
                lab = "порт", sel = +sel;
                prefs.setIntPref("network.proxy.http_port", sel);
            } else if (sel.length > 5 && !(/:/.test(sel)) && sel.split(".").length == 4) {
                lab = "адрес";
                prefs.setStringPref("network.proxy.http", sel);
            } else if (sel.length > 5 && /:/.test(sel) && sel.split(":").length == 2 && sel.split(".").length == 4) {
                lab = "адрес и порт";
                var arr = sel.split(":"), IP = arr[0], port = +arr[1];
                prefs.setIntPref("network.proxy.http_port", port);
                prefs.setStringPref("network.proxy.http", IP);
            } else
               return;
            if (prefs.getIntPref("network.proxy.type") != 1)
               prefs.setIntPref("network.proxy.type", 1);
            var mainPopupSet = document.querySelector("#mainPopupSet");
            var tooltip = mainPopupSet.appendChild(document.createXULElement("tooltip"));
            tooltip.style.cssText = "font-weight: bold !important; font-size: 1.2em !important; -moz-box-orient: horizontal; text-align: center; pointer-events: none; -moz-box-align: center !important;";
            tooltip.label = " Установлен " + lab + " прокси: " + sel;
            var image = document.createXULElement("image");
            image.setAttribute("src", this.img);
            tooltip.firstElementChild.before(image);

            tooltip.openPopup(e.target.parentNode, "before_start");
            setTimeout(() => mainPopupSet.removeChild(tooltip), 3000);
        }
    },

Retif · №10379

sandro79 пишет

У меня в 10-ой Винде, и там и там меняется в фокусе, но с разной толщиной, проверял на системной теме
Ну попробуйте код ниже
скрытый текст
Выделить код
Код:
#searchbar:focus-within {
box-shadow: unset !important;
}

Хм, так вообще контур перестал меняться. Тоже винда 10-я.

TechStone · №10380

sandro79
Огромное вам спасибо! Все работает!
Еще один маленький вопрос. Там, где справа кнопки закрыть\свернуть\развернуть, можно ли слева на таком же темном фоне без дополнительных "полос" выводить название активной вкладки?
И можно ли уменьшить меню темного фона (расстояние между пунктами) по ПКМ на ссылках и прочих элементах управления браузером, сохраняя темный фон?

Отредактировано TechStone (03-06-2021 10:17:48)

von_ГеорГ · №10381

Del.

Отредактировано von_ГеорГ (03-06-2021 22:51:54)

vending_machine · №10382

von_ГеорГ пишет

Актуально!!!
Как сделать вкладки у Mozilla Firefox 89.0 под адресной строкой ?
СПС за ранее...

von_ГеорГ · №10383

vending_machine

Умно(((

Отредактировано von_ГеорГ (03-06-2021 11:22:35)

Retif · №10384

А еще, подскажите плиз.
Вкладки у меня внизу. После обновления на 89-й, они стали как-то меньше по высоте и надписи на них сместились ниже, не очень удобно. Как высоту вкладок задать в userChrome.css?
Если ставлю browser.proton.enabled = false, то возвращается, как было, но хотелось бы через userChrome.css задать.

Стало в 89:

скрытый текст

ACtC-3fF82mbJJY6psvoafaiKuh2Pvc_oCs6-a9hgeUXc-qJOYwy5MtArKxmiSDqmuBQnXy2W86jN9bQRI8EtVPcaeXkn5jrexpr5AgqKYT9v7yd413Y-p6mzd_mwiOy8XQSfu4j2b-qRvBf-EionpqZRsCx=w789-h83-no

Было раньше:

скрытый текст

ACtC-3fZCkm0_V1JjfQabBxZ1PceOD9AhGU5M1VPuSi58lTJ8frITscn-nz7tZWv4x75lScKLWuffuGNMMhxXRRZcUykImziL4-XxnlTgVOETp-9wEyahrg44aiJhHgLuRZysumGKmaM1RSABASc-PPbeJyh=w709-h75-no

На всякий случай прикладываю свой userChrome.css:

скрытый текст

@import "./Proton_Fix.css";
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Цвет панелей */
:root:not(:-moz-lwtheme) {
--toolbar-bgcolor: #F2F2F2 !important;
--toolbar-color: black !important;
}

/* Цвет menubar */
#toolbar-menubar {
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
}

/* Цвет меню */
#toolbar-menubar menubar > menu {
color: var(--toolbar-color) !important;
}

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 2 !important;
box-shadow: none !important;
border-top: 1px solid ThreeDShadow !important; // Разделитель сверху панели
// border-bottom: 1px solid ThreeDShadow !important;
//background-color: #F2F2F2 !important;
}

/* Ширина панели закладок (bookmarks toolbar) сверху и снизу Не надо, если есть min-height в #PersonalToolbar
#PlacesToolbarItems {
padding-top: 5px !important;
padding-bottom: 3px !important;
}
*/

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 1 !important;
border-top: 1px solid ThreeDShadow !important; //Разделитель сверху панели
//border-bottom: 1px solid ThreeDShadow !important;
//background-color: #F2F2F2 !important;
//min-height: 26px !important;
}

/* #DAD6D2 #F0F0F0
menubar > * {
background-color: #F2F2F2 !important;
}
*/

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Hide blue stripe on active tab
.tab-line[selected="true"] {
opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
opacity: 0 !important;
}

/* Сделать фон в адресной строке и строке поиска белым и добавить контур */
#urlbar > #urlbar-background, #navigator-toolbox #searchbar {
background-color: white !important;
border: 1px solid #CCCCCC !important;
}

#searchbar:focus-within {
box-shadow: unset !important;
}

/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
position: fixed !important;
display:block !important;
bottom: -0em; !important;
width: 100% !important;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
width: 100vw !important;
#content-deck { margin-bottom: 0em; }
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: #C7C7C7 !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

/* Position the Find Bar above the page */
-moz-box-ordinal-group: 0;

/* Move Find Bar border from top to bottom */
border-top: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}

/*** Секция для адресной строки, чтобы не утощалась ***/

#urlbar-container,
#search-container { /* это правило не является обязательным */
padding: 1px 0 !important;
margin: 0 1px !important;
}

#urlbar-container[breakout] {
position: relative !important;
min-height: var(--urlbar-container-height) !important;
}

#urlbar[breakout] {
display: block !important;
position: absolute !important;
width: 100% !important;
height: var(--urlbar-height) !important;
top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
left: 0px !important;
}

#urlbar[breakout] > #urlbar-input-container {
width: 100% !important;
height: var(--urlbar-height) !important;
padding: 0 !important;
vertical-align: top !important;
}

#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
height: auto !important;
}

#urlbar[breakout] > #urlbar-background {
animation: none !important;
inset-inline-start: 0 !important;
box-shadow: none !important;
}

#urlbar[breakout] > .urlbarView {
background-color: var(--autocomplete-popup-background, transparent) !important;
margin: 0 1px 1px 1px !important;
border: none !important;
width: calc(100% - 2px) !important;
}

#urlbar[breakout] > .urlbarView {
margin: 0 1px 1px 1px !important;
border: none !important;
width: calc(100% - 2px) !important;
border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgba(12, 12, 13, 1))) !important;
background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(255, 255, 255))) !important;
}

*|*:root[lwt-popup-brighttext] #urlbar[breakout] > .urlbarView {
color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgb(177,177,179))) !important;
background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(27,27,29))) !important;
}

#urlbar[breakout] > .urlbarView *|*.urlbarView-body-inner {
border: none !important;
}

#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
fill: currentColor !important;
fill-opacity: .6 !important;
}
/*** Конец секции для адресной строки, чтобы не утощалась ***/

Отредактировано Retif (03-06-2021 11:33:16)

sandro79 · №10385

TechStone пишет

выводить название активной вкладки?

Нет, этого не знаю.

TechStone пишет

И можно ли уменьшить меню темного фона (расстояние между пунктами) по ПКМ на ссылках и прочих элементах управления браузером

Да можно, несколько страниц уже этому посвящено, вы полистайте тему. Коды были, ссылки на коды.
Попробуйте ещё код ниже, должно получится примерно как здесь на скриншоте.

скрытый текст

Выделить код

Код:

@media (-moz-proton-contextmenus) {
@media (-moz-windows-default-theme) and (-moz-os-version: windows-win10) {
menupopup[needsgutter] menu:not([icon], .menu-iconic), menupopup[needsgutter] menuitem:not([checked="true"], [icon], .menuitem-iconic) {
padding-inline-start: 12px !important;
}
menupopup > menuitem, menupopup > menu {
	padding-block: 0.2em !important;
}
}
}
:root {
	--arrowpanel-menuitem-padding-block: 2px !important;
	--panel-separator-margin: 3px 8px !important;
	--panel-subview-body-padding: 6px 0 !important;
}

von_ГеорГ пишет

Как сделать вкладки у Mozilla Firefox 89.0 под адресной строкой ?

Вы вообще тему смотрели? Несколькими сообщениями выше человек вопрос задавал и получил в ответ ссылку на исправный код переноса вкладок. Не устраивает, ищите обновлённый стиль здесь, или обновляйте полностью комплект.

von_ГеорГ пишет

vending_machine
Умно(((

А что не так? Он прав.

Retif пишет

Как высоту вкладок задать в userChrome.css?

скрытый текст

https://forum.mozilla-russia.org/viewto … 44#p790444

Выделить код

Код:

:root:not([uidensity="touch"]) {
	--tab-min-height: 26px !important;
}

Отредактировано sandro79 (03-06-2021 11:52:40)

katari4688908 · №10386

von_ГеорГ пишет

Как сделать вкладки у Mozilla Firefox 89.0 под адресной строкой ?

https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310

Retif · №10387

sandro79 пишет

Как высоту вкладок задать в userChrome.css?
скрытый текст
https://forum.mozilla-russia.org/viewto … 22#p790422
Выделить код
Код:
:root:not([uidensity="touch"]) {
--tab-min-height: 26px !important;
}

Не работает Причем если ставлю в конце userChrome.css, то просто не работает, а если в начале, то панель вкладок наверх уезжает. Но высота всё равно не изменяется.

Похоже, эта настройка конфликтует с подключенным Proton_Fix.css от _zt.

Отредактировано Retif (03-06-2021 11:56:25)

katari4688908 · №10388

применил новый стиль- вкладки снизу от Vitaliy V.. https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310
спасибо ему за это.

Fox89

что нужно поправить или добавить . что бы окошки поиска и адресной строки были закруглёнными.
спасибо.
вот здесь-

скрытый текст

Отредактировано katari4688908 (03-06-2021 12:09:53)

TechStone · №10389

sandro79

sandro79 пишет

Да можно, несколько страниц уже этому посвящено, вы полистайте тему

Да оттуда, почему-то, не вышло. Потому и переспросил. С данными вами способами все получилось. За что еще раз огромное спасибо!

sandro79 · №10390

Retif пишет

Но высота всё равно не изменяется

Перейдите по процитированной вами ссылке, там ниже будет обсуждение, и посмотрите что нужно сделать чтоб вкладки уменьшились до нужного вам предела.

TechStone пишет

За что еще раз огромное спасибо!

Рад был помочь!

Vitaliy V. · №10391

egorsemenov06
https://forum.mozilla-russia.org/viewto … 31#p780231
https://forum.mozilla-russia.org/viewto … 84#p780384

sandro79 пишет

Для закладок возьмите этот код

Или для 78+ https://forum.mozilla-russia.org/viewto … 09#p785209

sandro79 пишет

а для вкладок новый стиль для 78+

Немного обновил для proton, убрал отступы для вкладок

_zt · №10392

TechStone

TechStone пишет

можно ли слева на таком же темном фоне без дополнительных "полос" выводить название активной вкладки?

И как вы это себе представляете, там больше сотни символов может быть. У меня выведено, но туда где места много

Vitaliy V.
Как теперь цвет текста назначить для window#webextpanels-window popupset#mainPopupSet menupopup#contentAreaContextMenu, обновил тему цвет там слетел и не получается его задать?

Vitaliy V. · №10393

katari4688908 пишет

что нужно поправить или добавить . что бы окошки поиска и адресной строки были закруглёнными.

скрытый текст

Выделить код

Код:

#urlbar-background, #searchbar {
    --toolbarbutton-border-radius: calc(var(--urlbar-height, 1000px) / 2) !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
}

_zt пишет

Как теперь цвет текста назначить для window#webextpanels-window popupset#mainPopupSet menupopup#contentAreaContextMenu, обновил тему цвет там слетел и не получается его задать?

А раньше как было? Если речь про full_theme и стиль для меню за цвет текста отвечает переменная --v-arrowpanel-color или --arrowpanel-color

Отредактировано Vitaliy V. (03-06-2021 15:33:11)

Retif · №10394

sandro79 пишет

Перейдите по процитированной вами ссылке, там ниже будет обсуждение, и посмотрите что нужно сделать чтоб вкладки уменьшились до нужного вам предела.

Спасибо, сделал так, вставил код:

скрытый текст

:root:not([uidensity="touch"]) {
--tab-min-height: 29px !important;
--proton-tab-block-margin: 1px !important;
--tab-border-radius: 0px !important;
}

До строки

Выделить код

Код:

@import "./Proton_Fix.css";

Вроде уже лучше. Но откуда-то появилось расстояние в пару пикселов между вкладками, нельзя его убрать?

скрытый текст

ACtC-3cIVOPqWIl8Koi_-H_7PGmRGUeESjYiwhgnY-VVzPWaZQ1cetYLEtrhu5KvNcF0DL01f3i915XvmU75e5diAhOWoHWqKyt5RlMZqhmlVDl9JtF5rqm28V3dF-vlRBMvij9js3EgTR87TxVE3KMA8z-7=w498-h80-no

З.Ы. _zt, а вы не можете подсказать, где в вашем фиксе высота вкладок настраивается? Видимо, он перезатирает мои настройки, не могу понять, где именно.

katari4688908 · №10395

Vitaliy V. пишет

Vitaliy V.

спасибо.
работает.

egorsemenov06 · №10396

Vitaliy V. пишет

egorsemenov06
https://forum.mozilla-russia.org/viewto … 31#p780231
https://forum.mozilla-russia.org/viewto … 84#p780384

Большое Спасибо!А еще парочку не переделаете https://forum.mozilla-russia.org/viewto … 72#p782672

скрытый текст

Выделить код

Код:

openpermissionswithrightclick: {
        constructor: function() {
            var identitybox = this.identitybox = document.querySelector("#identity-box");
            if (!identitybox)
                return;
            identitybox.addEventListener("contextmenu", this, true);
            identitybox.addEventListener("click", this, true);
            ucf_custom_script_win.unloadlisteners.push("openpermissionswithrightclick");
        },
        handleEvent: function(e) {
            if (e.button != 2)
                return;
            e.preventDefault();
            e.stopPropagation();
            e.stopImmediatePropagation();
            if (e.type != "click")
                return;
            BrowserPageInfo(null, "permTab");
        },
        destructor: function() {
            this.identitybox.removeEventListener("contextmenu", this, true);
            this.identitybox.removeEventListener("click", this, true);
        }
    },

https://forum.mozilla-russia.org/viewto … 84#p780384 странное поведение пункт в меню то появляется то исчезает не возможно добавить прокси
удалил из кода
this.popuphiding = () => {
menuitem.hidden = true;
};
не знаю правильно ли я сделал?

Отредактировано egorsemenov06 (03-06-2021 13:50:52)

_zt · №10397

All
Обновил графические кнопки управления расширениями в about:addons https://forum.mozilla-russia.org/viewto … 28#p791328
Визуализация процесса включения-отключения была неадекватной.

Vitaliy V.
Да я эту переменную я сразу изменил на silver. Раньше был черный текст, потом назначил глобально menupopup, а теперь оно не применяется. Возможно проблема в TST, но автор на паузе из-за https://github.com/piroor/treestyletab/issues/2909.

sandro79 · №10398

Vitaliy V. пишет

Или для 78+ https://forum.mozilla-russia.org/viewto … 09#p785209

Да, точно. Ещё были сомнения, что вроде был посвежее стиль для многострочной панели закладок.
Retif
Да вам нужно просто кнопки управления окном уменьшить.
Или в Proton_Fix смотрите аналогичную строку --tab-min-height: **px !important;
Интервал между вкладками у себя так убрал

скрытый текст

Выделить код

Код:

.tabbrowser-tab {
	padding-inline: 0.3px !important;
}

Или так

скрытый текст

Выделить код

Код:

.tabbrowser-tab {
	padding-inline: initial !important;
}

Добавил другой вариант кода.

Отредактировано sandro79 (13-06-2021 01:12:34)

Retif · №10399

sandro79 пишет

Интервал между вкладками у себя так убрал

Это работает, спасибо.

sandro79 пишет

Или в Proton_Fix смотрите аналогичную строку --tab-min-height: **px !important;

Да нашел там два вхождения:

Выделить код

Код:

/** Tab Bar - Reduce Height, Show more contents *****************************/
  :root:not([uidensity=touch]) #TabsToolbar {
    --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
  }

и

Выделить код

Код:

:root[tabsintitlebar]:not([uidensity=compact]) #toolbar-menubar[autohide="true"] {
    height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px); /* Compact: 28px, Normal: 33px, Touch: 38px */
  }

В первом менял, не работает, во втором вообще не понял, как там менять-то надо.

_zt · №10400

Vitaliy V.
Кстати, --v-arrowpanel-color у меня еще не обрабатывает расширенное меню, меню гамбургера, меню инструментов разработчика, меню улучшенной защиты от отслеживания, меню идентификации. Приходится назначать для vbox.panel-arrowcontainer box.panel-arrowcontent

Полезная информация

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer