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

_zt · №12876

ofizer
Мусор с нижним подчеркиванием, вы для каких целей храните?
!important; вы по каким соображениям не добавляете?
Вы мой код попробовали, без своей отсебятины?
Мой код не влияет на закрепленные вкладки, никаких уточнений не нужно.

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

Добавлено 21-05-2023 20:40:59
Алексей У.
Это долго и врядли тот код заработает на 102. Значок сейчас такой - chrome://global/skin/icons/defaultFavicon.svg, я знаю как менять этот значок сразу и везде, через ucf, а вот единого стиля пока не попадалось.

Отредактировано _zt (21-05-2023 20:43:51)

xrun1 · №12877

_zt
Я не спорил. Ключевая фраза в вопросе была: "Использую Custom CSS for Firefox 4.3.5".
Ответил, как надо правильно использовать в стилях Aris-t2, которыми сам пользуюсь. В стилях есть нужные комментарии.
general_variables.css
userChrome.css
tab_maxwidth.css
ofizer
Стиль фурычит, надо только раскомментировать.

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

Выделить код

Код:

:root {
  /* --tab-min-width: 50px; */
  --tab_min_width: 50px;
  --tab_max_width: 250px;
}

/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */

.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}


/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}

ofizer · №12878

xrun1
Я так и делал, но вкладки растягиваются на всю ширину браузера. Если одна вкладка, то растягивается полностью на всю ширину FF, если больше - тоже растягиваются, но меньше, т.е. чем больше открыто вкладок, тем они уже. Пробовал убрать последний пункт,

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

/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
max-width: var(--tab_max_width) !important;
overflow: hidden !important
}

но тогда код не работает. Быть может, конфликтует с каким-то стилем. Вкладки сузились после применения стиля "Вкладки внизу": https://forum.mozilla-russia.org/viewto … 20#p805020.

kokoss · №12879

ofizer пишет

подскажите, как увеличить ширину вкладок до классической (там то ли 100 было, то ли больше - уж и не помню), если нетрудно

По умолчанию ширина 225, как вариант:

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

Выделить код

Код:

.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
	max-width: 225px !important;
}

Отредактировано kokoss (22-05-2023 00:53:44)

xrun1 · №12880

ofizer
Где-то конфликт в стилях. Я проверял на чистом профиле крайнего портабельного [firefox] в userChrome.css, работает и min и max.

ofizer · №12881

kokoss
Увы, не работает. Видать, конфликт с другим стилем.
xrun1
Да, я об этом выше написал. Вкладки сузились после применения стиля "Вкладки внизу": https://forum.mozilla-russia.org/viewto … 20#p805020. До 113-ой версии был другой стиль от Виталия, и все было в норме. Попробовал покопаться в стиле по ссылке и пока не пойму, где собака зарыта.

yuriymos · №12882

Скажите, пож., вот у этой кнопки (запуска) приватного окна есть какое-то название? Хочу у неё поменять отступы.

Отредактировано yuriymos (22-05-2023 18:24:37)

xrun1 · №12883

yuriymos
#privatebrowsing-button

kokoss · №12884

ofizer пишет

Увы, не работает. Видать, конфликт с другим стилем.

Видимо да, но ни с этим -> https://forum.mozilla-russia.org/viewto … 20#p805020

yuriymos · №12885

xrun1 спасибо

ofizer · №12886

kokoss

Видимо да, но ни с этим ->https://forum.mozilla-russia.org/viewto … 20#p805020

Хм, вот незадача. Стили "Высота вкладок", "Расстояние между вкладками" работают, и работают давно. Ума не приложу, где конфликт.

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

Выделить код

Код:

/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 28px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

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

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

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}

Отредактировано ofizer (22-05-2023 20:23:20)

kokoss · №12887

ofizer
И не в этом, попробуйте методом исключения.

Retif · №12888

xrun1 пишет

config\general_variables.css
проверяете --tab_min_width: 50px !important;
Чтобы применилось, надо также изменить about:config > browser.tabs.tabMinWidth
В userChrome.css должен быть включён стиль css\tabs\tab_maxwidth.css

Да, так получилось, спасибо!

ofizer · №12889

kokoss

попробуйте методом исключения

Да тут, понимаете, все стили нужные. Я бы попытался бы изменить что-то из параметров в этом стиле, но тяжело понять, что за что отвечает.
На всякий пожарный выложу userChrome, вдруг кто-нибудь поможет. Мир ведь не без добрых людей.

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

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {

/*Вкладки внизу*/
@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
*|*:root:not([inFullscreen]) #navigator-toolbox > toolbar {
    order: 10 !important;
}
*|*:root: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;
    order: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    order: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    appearance: none !important;
    order: 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;
}
*|*:root: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;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton),
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
*|*:root: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;
}
*|*:root: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) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
*|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
*|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root: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;
}
*|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
*|*:root:not([inFullscreen]) #navigator-toolbox::after,
*|*:root:not([inFullscreen]) #TabsToolbar::after,
*|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

/*Ширина вкладок*/
tabbrowser-tab[fadein]:not([pinned]) {
    min-width: 50px !important;
    max-width: 250px !important;
}

/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 28px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

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

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

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}  
 
/*Кнопки Закладки и Журнал*/
vbox#browser-bottombox {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='buttons'><implementation><constructor><![CDATA[ var CustomizableUI = window.CustomizableUI; if (!CustomizableUI) { try { CustomizableUI = Components.utils.import('resource:///modules/CustomizableUI.jsm', {}).CustomizableUI; } catch(e) { return; } } var _getWidget = (id) => { var widget = CustomizableUI.getWidget(id); if (!widget || widget.provider != CustomizableUI.PROVIDER_API) return true; return false; }; try { let id = 'add-view-history-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'История', tooltiptext: 'Показать / Скрыть Историю', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewHistorySidebar'); } }); } } catch(e) {} try { let id = 'add-view-bookmarks-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'Закладки', tooltiptext: 'Показать / Скрыть Закладки', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewBookmarksSidebar'); } }); } } catch(e) {} ]]></constructor></implementation></binding></bindings>#buttons");
}

#add-view-history-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 38,8 C 28.9,6.6 19.5,3.34 12,10 5.05,18.2 4.21,27.7 8,38 L 18,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 18'/><path style='fill:white;' d='M 24,3 C 12.3,3 3,12.3 3,24.1 3,35.7 12.3,45 24,45 35.7,45 45,35.7 45,24.1 45,12.3 35.7,3 24,3 Z M 24,39.9 C 15.3,39.9 8.1,32.7 8.1,24.1 8.1,15.3 15.3,8.1 24,8.1 32.7,8.1 39.9,15.3 39.9,24.1 39.9,32.7 32.7,39.9 24,39.9 Z M 31.5,21 H 27 V 15 C 27,13.2 25.8,12 24,12 22.2,12 21,13.2 21,15 V 24.1 C 21,25.8 22.2,27 24,27 H 31.5 C 33.3,27 34.5,25.8 34.5,24.1 34.5,22.2 33.3,21 31.5,21 Z' /></g></svg>") !important;
}

#add-view-bookmarks-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 24,3 11.1,45 14.1,48 H 45.58 C 46.93,48 48,46.9 48,45.53 V 22.2 L 45,19.2 39,18 Z'/><path style='fill:white;' d='M 45,19.05 C 45.09,19.34 36.05,30.02 35.96,30.3 35.86,30.57 37.21,44.81 36.97,45 36.76,45.15 24.28,39.43 24,39.43 23.73,39.43 11.25,45.16 11.03,45 10.79,44.81 12.11,30.57 12.02,30.3 11.94,30.02 2.911,19.34 3.001,19.05 3.087,18.77 16.37,15.69 16.6,15.53 16.82,15.35 23.72,3 24,3 24.28,3 31.18,15.35 31.4,15.53 31.63,15.69 44.88,18.75 45,19.05' /></g></svg>") !important;
}

/*Увеличение размера подсказок в строке поиска*/
#PopupSearchAutoComplete > richlistbox.search-panel-tree {
  font-size: 1.2em !important;
}

/*Сужение подсказок до размеров адресной строки*/
#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 0 !important;
}

#urlbar, #searchbar {
    margin: 0 !important;
}

#searchbar .searchbar-textbox {
    margin: 0 !important;
}

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

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: calc(100% - 2px) !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 1px !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;
}

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

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



/*Уменьшение размеров адресной и поисковой строки*/
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) {
    min-height: 26px !important;
    margin: 4px !important;
    --urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) .urlbar-icon {
    width: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    padding: var(--urlbar-icon-padding) !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
}

/*Убрать из подсказок адресной строки Искать в этот раз с помощью посковых систем*/
#urlbar .search-one-offs {
    display: none !important;
}

/*Убрать кнопку звука во вкладках*/
.tab-icon-sound {
  display: none !important;
}

/*Замена цвета синей полосы в активной вкладке*/
.tab-background .tab-line {
    background: Silver !important;
}

/*Выделить границы вкладок*/
.tabbrowser-tab .tab-background {
    outline: 1px solid Gray !important;
    outline-offset: -1px !important;
}

.tabbrowser-tab::after, .tabbrowser-tab::before {
    opacity: 0 !important;
}
}

/*Убрать во вкладках надпись ВОСПРОИЗВОДИТСЯ*/
.tab-secondary-label {
    display: none !important;
}

/*Отключить кнопку звука во вкладке*/
.tab-icon-overlay:not([sharing],[crashed]):is([soundplaying],[muted],[activemedia-blocked]) {
    pointer-events: none !important;
}

/*Убрать значок и надпись Приватный просмотр на панели управления*/
#private-browsing-indicator-with-label {
   display: none;
}

/*Вместо Скопировать Копировать в КМ версия 110*/
:is(menuitem, menu) > label[value="Скопировать"]::before {
	content: "Копировать";
}
:is(menuitem, menu) > label[value="Скопировать ссылку"]::before {
	content: "Копировать ссылку";
}
:is(menuitem, menu) > label[value="Скопировать ссылку на изображение"]::before {
	content: "Копировать ссылку на изображение";
}
:is(menuitem, menu) > label[value="Скопировать изображение"]::before {
	content: "Копировать изображение";
}

/*Убрать новую кнопку управления расширениями*/
#unified-extensions-button{
    width: 0.1px;
    padding-inline: 0 !important
    }
    #unified-extensions-button > .toolbarbutton-icon{
    width: 0 !important;
    }

Отредактировано ofizer (23-05-2023 15:02:14)

xrun1 · №12890

ofizer пишет

все стили нужные

Все стили нужные, а 1-я строка, на мой взгляд, лишняя. Без неё всё работает. Заменил у Вас /* Ширина вкладок */ на свой стиль.
Такой userChrome.css у меня на портабельной заработал.

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

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {

/*Вкладки внизу*/
@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
*|*:root:not([inFullscreen]) #navigator-toolbox > toolbar {
    order: 10 !important;
}
*|*:root: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;
    order: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    order: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    appearance: none !important;
    order: 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;
}
*|*:root: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;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton),
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
*|*:root: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;
}
*|*:root: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) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
*|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
*|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root: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;
}
*|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
*|*:root:not([inFullscreen]) #navigator-toolbox::after,
*|*:root:not([inFullscreen]) #TabsToolbar::after,
*|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

/* Ширина вкладок */
:root {
  /* --tab-min-width: 50px; */
  --tab_min_width: 50px;
  --tab_max_width: 250px;
}

/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */

.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}

/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}

/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 28px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

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

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

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}  
 
/*Кнопки Закладки и Журнал*/
vbox#browser-bottombox {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='buttons'><implementation><constructor><![CDATA[ var CustomizableUI = window.CustomizableUI; if (!CustomizableUI) { try { CustomizableUI = Components.utils.import('resource:///modules/CustomizableUI.jsm', {}).CustomizableUI; } catch(e) { return; } } var _getWidget = (id) => { var widget = CustomizableUI.getWidget(id); if (!widget || widget.provider != CustomizableUI.PROVIDER_API) return true; return false; }; try { let id = 'add-view-history-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'История', tooltiptext: 'Показать / Скрыть Историю', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewHistorySidebar'); } }); } } catch(e) {} try { let id = 'add-view-bookmarks-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'Закладки', tooltiptext: 'Показать / Скрыть Закладки', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewBookmarksSidebar'); } }); } } catch(e) {} ]]></constructor></implementation></binding></bindings>#buttons");
}

#add-view-history-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 38,8 C 28.9,6.6 19.5,3.34 12,10 5.05,18.2 4.21,27.7 8,38 L 18,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 18'/><path style='fill:white;' d='M 24,3 C 12.3,3 3,12.3 3,24.1 3,35.7 12.3,45 24,45 35.7,45 45,35.7 45,24.1 45,12.3 35.7,3 24,3 Z M 24,39.9 C 15.3,39.9 8.1,32.7 8.1,24.1 8.1,15.3 15.3,8.1 24,8.1 32.7,8.1 39.9,15.3 39.9,24.1 39.9,32.7 32.7,39.9 24,39.9 Z M 31.5,21 H 27 V 15 C 27,13.2 25.8,12 24,12 22.2,12 21,13.2 21,15 V 24.1 C 21,25.8 22.2,27 24,27 H 31.5 C 33.3,27 34.5,25.8 34.5,24.1 34.5,22.2 33.3,21 31.5,21 Z' /></g></svg>") !important;
}

#add-view-bookmarks-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 24,3 11.1,45 14.1,48 H 45.58 C 46.93,48 48,46.9 48,45.53 V 22.2 L 45,19.2 39,18 Z'/><path style='fill:white;' d='M 45,19.05 C 45.09,19.34 36.05,30.02 35.96,30.3 35.86,30.57 37.21,44.81 36.97,45 36.76,45.15 24.28,39.43 24,39.43 23.73,39.43 11.25,45.16 11.03,45 10.79,44.81 12.11,30.57 12.02,30.3 11.94,30.02 2.911,19.34 3.001,19.05 3.087,18.77 16.37,15.69 16.6,15.53 16.82,15.35 23.72,3 24,3 24.28,3 31.18,15.35 31.4,15.53 31.63,15.69 44.88,18.75 45,19.05' /></g></svg>") !important;
}

/*Увеличение размера подсказок в строке поиска*/
#PopupSearchAutoComplete > richlistbox.search-panel-tree {
  font-size: 1.2em !important;
}

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") {
/*Сужение подсказок до размеров адресной строки*/
#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 0 !important;
}

#urlbar, #searchbar {
    margin: 0 !important;
}

#searchbar .searchbar-textbox {
    margin: 0 !important;
}

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

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: calc(100% - 2px) !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 1px !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;
}

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

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

/*Уменьшение размеров адресной и поисковой строки*/
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) {
    min-height: 26px !important;
    margin: 4px !important;
    --urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) .urlbar-icon {
    width: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    padding: var(--urlbar-icon-padding) !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
}

/*Убрать из подсказок адресной строки Искать в этот раз с помощью посковых систем*/
#urlbar .search-one-offs {
    display: none !important;
}

/*Убрать кнопку звука во вкладках*/
.tab-icon-sound {
  display: none !important;
}

/*Замена цвета синей полосы в активной вкладке*/
.tab-background .tab-line {
    background: Silver !important;
}

/*Выделить границы вкладок*/
.tabbrowser-tab .tab-background {
    outline: 1px solid Gray !important;
    outline-offset: -1px !important;
}

.tabbrowser-tab::after, .tabbrowser-tab::before {
    opacity: 0 !important;
}
}

/*Убрать во вкладках надпись ВОСПРОИЗВОДИТСЯ*/
.tab-secondary-label {
    display: none !important;
}

/*Отключить кнопку звука во вкладке*/
.tab-icon-overlay:not([sharing],[crashed]):is([soundplaying],[muted],[activemedia-blocked]) {
    pointer-events: none !important;
}

/*Убрать значок и надпись Приватный просмотр на панели управления*/
#private-browsing-indicator-with-label {
   display: none;
}

/*Вместо Скопировать Копировать в КМ версия 110*/
:is(menuitem, menu) > label[value="Скопировать"]::before {
	content: "Копировать";
}
:is(menuitem, menu) > label[value="Скопировать ссылку"]::before {
	content: "Копировать ссылку";
}
:is(menuitem, menu) > label[value="Скопировать ссылку на изображение"]::before {
	content: "Копировать ссылку на изображение";
}
:is(menuitem, menu) > label[value="Скопировать изображение"]::before {
	content: "Копировать изображение";
}

/*Убрать новую кнопку управления расширениями*/
#unified-extensions-button{
    width: 0.1px;
    padding-inline: 0 !important
    }
    #unified-extensions-button > .toolbarbutton-icon{
    width: 0 !important;
    }
}

Отредактировано xrun1 (23-05-2023 17:52:44)

ofizer · №12891

xrun1
Крайне Вам признателен. Работает. Не зря говорю, что мир не без добрых людей. Правда, адресная и поисковая строки малость искривились:

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

Вернул первую строку в исходное состояние, и все стало на свои места. Чудеса. Еще раз спасибо!

Отредактировано ofizer (23-05-2023 17:26:45)

6e73epo · №12892

ofizer, никаких чудес. Просто в приведенным тобой userChorme.css был ошибочный селектор tabbrowser-tab[fadein]:not([pinned])

xrun1 · №12893

ofizer
Очистите StartupCache и перестанет работать.
Пока так, подправил стиль. Если ещё что-то вылезет, скажите. Потом внимательнее посмотрю.

ofizer · №12894

xrun1

подправил стиль

Спасибо, работает. Вот только перестал работать стиль:

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

Выделить код

Код:

/*Убрать из подсказок адресной строки Искать в этот раз с помощью посковых систем*/
#urlbar .search-one-offs {
    display: none !important;
}

Если ещё что-то вылезет, скажите. Потом внимательнее посмотрю.

Спасибо.

А сегодня заметил, что отвалился стиль "Расстояние между вкладками":

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

Выделить код

Код:

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}

Прям напасть какая-то. Давненько я стили не менял. Они исправно работали, пока гром не грянул.

Отредактировано ofizer (24-05-2023 14:08:10)

kokoss · №12895

ofizer пишет

Вот только перестал работать стиль:
скрытый текст

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

Выделить код

Код:

#urlbar-one-offs-header-label {
    display: none;
}

ofizer · №12896

kokoss
Увы, не работает. У меня был такой:

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

Выделить код

Код:

/*Убрать из подсказок адресной строки Искать в этот раз с помощью посковых систем*/
#urlbar .search-one-offs {
    display: none !important;
}

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

Эх, сколько времени все славно работало. Аж почти все перезабыл.

kokoss · №12897

ofizer пишет

Увы, не работает

А у меня работает:

Add, если нужно скрыть всё панель, то так:

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

Выделить код

Код:

#urlbar .search-one-offs:not([hidden]) {
    display: none !important;
}

Отредактировано kokoss (23-05-2023 23:48:05)

ofizer · №12898

kokoss
А тут штука в том, как написана первая строка в userChrome (у меня, по крайней мере). Вот если так @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");, то старый стиль работает, ежели так /* @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); */, тогда нужен другой стиль, новый. Эдак меня кондрашка хватит .

kokoss · №12899

ofizer
эта строка уже давно не актуальна в userChrome.css, замените её на -> @namespace html url("http://www.w3.org/1999/xhtml");
P,S, без этой строки вроде тоже работают, но надо проверять.

vitalii201 · №12900

Может уже решено, пропустил.
Как исправить:

Панель поиска вверху

Выделить код

Код:

/*Панель поиска вверху*/ 
.browserContainer findbar {
-moz-box-ordinal-group: 0 !important;
}
.findbar-container {-moz-box-direction: reverse !important;}

.browserContainer findbar, #viewSource #FindToolbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
right: 30px;
margin-top: -1px !important;
box-shadow: 1px 2px 3px rgba(0, 0, 0, .25) !important;
border: 1px solid threedshadow !important;
border-top: none !important;
border-radius: 0 0 3px 3px;
transition-property: margin-top, opacity, visibility !important;
}

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

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