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

Mozillafire · №7001

А никто не в курсе куда в Classic tweaks for Firefox 57+ подевалась рыжая кнопка?

sandro79 · №7002

Topper пишет: Однако, когда вкладки внизу + светлая тема, кнопки "Новая вкладка" и "Список всех вкладок" инвертируются в тёмный цвет. Как же заинвертировать эти самые кнопки прокрутки вкладок...

Ну тут, по моим дилетанским соображениям, эти кнопки видимо не являются элементами панели вкладок, поэтому инвертируются, а кнопки прокрутки принадлежат панели вкладок.
Mozillafire, рыжая кнопка на месте, только теперь её надо включить строками @import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */ ~~и @import "./css/appbutton/appbutton_in_titlebar_fx71_fix.css"; /**/~~

Отредактировано sandro79 (13-12-2019 21:14:10)

shurff · №7003

FF71, кто нибудь может дать кусок кода для chrome, чтоб вкладки переехали вниз под адресную строку, только вкладки больше ничего. На предыдущих страницах видел ссылки на разные файлы со стилями, но там походу не только вкладки, там еще много чего под себя люди делали. На эти ссылки не отсылайте. Код пихать так же как и раньше в папку chrome профиля?

Garalf · №7004

shurff
Посмотри по этой ссылке
https://forum.mozilla-russia.org/viewto … 45#p766645

Отредактировано Garalf (05-12-2019 10:53:07)

kokoss · №7005

sandro79 пишет

Mozillafire, рыжая кнопка на месте, только теперь её надо включить

Хорошая новость, а то постоянно приходилось её отключать

Добавлено 05-12-2019 11:03:07

shurff пишет

FF71, кто нибудь может дать кусок кода для chrome, чтоб вкладки переехали вниз под адресную строку, только вкладки больше ничего

И чем вас этот стиль не устраивает: https://forum.mozilla-russia.org/viewto … 45#p766645, (только панель вкладок) ниже панелей навигации и закладок!

Отредактировано kokoss (05-12-2019 11:03:07)

shurff · №7006

kokoss пишет

И чем вас этот стиль не устраивает

Возможно и устроит, если будет работать, где он там конкретно? Неужели сложно файлом выложить как это ранее делал я? Потому что тот что ранее собирал я и выкладывал сейчас не работает.

Отредактировано shurff (05-12-2019 11:20:51)

solombala · №7007

Vitaliy V.
Findbar кнопка не ваша? В 71 падает

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

/*Initialization Code*/

((bar, button = true, insertAtTop = true, ctrlFcloseFinbar = false) => ({
init(parent) {
var has = bar = parent.querySelector("#appcontent > findbar");
has || this.initFinbar(parent);
var lo = bar.linkedObject;
lo.listenCtrlF = ctrlFcloseFinbar
? listen => listen
? addEventListener("keydown", lo, true)
: removeEventListener("keydown", lo, true)
: () => {};
has && !bar.hidden && lo.listenCtrlF(true);
if (button) self._handleClick = () => bar.hidden
? bar.startFind(bar.FIND_NORMAL)
: bar.collapsed || bar.close();
addDestructor(lo.destroy, lo);
},
destroy(reason) {
if (reason[5] != "e") return;
bar.close();
bar._browser = {};
bar.remove();
this.setProgressListener(false);
for(var key of ["gFindBar", "gFindBarInitialized"])
Object.defineProperty(window, key, this[key]);
gBrowser[this.gBrKey] = this[this.gBrKey];
Services.ppmm.removeDelayedProcessScript(this.url);
Services.ppmm.loadProcessScript("data:," + encodeURIComponent(`
Services.appinfo.processType != Services.appinfo.PROCESS_TYPE_DEFAULT
&& Services.appinfo.processType != Services.appinfo.PROCESS_TYPE_CONTENT
|| (nsvo => {
var proto = nsvo.Finder.prototype;
if ("_requestMatchesCount" in proto) {
proto.requestMatchesCount = proto._requestMatchesCount;
delete proto._requestMatchesCount;
}
})(Cu.import("resource://gre/modules/Finder.jsm", {}));`
) , false);
},
initFinbar(parent) {
for(var tab of gBrowser.tabs) {
if (!tab._findBar) continue;
tab._findBar.browser = null;
tab._findBar._browser = {};
tab._findBar.remove();
delete tab._findBar;
}
bar = document.createXULElement("findbar");
var p = new Proxy({}, {get: () => () => {}});
bar._browser = {finder: p, messageManager: p};
parent.insertBefore(bar, insertAtTop ? parent.firstChild : null);
bar.linkedObject = this;

["gFindBar", "gFindBarInitialized"].forEach((key, ind) => {
this[key] = Object.getOwnPropertyDescriptor(window, key);
delete window[key];
window[key] = ind ? true : bar;
});
var key = "getCachedFindBar" in gBrowser ? "getCachedFindBar" : "getFindBar";
this[this.gBrKey = key] = gBrowser[key];
gBrowser[key] = () => bar;
[
"close", "startFind", "onMatchesCountResult",
"_updateMatchesCount", "_onBrowserKeypress", "receiveMessage"

].forEach((key, ind) => {
var func = bar[key].bind(bar);
bar[key] = ind
? (...args) => this[key](...args) || func(...args)
: (...args) => func(...args) || this[key](...args);
});
this.url = "data:," + encodeURIComponent(`
Services.appinfo.processType != Services.appinfo.PROCESS_TYPE_DEFAULT
&& Services.appinfo.processType != Services.appinfo.PROCESS_TYPE_CONTENT
|| (nsvo => {
var proto = nsvo.Finder.prototype;
if ("_requestMatchesCount" in proto) return;
proto._requestMatchesCount = proto.requestMatchesCount;
proto.requestMatchesCount = ${
this.newRequestMatchesCount
}
})(Cu.import("resource://gre/modules/Finder.jsm", {}));`
);
delete this.newRequestMatchesCount;
Services.ppmm.loadProcessScript(this.url, true);
},
newRequestMatchesCount: async function requestMatchesCount(aWord, aLinksOnly) {
if (typeof aLinksOnly != "boolean") {

var {linksOnly, data} = aLinksOnly;
aLinksOnly = linksOnly;

this.entireWord = data.entireWord;
this.caseSensitive = data.caseSensitive;
this.onModalHighlightChange(data.useModalHighlight);
this.onHighlightAllChange(data.highlightAll);
data.highlightAll && await this.highlighter.highlight(true, aWord, linksOnly);
this._iterator && this._iterator.reset();
var obj;
Object.defineProperty(this, "_currentMatchesCountResult", {
configurable: true, enumerable: true,
get: (val = obj) => {
if (val) {
if (!val.total) val.total = new Number(0);
val.currentFound = val._currentFound;
}
return obj = val;
},
set: val => {
if (val) return obj = val;
delete this._currentMatchesCountResult;
return obj = this._currentMatchesCountResult = val;
}
});
var lfr = this._lastFindResult;
lfr !== null && lfr != Ci.nsITypeAheadFind.FIND_NOTFOUND
|| Object.defineProperty(this, "_lastFindResult", {
configurable: true, enumerable: true, get: () => null,
set: val => {
if (val == Ci.nsITypeAheadFind.FIND_WRAPPED)
val = Ci.nsITypeAheadFind.FIND_FOUND;
delete this._lastFindResult;
return this._lastFindResult = val;
}
});
}
this._requestMatchesCount(aWord, aLinksOnly);
},

close() {
bar.collaped = false;
this.setProgressListener(false);
this.setBrowser(null, null);
},
startFind() {
if (this.maybeCollapse(gBrowser.selectedBrowser))
return true;
if (bar.hidden)
this.setBrowser(300),
this.setProgressListener(true);
else if (!ctrlFcloseFinbar)
setTimeout(() => this.updateMatchesCount(), 100);
},
onMatchesCountResult(res) {
if (!("currentFound" in res) || res.total == -1 || res.currentFound)
return;

bar._foundMatches.value = `${+res.total || "Нет"} совпадени${
bar.pluralForm.get(res.total, "е;я;й")
}.`;
bar._foundMatches.hidden = false;
return true;
},
_updateMatchesCount() {
return true;
},
_onBrowserKeypress(e) {
if (!bar.hidden) return;
if (!e.charCode) return true;
this.setBrowser(300);
this.setProgressListener(true);
},
receiveMessage(msg) {
msg.target = bar._browser;
},

progressListenerAdded: false,
setProgressListener(add) {
if (add) {
if (this.progressListenerAdded) return;
this.progressListenerAdded = true;
gBrowser.addProgressListener(this);
this.listenCtrlF(true);
} else {
if (!this.progressListenerAdded) return;
this.progressListenerAdded = false;
gBrowser.removeProgressListener(this);
this.listenCtrlF(false);
}
},
handleEvent(e) {
if (
e.ctrlKey && e.code == "KeyF"
&& !e.shiftKey && !e.altKey && !bar.collapsed
)
e.preventDefault(),
e.stopPropagation(),
bar.close();
},
updateMatchesCount() {
var str = bar._findField.value;
if (!str) return;
var data = {
entireWord: bar._entireWord,
caseSensitive: bar._typeAheadCaseSensitive,
highlightAll: bar._highlightAll,
useModalHighlight: bar._useModalHighlight
};
bar.browser.finder.requestMatchesCount(
bar._findField.value,
{linksOnly: bar._findMode == bar.FIND_LINKS, data}
);
},
maybeCollapse(br) {
return br.isSyntheticDocument ||
br.documentContentType == "application/vnd.mozilla.xul+xml";
},
setBrowser(updateDelay, br = gBrowser.selectedBrowser) {
if (bar._browser != br) {
var b = bar._browser;
if (b) {
b.messageManager.removeMessageListener("Findbar:Mouseup", bar);
b.finder.removeResultListener(bar);
bar._highlightAll && b.finder.highlight(false);
}
if (br) {
br.messageManager.addMessageListener("Findbar:Mouseup", bar);
bar._updateBrowserWithState();
}
bar._browser = br;
}
if (!br) return;
bar._updateStatusUI();
bar._foundMatches.value = "";
br.finder.addResultListener(bar);
if (
!(bar.collapsed = this.maybeCollapse(br))
&& br.currentURI.spec != "about:blank"
&& updateDelay !== null
)
updateDelay
? setTimeout(this.updateMatchesCount, updateDelay)
: this.updateMatchesCount();
},
onStateChange(wpr, req, state) {
state & Ci.nsIWebProgressListener.STATE_STOP && this.setBrowser();
},
onLocationChange(wpr, req) {
req || Components.stack.formattedStack.includes("SessionStore.jsm")
|| this.setBrowser();
}
}).init(document.getElementById("appcontent")))();

kokoss · №7008

shurff пишет

где он там конкретно?

Там только один вариант:

скрин

tagnupip · №7009

shurff
https://forum.mozilla-russia.org/viewtopic.php?pid=775345#p775345

shurff · №7010

Всем спасибо за посильную помощь. Все получилось. Дабы дальше не тыкать в разные ссылки других пользователей, выкладываю готовый файл css со вкладками под строкой поиска и небольшую инструкцию.

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

https://yadi.sk/d/5u8Y7bAIn_DqeQ

В строке поиска набираем about:support
Далее открываем Папка Профиля
В ней ищем папку chrome или создаем ее
Скачиваем файл по ссылке и помещаем его в папку chrome, при необходимости с заменой.
Перезагружаем FF
Все.

PS Если в папке chrome уже есть файл userChrome, значит у вас уже есть какой-то свой стиль, если не хотите его терять, можно из скачанного файла добавить данные в ваш файл, выделением и копированием, посредством стандартного Блокнота и сохранить. В данном случае возможны баги.

Отредактировано shurff (05-12-2019 13:32:46)

IAmSelf · №7011

Здравствуйте!
В userChrome есть вот такой код:

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

/*****************************Заголовок страницы в нижней панели*******************************/
#main-window::after {
position: fixed !important;
content: attr(title) !important;
display: -moz-box !important;
bottom: 7px !important; /* отступ снизу */
left: 0px !important;
right: 0px !important;
padding-inline-start: 30px !important; /* отступ в начале */
padding-inline-end: 30px !important; /* отступ в конце */
font-size: inherit !important;
font-weight: bold !important;
/*text-align: center !important;*/
text-align: left !important;
white-space: pre !important;
line-height: 1em !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
pointer-events: none !important;
color: var(--toolbar-color, -moz-DialogText) !important;
text-shadow: none !important;
visibility: visible !important;
opacity: 1 !important;
}

#main-window:-moz-lwtheme::after {
color: var(--chrome-color, inherit) !important;
text-shadow: inherit !important;
}

#main-window:-moz-any([customizing="true"],[inFullscreen])::after {
opacity: 0 !important;

}

До версии 71 им успешно отображался заголовок страницы в нижней панели.
Начиная с версии 71 заголовок страницы отображается ниже ниэней панели (извините за каламбур):

Есть ли возможность вернуть заголовок в нижнюю панель?

tagnupip · №7012

shurff пишет

Всем спасибо за посильную помощь. Все получилось. Дабы дальше не тыкать в разные ссылки других пользователей, выкладываю готовый файл css со вкладками под строкой поиска и небольшую инструкцию. скрытый текстhttps://yadi.sk/d/5u8Y7bAIn_DqeQВ строке поиска набираем about:supportДалее открываем Папка ПрофиляВ ней ищем папку chrome или создаем ееСкачиваем файл по ссылке и помещаем его в папку chrome, при необходимости с заменой.Перезагружаем FFВсе.PS Если в папке chrome уже есть файл userChrome, значит у вас уже есть какой-то свой стиль, если не хотите его терять, можно из скачанного файла добавить данные в ваш файл, выделением и копированием, посредством стандартного Блокнота и сохранить. В данном случае возможны баги.
Отредактировано shurff (Сегодня 13:32:46)

попробовал. мне этот файл не подошёл. сверху и снизу адреса чёрные полосы. вот мой

Выделить код

Код:

:root {
  --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  --classic_squared_tabs_tab_text_color: black;
  --classic_squared_tabs_new_tab_icon_color: black;
  --classic_squared_tabs_tab_text_shadow: transparent;
  --tab-min-height_tnot: 32px;
}

:root[uidensity=compact]  {
  --tab-min-height_tnot: 28px;
}

:root[uidensity=touch] {
  --tab-min-height_tnot: 40px;
}

/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar {
  -moz-padding-start: 2px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#TabsToolbar:-moz-lwtheme,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[sizemode="maximized"] #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {
  -moz-padding-start: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {
  margin-top: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  padding-top: 0px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* tab title in titlebar support */
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* titlebar button support */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  margin-top: 2px !important;
}

/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  visibility: collapse !important;
}

#main-window[inDOMFullscreen="true"] #TabsToolbar {
  opacity: 0 !important;
}

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

/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/

/* toolbar colors */
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  background-image: var(--colored_menubar_background_image) !important;
  border: 0px !important;
  margin-bottom: -1px !important;
}

#nav-bar:not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_navbar, inherit) !important;
}

toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_toolbars, inherit) !important;
}
#TabsToolbar:not(:-moz-lwtheme){
  -moz-appearance: none !important;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}

/* remove color overlay for lw-themes */
#main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}

/* adjust compact themes background color */
#main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  -moz-appearance: none !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}

#main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

/* toolbar borders */
#main-window #navigator-toolbox::after {
  opacity: 0 !important;
}

#TabsToolbar{
  margin-bottom: 0px !important;
  border-bottom: 1px solid #5f7181 !important;
}

#main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  background-clip: padding-box !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,
#main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}

#main-window:not([sizemode="fullscreen"])[tabsintitlebar] #TabsToolbar{
  -moz-margin-end: 0px !important;
}

#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  visibility: collapse !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 21px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 20px !important;
}

#tabbrowser-tabs .tab-drop-indicator {
  margin-bottom: 0px !important;
}

#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
  background-image: none !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
}

/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
  padding-bottom: unset !important;
}

#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#TabsToolbar[movingtab] + #nav-bar {
  margin-top: unset !important;
}

/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  fill: black !important;
}

/* Fx58+ titlebar placeholders */
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
}

@media (-moz-windows-classic) {

    /* tweaks for Windows Classic theme */
    #nav-bar:not(:-moz-lwtheme),
    #PersonalToolbar:not(:-moz-lwtheme),
    #main-window:not([tabsintitlebar])  #TabsToolbar:not(:-moz-lwtheme) {
      border-left: unset !important;
      border-right: unset !important;
      background: unset !important;
    }

    #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
      border-left: 0px !important;
      border-right: 0px !important;
    }

    #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
      background: unset !important;
      box-shadow: unset !important;
      border-bottom: unset !important;
    }

    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
      background: unset !important;
      box-shadow: unset !important;
      border: unset !important;
      border-image: unset !important;
    }

    #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
      background: unset !important;
    }

}

/* tab text colors */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  color: var(--classic_squared_tabs_tab_text_color) !important;
  text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;
}

/* fix Windows 7s default tab background (remove dark purple bg color)*/
@media (-moz-os-version: windows-win7) {
  @media (-moz-windows-default-theme) {
    .tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) {
      background-color: #e3e4e6 !important;
    }
    .tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) {
      background-color: #cccdcf !important;
    }

  }
}

/* Simple Close Tab button */
#TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important;
}

/* close tab button */
#TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
}

/* close window button */
#TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}

#TabsToolbar {
  position: absolute !important;
  display:block !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar .titlebar-buttonbox-container {
  /*display: none !important;*/
  visibility: hidden !important;
}


/* move caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}

/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  top: -14px !important;
}


/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 1px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 8px !important;
    }
}

/* Windows 7/8 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: block !important;
      margin-top: -13px !important;
    }
  }
  @media not all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -2px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 0px !important;
    }
  }
}

@media (-moz-os-version:windows-win8) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container    {
      top: -13px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -5px !important;
    }
}


/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
    background-color: Highlight !important;
    color: HighlightText !important;
  }
}

/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}

/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

/* adjust private mode icon position */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar][privatebrowsingmode=temporary]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      position: fixed !important;
      top: 0 !important;
      right: 130px !important;
      visibility: visible !important;
      display: block !important;
    }
    #main-window[tabsintitlebar][privatebrowsingmode=temporary][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      top: 8px !important;
    }
}

/* adjust tabs toolbar padding */
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
 -moz-padding-start: 0px !important;
 -moz-margin-start: 0px !important;
}

/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}

/* disable Mozillas tab jumping nonsense when moving tabs */
#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;
}

/* size of new tab tabs '+' icon */
:-moz-any(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 18px !important;
  height: 18px !important;
}

/* some id!ot at Moz thought it is a great idea to add padding and margin values here */
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}


/* show window caption buttons in fullscreen mode */
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  margin-top: -32px !important;
  z-index: 1000 !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
  -moz-padding-end: 60px !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton,
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls *,
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar #window-controls * {
      color: black !important;
      fill: black !important;
    }

    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme #TabsToolbar #window-controls * {
      color: white !important;
      fill: white !important;
    }

}

/*
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
      -moz-padding-end: 60px !important;
    }
}

#TabsToolbar,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme, 
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 0 !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(0px + var(--tab-min-height_tnot)) !important;
}

.urlbarView:not(.megabar),
#urlbar-results {
  z-index: 100 !important;
}

shurff · №7013

tagnupip пишет

попробовал

Это тот на который вы мне дали ссылку. Я код в готовый файл просто оформил.

Wolf.dp · №7014

Topper пишет

Тогда смотрите подсказку здесь. У меня получилось вниз убрать.

у меня в итоге "склеились" табы с закладками...

Добавлено 05-12-2019 14:15:02

tagnupip пишет

попробовал. мне этот файл не подошёл. сверху и снизу адреса чёрные полосы. вот мой

супер, спасибо большое!

Отредактировано Wolf.dp (05-12-2019 14:15:02)

Topper · №7015

Всем
Чем мог - помог, кому не помог - прощенья просим.

sandro79
Спасибо, что направил на путь истинный.

solombala · №7016

Vitaliy V.
Не могу в 71 кнопки приподнять ...Или все приподнимаются , а хочу только на панели вкладок
#TabsToolbar > .toolbarbutton-icon {

padding-bottom: 1px !important;
}

iamgdv · №7017

все советуют CustomCSSforFx.
но он ломает настроенные у меня панели.
вот текущий интерфейс ФФ:

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

https://ibb.co/F85h8Kx

а вот текущий каталог chrome:

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

https://ibb.co/FDwHDH9

и все устраивает, кроме вкладок в одну строку. а что редактировать, к сожалению, не понимаю....
навсякслуч для дельных советов текущий css:

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

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
display: block !important;
}
.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
display: none !important;
}
.tabbrowser-tab {
min-height: var(--tab-min-height) !important;
vertical-align: bottom !important;
}

/* изм высоты вкладок? */

#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
--tab-min-height: 28px !important;
--toolbarbutton-inner-padding: 5px !important;
}

@media (-moz-windows-compositor) {
#titlebar-buttonbox {
-moz-box-align: start !important;
}

#main-window:not([uidensity="touch"]) #titlebar-buttonbox .titlebar-button {
margin: 0 !important;
padding: 4px 8px !important;
}

#main-window:not([uidensity="touch"])[sizemode="normal"] > #titlebar {
-moz-appearance: none !important;
}
}

/* изм высоты вкладок? */

/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/

@-moz-document url("chrome://browser/content/browser.xhtml") {
#main-window:not([inFullscreen]) #navigator-toolbox {
position: relative !important;
--v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
-moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
margin-bottom: 0 !important;
box-shadow: none !important;
-moz-box-ordinal-group: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
-moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
-moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
-moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
visibility: visible;
}
#navigator-toolbox > #titlebar {
-moz-appearance: none !important;
-moz-box-ordinal-group: 100 !important;
--v-control-buttons-left: auto;
--v-control-buttons-right: 0;
position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
--v-control-buttons-left: 0;
--v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
flex-direction: row !important;
align-items: stretch !important;
justify-content: flex-start !important;
border: none !important;
background: none !important;
box-sizing: content-box !important;
min-height: 0 !important;
height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
opacity: 0 !important;
pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: absolute !important;
top: 0px !important;
left: var(--v-control-buttons-left) !important;
right: var(--v-control-buttons-right) !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
padding-top: 0 !important;
margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
display: none !important;
}
}

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/* tab close - always visible*/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
visibility: visible !important;
display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
visibility: collapse !important;
display: none !important;
}

/**/

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {
vbox#browser-bottombox {
-moz-binding: url("./bindings/toolbars.xml#toolbars") !important;
}

toolbarpaletteitem[place="palette"] > toolbaritem.add-additional-springs {
background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
border: none !important;
outline: 1px solid GrayText;
outline-offset: -1px;
min-height: 37px;
}

toolbarpaletteitem:-moz-any([place="toolbar"],[place="panel"],[place="menu-panel"]) > toolbaritem.add-additional-springs {
background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
border: none !important;
min-width: 34px;
min-height: 14px;
outline: 1px solid GrayText;
outline-offset: -1px;
margin-top: 3px;
margin-bottom: 3px;
}

toolbarpaletteitem[place="palette"][id*="add-additional-top-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-vertical-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-bottom-spring"] {
vertical-align: top;
}

toolbarpaletteitem[place] > toolbaritem.add-additional-springs {
-moz-window-dragging: no-drag !important;
}

#add-restart-app {
list-style-image: url("./svg/restart-app-16.svg") !important;
}

#add-additional-vertical-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-top-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-bottom-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-view-history-sidebar-button {
list-style-image: url("./svg/history-16.svg") !important;
}

#add-view-bookmarks-sidebar-button {
list-style-image: url("./svg/bookmark-16.svg") !important;
}

@media (-moz-windows-classic) {
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #add-additional-top-bar:not(:-moz-lwtheme) {
position: relative !important;
}
}

#main-window:-moz-lwtheme {
--lwt-background-tiling: repeat-y !important;
background-repeat: repeat-y !important;
}

#browser-bottombox:-moz-lwtheme {
background-color: transparent !important;
}

#add-additional-vertical-box {
background: none !important;
border: none !important;
box-shadow: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar,
#add-additional-bottom-bar {
-moz-appearance: none !important;
-moz-window-dragging: no-drag !important;
border: none !important;
background-clip: border-box !important;
background-origin: border-box !important;
background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
color: var(--toolbar-color, -moz-DialogText) !important;
}

#add-additional-bottom-bar {
border-top: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar {
padding: 0 !important;
margin: 0 !important;
font-size: 1rem !important;
min-width: 19px !important;
width: auto !important;
-moz-box-align: stretch !important;
-moz-box-pack: start !important;
-moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:-moz-lwtheme,
#add-additional-bottom-bar:-moz-lwtheme {
background-color: var(--toolbar-bgcolor, rgba(255,255,255,.4)) !important;
background-image: none !important;
color: var(--chrome-color, inherit) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme #add-additional-vertical-bar {
background-repeat: repeat-y !important;
background-size: auto auto !important;
background-attachment: fixed !important;
background-position: right top !important;
background-color: var(--lwt-accent-color, white) !important;
background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, var(--v-lwt-header-image, none)) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme-brighttext #add-additional-vertical-bar {
background-color: var(--lwt-accent-color, black) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]) {
border-inline-end: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box[verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
border-inline-end: none !important;
border-inline-start: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar[collapsed="true"] {
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons {
-moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons separator {
display: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspring {
min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarseparator {
-moz-appearance: none !important;
margin: 0.2em 2px !important;
border-bottom: 1px solid ThreeDHighlight !important;
border-top: 1px solid ThreeDShadow !important;
height: 2px !important;
border-left: none !important;
border-right: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspacer {
height: 15px !important;
}

#add-additional-vertical-container[vertautohide="true"] {
position: relative !important;
min-width: 100px !important;
width: 100px !important;
max-width: 100px !important;
overflow: visible !important;
margin-inline-start: 0 !important;
margin-inline-end: -100px !important;
pointer-events: none !important;
visibility: hidden !important;
}

#add-additional-vertical-container[vertautohide="true"][verticalbarstart="false"] {
margin-inline-start: -100px !important;
margin-inline-end: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"] {
position: absolute !important;
z-index: 3 !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: auto !important;
font-size: 0px !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"],
#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) {
left: auto !important;
right: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) {
left: 0 !important;
right: auto !important;
}

#add-additional-vertical-box[vertautohide="true"] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: calc(-1 * (100% - 5px));
right: auto;
opacity: 0;
animation-name: toolbar-hide !important;
animation-timing-function: linear !important;
animation-duration: 0.2s !important;
animation-iteration-count: 1 !important;
animation-delay: 0s !important;
transition-property: opacity !important;
transition-timing-function: step-start !important;
transition-duration: 0s !important;
transition-delay: 0.2s !important;
pointer-events: auto !important;
height: 100% !important;
visibility: visible !important;
position: relative !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: auto;
right: calc(-1 * (100% - 5px));
animation-name: toolbar-hide-rtl !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]) {
left: calc(-1 * (100% - 5px));
right: auto;
animation-name: toolbar-hide !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: 0px;
right: auto;
opacity: 1;
animation-name: toolbar-visible !important;
transition-delay: 0s !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: auto;
right: 0px;
animation-name: toolbar-visible-rtl !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: 0px;
right: auto;
animation-name: toolbar-visible !important;
}

@keyframes toolbar-hide {
from {
left: 0px;
}
to {
left: calc(-1 * (100% - 5px));
}
}

@keyframes toolbar-hide-rtl {
from {
right: 0px;
}
to {
right: calc(-1 * (100% - 5px));
}
}

@keyframes toolbar-visible {
from {
left: calc(-1 * (100% - 5px));
}
to {
left: 0px;
}
}

@keyframes toolbar-visible-rtl {
from {
right: calc(-1 * (100% - 5px));
}
to {
right: 0px;
}
}

#main-window[inDOMFullscreen] #add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-bottom-bar[collapsed="true"][customizable="true"][customizing="true"],
#add-additional-vertical-box > #add-additional-vertical-bar > :-moz-any(#personal-bookmarks,#search-container) {
visibility: collapse !important;
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}
}

kokoss · №7018

iamgdv
Если я вас правильно понял, то попробуйте такой вариант:

Выделить код

Код:

/* Multirowtabs */  
#tabbrowser-tab[fadein]:not([pinned]) {  
min-width: 10px !important;  
max-width: 250px !important;    
}

_zt · №7019

IAmSelf
Вот, выбросил все лишнее. Строку легко можно расположить в любом месте окна, в том числе на нижней панели. НО на [firefox]71 не тестировал. Просто заинтересовала сама идея. Данные параметры разместят строку в заголовке окна, со смещением слева и справа, чтобы меню и кнопки управления окном не перекрывать.

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

Выделить код

Код:

/*** Заголовок страницы где указано ***/

#main-window::after {
    position: fixed !important;
    content: attr(title) !important;
    top: 7px !important; /* отступ сверху */
    /* или */
    /* bottom: 3px !important; *//* отступ снизу */
    left: 400px !important; /* поле контента */
    right: 242px !important; /* поле контента */
    padding-inline-start: 10px !important; /* отступ текста в начале поля контента */
    padding-inline-end: 10px !important; /* отступ текста в конце поля контента */
    text-align: right !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #6CBE6C !important;
    /*opacity: 0.8 !important;*/
    /*background: #1B2128 !important;*/
    text-shadow: 2px 2px 3px black !important;
}

И, кто знает, подскажите, как тень шрифту назначить в этом коде?
"background" тут, только потому, что тень не смог прикрутить.

Отредактировано _zt (05-12-2019 20:03:50)

iamgdv · №7020

kokoss пишет

iamgdv
Если я вас правильно понял, то попробуйте такой вариант:
Выделить код
Код:
/* Multirowtabs */  
#tabbrowser-tab[fadein]:not([pinned]) {  
min-width: 10px !important;  
max-width: 250px !important;    
}

попробовал.... увы(( в одну строку

sandro79 · №7021

iamgdv Собрал я из того что есть на базе user_chrome_files, залил на диск яндекса, ниже скрин 71 версии. В настройках user_chrome_files нужно включить стиль custom_style_user.css, в котором код. Да, и перезапустить браузер. Сделал топорно, на пробу, без @import url из css. Желательно опробовать это всё на портативке. А на базе user_chrome_files, потому что в 72 версии панели vertical_top_bottom_bar.zip перестанут работать. Стили взяты отсюда и отсюда. Может ещё кто чего подкинет.

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

Отредактировано sandro79 (05-12-2019 18:37:57)

kokoss · №7022

sandro79 пишет

Может ещё кто чего подкинет.

Да вроде больше не чего подкидывать

unter_officer · №7023

_zt пишет

кто знает, подскажите, как тень шрифту назначить в этом коде?

Например: text-shadow: 1px 1px 2px silver !important;

_zt · №7024

unter_officer
Спасибо, теперь вообще хорошо.

sandro79 · №7025

iamgdv
Собрал ещё, помимо этого, с ещё пока актуальными панелями vertical_top_bottom_bar.zip, комплект в три ряда вкладок - скачать архив.

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

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

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