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

Vitaliy V. · №6926

Garalf
1. проще всего удалить пространство имен что я и сделал ~~@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");~~
2. 3. скорее всего тогда и стили заработают

P.S. из vertical_top_bottom_bar.css тоже удалите, позже обновлю user_chrome_files

Отредактировано Vitaliy V. (25-11-2019 14:23:16)

Garalf · №6927

Vitaliy V.

Vitaliy V. пишет

скорее всего тогда и стили заработают

Благодарю! Так все и случилось.

Garalf · №6928

Vitaliy V.
Если можно, еще пару вопросов по 72.
1. Как отцентрировать кнопки на панели меню по вертикали. Они стали прижимаються к нижнему краю панели
2. Не работает стиль: сужение подсказок до размеров адресной строки

Vitaliy V. · №6929

Garalf
1. Что-то не получается повторить, какие у вас кнопки там? Или может другие стили мешают.
Стиль этот используете https://forum.mozilla-russia.org/viewto … 45#p766645 ?
Скриншот сделайте
2. Какой стиль, с биндингом? да они отвалятся в 72
см. другой способ там https://forum.mozilla-russia.org/viewto … 86#p774586

Отредактировано Vitaliy V. (25-11-2019 16:38:03)

sibirnik · №6930

Имеется в 68.2 это работает:

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

/* ------ Цвет шрифта в именах папок закладок ------- */
menu.bookmark-item {
color: Blue !important;
/*----------------------Конец----------------------------------*/

Помогите пожалуйста сделать Blue-шрифт в именах папок в боковой панели закладок.
И вторая просьба сделать Green-шрифт(если можно) на именах самих закладок в этих папках на панели закладок, боковой панели и верхнем меню "Закладки"

Отредактировано sibirnik (27-11-2019 02:43:13)

Garalf · №6931

Vitaliy V.
Есть еще пара вопросов по 72.
1. Перестал работать стиль /*заблокировать разворачивание/сворачивание окна при двойном клике по пустому месту на панели табов и открыть новую вкладку*/. Он с биндингом. Нет ли варианта без оного.
2. Стиль /* Панель поиска вверху слева */

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

Выделить код

Код:

@-moz-document url-prefix("chrome:") {
findbar {
    -moz-box-ordinal-group: 0 !important;
    position: fixed !important;
    right: auto !important;
    left: 20px !important;
    top: auto !important;
    bottom: auto !important;
    margin: -1px 0 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    max-width: calc(100% - 20px) !important;
    overflow: hidden !important;
    border: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,.25)) !important;
    border-top-width: 0 !important;
    box-shadow: none !important;
    visibility: visible !important;
    transition: none !important;
    z-index: 3 !important;
    border-radius: 0 0 6px 6px !important;
}
findbar > hbox.findbar-container {
    max-width: calc(100% - 22px) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 2px !important;
}
findbar > hbox.findbar-container > * {
    margin: 0 !important;
}
findbar > hbox.findbar-container > :-moz-any(toolbarbutton,label,description) {
    margin: 1px !important;
}
findbar textbox {
    min-height: 22px !important;
    height: auto !important;
    font-size: 100% !important;
}
findbar > .findbar-closebutton {
    margin: 0 !important;
    padding: 3px !important;
    border: none !important;
    -moz-appearance: none !important;
}
findbar > .findbar-closebutton > .toolbarbutton-icon {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
}
findbar[hidden="true"],
#main-window[inFullscreen] #navigator-toolbox[style*="margin-top"] ~ #content-deck .browserContainer > findbar {
    visibility: collapse !important;
}
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(ltr),
findbar:-moz-locale-dir(rtl) {
    right: auto !important;
    left: 20px !important;
}
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(rtl) {
    right: 20px !important;
    left: auto !important;
}
findbar:-moz-locale-dir(ltr) > hbox.findbar-container,
findbar:-moz-locale-dir(rtl) > hbox.findbar-container > *,
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(rtl) > hbox.findbar-container {
    direction: rtl !important;
}
findbar:-moz-locale-dir(rtl) > hbox.findbar-container,
findbar:-moz-locale-dir(ltr) > hbox.findbar-container > *,
#sidebar-box[positionend="true"][ordinal] ~ #appcontent .browserContainer > findbar:-moz-locale-dir(ltr) > hbox.findbar-container {
    direction: ltr !important;
}
findbar:not(:-moz-lwtheme) {
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, none) !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
}
findbar > * {
    vertical-align: middle !important;
}

findbar > hbox.findbar-container > .find-status-icon,
findbar .findbar-button > .toolbarbutton-text {
    display: none !important;
}
findbar .findbar-button > .toolbarbutton-icon {
    display: -moz-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
}
findbar .findbar-button {
    -moz-appearance: none !important;
    padding: 3px 6px !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}
findbar .findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover {
    border-image-source: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><polygon points='0.5,0.5 3.5,0.5 3.5,3.5 0.5,3.5' style='fill:Highlight;fill-opacity:0.15;stroke:Highlight;stroke-width:0.9px;stroke-opacity:0.6'/></svg>") !important;
    border-image-repeat: stretch !important;
    border-image-slice: 1 fill !important;
    border-image-width: 1px !important;
}
findbar .findbar-button:not([disabled="true"]):-moz-any([checked="true"],:hover:active) {
    border-image-source: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><polygon points='0.5,0.5 3.5,0.5 3.5,3.5 0.5,3.5' style='fill:Highlight;fill-opacity:0.3;stroke:Highlight;stroke-width:0.9px;stroke-opacity:0.4'/></svg>") !important;
    border-image-repeat: stretch !important;
    border-image-slice: 1 fill !important;
    border-image-width: 1px !important;
}
findbar .findbar-highlight {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path d='M 0,15 V 1 C 0,0.4 0.4,0 1,0 H 15 C 15.6,0 16,0.4 16,1 V 15 C 16,15.6 15.6,16 15,16 H 1 C 0.4,16 0,15.6 0,15 Z' style='fill:rgb(0,120,173);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 10.1,2.9 16,8.8 V 6 L 13,3 Z M 9.7,3.26 8.92,4 16,11.1 V 9.6 Z M 8.48,4.47 3.7,9.65 2.17,13.9 4.3,16 H 15.1 C 15.6,16 16,15.6 16,15 V 12 Z'/><path style='fill:white;' d='M 10.7,2.3 10.1,2.9 13.1,5.9 13.7,5.3 C 14.2,4.8 14,4 13.5,3.5 L 12.5,2.5 C 12,2 11.2,1.79 10.7,2.3 Z M 9.7,3.26 8.92,4 12,7.03 12.7,6.3 Z M 8.48,4.47 3.87,9.04 3.27,9.53 3.18,9.69 2.03,13.3 C 1.96,13.5 2.02,13.7 2.17,13.9 2.29,14 2.45,14.1 2.6,14 L 6.23,12.8 6.35,12.7 6.89,12.1 11.5,7.49 Z M 3.96,10.3 C 4.01,10.3 4.06,10.3 4.08,10.4 L 4.35,10.7 5.34,10.6 C 5.38,10.6 5.41,10.7 5.43,10.7 H 5.48 L 5.43,11.8 5.64,11.9 C 5.7,12 5.68,12.2 5.58,12.2 L 3.84,12.6 H 3.72 L 3.39,12.2 C 3.35,12.2 3.33,12.2 3.36,12.1 L 3.87,10.4 C 3.89,10.4 3.92,10.3 3.96,10.3 Z' /></g></svg>") !important;
    -moz-image-region: auto !important;
}
findbar .findbar-case-sensitive {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path d='M 0,15 V 1 C 0,0.4 0.4,0 1,0 H 15 C 15.6,0 16,0.4 16,1 V 15 C 16,15.6 15.6,16 15,16 H 1 C 0.4,16 0,15.6 0,15 Z' style='fill:rgb(0,120,173);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 5,16 1,12 3.8,4 H 6.1 L 11.1,9 H 11.4 L 9.9,7.5 12,6.44 14.6,6.7 16,8.1 V 15 C 16,15.6 15.6,16 15,16 Z'/><path style='fill:white;' d='M 3.8,4 1,12 H 2.9 L 3.42,10.4 H 6.44 L 7,12 H 8.9 L 6.11,4 H 3.8 M 12.1,5.83 C 11.7,5.83 11.4,5.83 11,5.9 10.7,5.96 10.3,6.03 9.88,6.12 V 7.54 C 10.2,7.39 10.5,7.28 10.8,7.22 11.1,7.13 11.4,7.1 11.7,7.1 12.3,7.1 12.6,7.16 12.9,7.3 13.1,7.43 13.2,7.65 13.2,7.94 V 8.1 H 12.1 C 11.2,8.1 10.5,8.25 10.1,8.59 9.6,8.89 9.36,9.41 9.36,10 9.36,10.7 9.52,11.1 9.88,11.5 10.4,11.9 10.8,12 11.3,12 11.7,12 12,12 12.4,11.8 12.7,11.6 13,11.3 13.2,11 V 12 H 15 V 8.51 C 15,7.54 14.8,6.88 14.4,6.45 14,6.03 13.1,5.83 12.1,5.83 M 4.93,5.83 5.96,8.98 H 3.93 L 4.93,5.83 M 12.2,9.22 H 13.2 V 9.41 C 13.2,9.8 13.1,10.2 12.9,10.4 12.6,10.7 12.3,10.8 12,10.8 11.7,10.8 11.5,10.7 11.4,10.6 11.3,10.4 11.2,10.2 11.2,9.94 11.2,9.74 11.3,9.54 11.4,9.41 11.6,9.32 11.9,9.22 12.2,9.22' /></g></svg>") !important;
    -moz-image-region: auto !important;
}
findbar .findbar-entire-word {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g><path d='M 0,15 V 1 C 0,0.4 0.4,0 1,0 H 15 C 15.6,0 16,0.4 16,1 V 15 C 16,15.6 15.6,16 15,16 H 1 C 0.4,16 0,15.6 0,15 Z' style='fill:rgb(0,120,173);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 8,16 4,12 3,4 6,7 9,4 12,7 15,4 16,5 V 15 C 16,15.6 15.6,16 15,16 Z'/><path style='fill:white;' d='M 1,4 4,12 H 6 L 8,6.7 10,12 H 12 L 15,4 H 13 L 11,9.3 9,4 H 7 L 5,9.3 3,4 Z' /></g></svg>") !important;
    -moz-image-region: auto !important;
}
#add-additional-bottom-closebutton {
    display: none !important;
}

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

Отредактировано Garalf (26-11-2019 17:41:21)

tagnupip · №6932

можно позаимствовать код, вкладки под адресной строкой ( firefox 71)? заранее спасибо

Отредактировано tagnupip (26-11-2019 18:06:36)

Garalf · №6933

tagnupip
код: вкладки под адресной строкой

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

Выделить код

Код:

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

@-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);
    --v-toolbar-button-inner-padding: 3px;
}
#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;
}

Отредактировано Garalf (26-11-2019 19:57:53)

tagnupip · №6934

Garalf
вроде получилось, но не до конца. (панель меню без самого меню)

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

Отредактировано tagnupip (26-11-2019 20:38:27)

shadow_user · №6935

tagnupip
Вкладки под адресной строкой https://forum.mozilla-russia.org/viewto … 45#p766645 (первый спойлер)

Отредактировано shadow_user (26-11-2019 21:08:27)

tagnupip · №6936

shadow_userто что работает в 70, в 71 работать не будет. а там описывается ещё более ранняя версия. хочу позаботиться заранее, для бесшовного перехода на следующую версию при обновлении

sandro79 · №6937

tagnupip пишет

то что работает в 70, в 71 работать не будет. а там описывается ещё более ранняя версия.

Не факт. А то что сообщение по ссылке выше было отредактировано автором вчера в 13:45:21, в расчёт не берёте? Правда на 71 не смотрел, но в 72 стиль работает как и раньше работал. Заголовок окна, используемый вами, как видно из скринов, уже не работает с этим стилем в 72. Так что на 72 лучше смотреть, для бесшовного перехода. Сюрпризов ещё похоже много будет для любителей тюнинга. На предыдущей странице есть ссылки на стили другого автора(68+), но с тем же недостатком, как минимум - с панелью меню, при её отключении пропадают только меню и значки, а панель остаётся. И это непоправимо начиная с 65 версии. Для 71, как я понял, стили менять не требуется, и можно смело использовать 68+. Для 72+ тоже там можно найти, при желании.

Снимок 72 nightly с одним стилем по ссылке shadow_user

about:addons 72 nightly, кнопки вкл/откл добавили

Garalf · №6938

Vitaliy V.

Vitaliy V. пишет

Garalf
1. Что-то не получается повторить, какие у вас кнопки там? Или может другие стили мешают.
Стиль этот используете https://forum.mozilla-russia.org/viewto … 45#p766645 ?
Скриншот сделайте

Скриншот https://www.upload.ee/files/10775243/2019-11-27_085539.png.html
Там только указанный вами стиль "вкладки внизу" и CB установлены.
Панель меню очень узкая стала, кнопки не центрируются, наползают на панель навигации.
Другие панели - нормально. В 70 и 71 таких проблем не возникало.

Отредактировано Garalf (27-11-2019 18:19:10)

Vitaliy V. · №6939

Garalf пишет

стиль /*заблокировать разворачивание/сворачивание окна при двойном клике по пустому месту на панели табов ... Он с биндингом. Нет ли варианта без оного.

Стилем можно заблокировать вместе с перетаскиванием

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

Выделить код

Код:

#TabsToolbar {
    -moz-window-dragging: no-drag !important;
}

для остального нужен скрипт, если нужен можно перенести тот биндинг в custom_script_win.js ?

Garalf пишет

Стиль /* Панель поиска вверху слева */

https://forum.mozilla-russia.org/viewto … 86#p782586

sandro79 пишет

но с тем же недостатком, как минимум - с панелью меню, при её отключении пропадают только меню и значки, а панель остаётся. И это непоправимо начиная с 65 версии

Тут есть как минимум два варианта:
переносить панель вкладок с position: fixed, absolute и тогда невозможно будет применить стиль для вкладок в несколько строк
или я выкладывал уже стиль https://forum.mozilla-russia.org/viewto … 63#p763863
там нет этих всех недостатков но панель меню тоже ниже, подойдет тем кто редко пользуется панелью меню

Garalf пишет

Там только указанный вами стиль "вкладки внизу"

Нет там мой старый и правленный стиль который вы выложили выше
например это

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

#main-window:not([inFullscreen]) #navigator-toolbox {
position: relative !important;
--v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
--v-toolbar-button-inner-padding: 3px;
}

также с ошибкой синтаксиса, когда скобка открывается @-moz-document url-prefix("chrome://browser/content/browser.x") {
она должна где-то закрываться...

Отредактировано Vitaliy V. (09-07-2020 01:38:56)

Garalf · №6940

Vitaliy V.
У меня вот такой код в userChrome.css

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
    --v-toolbar-button-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]) #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 > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !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"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    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 {
    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])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after,
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

Vitaliy V. · №6941

Garalf
Если убрать кастомные кнопки, также или нормально?
и убрать --v-toolbar-button-inner-padding: 6px; это не правильно
также вы писали что используете компактные стили панелей...

Отредактировано Vitaliy V. (27-11-2019 19:01:41)

Garalf · №6942

Vitaliy V.
Вот то что на скрине https://www.upload.ee/files/10775243/2019-11-27_085539.png.html, это на чистом профиле. Только этот стиль и CB установлено. Любая кнопка (кастомная, CB, с add toolbar buttton), когда ее перетаскиваешь на панель меню размещается на нижнем краю панели, чуть ли не залезает на панель адреса, что не очень эстетично выглядит. На рабочем профиле у меня вообще кастомных кнопок нет.
А с --v-toolbar-button-inner-padding: 8px; хоть немного кнопки от края отодвигаются.

А может это как-то с темой винды связано? У меня W8.1, тема аэро.

Отредактировано Garalf (27-11-2019 20:15:21)

Vitaliy V. · №6943

Garalf пишет

А может это как-то с темой винды связано? У меня W8.1, тема аэро.

Да может, пока не знаю как, проверить не на чем
на [windows] 10 норм

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

на 7 sandro79 выкладывал скрин тоже норм
и на [linux]

тоже

Отредактировано Vitaliy V. (27-11-2019 20:28:04)

Garalf · №6944

Значит, скорее всего, это глюк темы.

Vitaliy V. · №6945

Garalf
Может и не тема, по какой то причине у вас не правильно работает отступ для панели навигации
#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;
}
попробуйте указать без calc например margin-top: 28px !important;
или больше

sandro79 · №6946

Vitaliy V. пишет: Тут есть как минимум два варианта:

Да, вспомнил, это был самый ранний вариант для 65+.

Vitaliy V. пишет: на 7 sandro79 выкладывал скрин тоже норм

Виталий, да у меня на 7 тоже оказалось, при развороте окна во весь экран, панель меню со всеми кнопками тоже уходят вниз, или панель навигации вверх, не совсем понял. Просто практически не пользуюсь окном во весь экран, и не обратил внимание. Ниже четыре снимка настроенной портативной [nightly] и с чистым профилем, и обе только с одним тем же самым стилем вкладок под адр. строкой. Ну для меня это не столь важно, уже смирился с панелью вкладок вверху. Но всё же есть такое дело. Смена неподписанной темы [windows] на встроенную ничего не меняет.

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

Vitaliy V. пишет: попробуйте указать без calc например margin-top: 28px !important; или больше

Да, 30 или 32 уже получше.

Garalf · №6947

Vitaliy V.
Спасибо! Помогло

sandro79
38 решило вопрос)

Отредактировано Garalf (27-11-2019 23:00:48)

Vitaliy V. · №6948

sandro79 пишет

Просто практически не пользуюсь окном во весь экран, и не обратил внимание

Не вы один, похоже я совсем обленился

Короче разобрался там просто добавили box перед #navigator-toolbox
и такой код #main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox
не работал из-за >

Отредактировано Vitaliy V. (27-11-2019 23:33:19)

kokoss · №6949

Vitaliy V. пишет

или я выкладывал уже стиль https://forum.mozilla-russia.org/viewto … 63#p763863
там нет этих всех недостатков но панель меню тоже ниже, подойдет тем кто редко пользуется панелью меню

Не любитель вкладок под панелью навигации, но такой вариант мне нравится, забрал как дополнительный вариант :beer:

Отредактировано kokoss (27-11-2019 23:33:45)

Garalf · №6950

Vitaliy V.
Можно ли модифицировать ваш стиль со всплывающей боковой панелью, чтобы панель открывалась при вызове расширения Side View из контекстного меню закладки и/или по нажатию иконки расширения в панели адреса?

Отредактировано Garalf (28-11-2019 10:26:09)

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

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