авто скрытие бок. панели добавлено (в закомментированном виде) в комплект user_chrome_files
Поставил. Раскомментировал. Но:
Прошу прощения. Или я не понял.......
По клику возможно скрытие боковой панели? Или нет?
По таймауту работает прекрасно. Но нужно по клику.
Отсутствует
А панель поиска у вас нормально функционирует? Вы ее не правили?
Не понял причем здесь панель поиска, да работает как обычно
По клику возможно скрытие боковой панели? Или нет?
Да там же скрипт есть.
UPD:
в user_chrome_files/custom_scripts/custom_script_win.js
изменить объект autohidesidebar: {...}
надеюсь правильно замените
autohidesidebar: { sidebar: null, timer: null, delay: null, listener: null, constructor: function() { var sidebar = this.sidebar = document.querySelector("#sidebar-box"); if(!sidebar) return; ["dragenter", "drop", "dragexit", "mouseenter", "mouseleave"].forEach((type) => { sidebar.addEventListener(type, this, false); }); ucf_custom_script_win.unloadlisteners.push("autohidesidebar"); }, destructor: function() { var sidebar = this.sidebar; ["dragenter", "drop", "dragexit", "mouseenter", "mouseleave"].forEach((type) => { sidebar.removeEventListener(type, this, false); }); }, handleEvent: function(event) { this[event.type](event); }, click: function(event) { var sidebar = this.sidebar; var boxObj = sidebar.getBoundingClientRect(), boxScrn = !sidebar.boxObject ? sidebar : sidebar.boxObject; if (event.screenY < boxScrn.screenY || event.screenY > boxScrn.screenY + boxObj.height || event.screenX < boxScrn.screenX || event.screenX > boxScrn.screenX + boxObj.width) { window.removeEventListener("click", this, false); this.listener = false; if (sidebar.hasAttribute("sidebardrag")) sidebar.removeAttribute("sidebardrag"); } }, mouseenter: function() { var sidebar = this.sidebar; if (!sidebar.hasAttribute("sidebardrag") && !this.listener) { clearTimeout(this.timer); var delay = this.delay || (this.delay = +getComputedStyle(sidebar).getPropertyValue("transition-delay").replace(/[^0-9\.]/g, "") * 1000); this.timer = setTimeout(() => { sidebar.setAttribute("sidebardrag", "true"); this.listener = true; window.addEventListener("click", this, false); }, delay); } }, mouseleave: function() { clearTimeout(this.timer); }, dragenter: function() { if (!this.sidebar.hasAttribute("sidebardrag")) this.sidebar.setAttribute("sidebardrag", "true"); }, drop: function() { if (this.sidebar.hasAttribute("sidebardrag")) this.sidebar.removeAttribute("sidebardrag"); }, dragexit: function(event) { var sidebar = this.sidebar; var boxObj = sidebar.getBoundingClientRect(), boxScrn = !sidebar.boxObject ? sidebar : sidebar.boxObject; if ((!event.relatedTarget || event.screenY <= (boxScrn.screenY + 5) || event.screenY >= (boxScrn.screenY + boxObj.height - 5) || event.screenX <= (boxScrn.screenX + 5) || event.screenX >= (boxScrn.screenX + boxObj.width - 5)) && sidebar.hasAttribute("sidebardrag")) sidebar.removeAttribute("sidebardrag"); } }
Отредактировано Vitaliy V. (11-01-2020 19:58:43)
Отсутствует
Vitaliy V.
Да у меня панель поиска в 74 почему-то перекорежило. Кнопки разнесло на 3 строки.
В 72 и 73 этот же код работает прекрасно. Код ваш.
Отредактировано Garalf (09-01-2020 21:45:12)
Отсутствует
del
Отредактировано Vitaliy V. (10-01-2020 12:26:07)
Отсутствует
Да у меня панель поиска в 74 почему-то перекорежило. Кнопки разнесло на 3 строки.
Вероятно вы говорите об этой панели поиска, по ссылке отсюда, из под второго спойлера?
Да, есть такое дело. И финдбар от Ариса тоже перекосило в 74 . Стилей кроме финдбара в custom_style_user и скроллбара в custom_style_agent не используется, импорты временно удалены из custom_style_user для проведения эксперимента.
Отсутствует
sandro79
Теперь понятно, а то спрашивают как будто я всеми стилями что выкладываю пользуюсь.
UPD: Исправлено и добавлена новая иконка "С учётом диакритических знаков"
Отредактировано Vitaliy V. (10-01-2020 01:49:05)
Отсутствует
тоже перекосило
Это они издеваются над -moz-box.
У них и у самих перекосило, здесь и здесь.
Отсутствует
sandro79
Теперь понятно, а то спрашивают как будто я всеми стилями что выкладываю пользуюсь.
Конечно, нужно больше конкретики - ссылку на стиль, снимок хотя бы. Да я помню, не так давно вопрос подымался, а я там поблизости крутился.
Это они издеваются над -moz-box.
Да, у меня тоже, как на снимке по второй ссылке было, но после обновления и перезапуска выровнялось.
Отсутствует
FF обновился до 72 версии. Название вкладки теперь перестало писаться в самом верху в зоголовке окна (полоса на которой кнопки свернуть, оконный режим, закрыть). Какие настройки за это отвечают?
Отсутствует
Название вкладки теперь перестало писаться в самом верху в зоголовке окна (полоса на которой кнопки свернуть, оконный режим, закрыть). Какие настройки за это отвечают?
about:config: browser.tabs.drawInTitlebar = false
Отсутствует
Доброго времени суток. После обновы на 72.0.1 текст на вкладках сместился вниз. И получилась подобная ерунда
Отсутствует
Откатить на старую версию не вариант из-за несоответствия версии профиля.
Лучше обновите стили от Aris:
Win7
Отсутствует
После обновы на 72.0.1 текст на вкладках сместился вниз. И получилась подобная ерунда
Не наблюдаю такой проблемы, не со стилями не без стилей, ниже скриншот 72.0.1 версии с 26-ю вкладками. Если скриншот с радикала не открывается, включите TLS 1.0 и 1.1
Как исправить не знаю, может конфликт с темой .
Откатить на старую версию не вариант из-за несоответствия версии профиля.
Можно, если удалить в профиле файл compatibility.ini
Отсутствует
Anmkr пишетОткатить на старую версию не вариант из-за несоответствия версии профиля.
Лучше обновите стили от Aris:
Во-первых, стоит последняя, во-вторых я так понял, что проблема не с ней все-таки
upd.
Можно, если удалить в профиле файл compatibility.iniскрытый текст
Спасибо, помогло. Снес все в Local, оставил созданный новый профиль в Roaming с перенесенными данными и установил ESR 68.
И такая проблема не только у меня появилась, судя по всему https://forum.mozilla-russia.org/viewto … 30#p776630. Да, кстати, еще и журнал посещений вообще не читался, выглядел пустым.
Отредактировано Anmkr (11-01-2020 07:59:34)
Отсутствует
Может кто-нибудь подправить код для FF 72? Вкладки расположены внизу окна в несколько строк, но почему-то несколько строк не показывает ((. В FF 71 все работало как надо.
: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); --tab-min-height_tnot: 19px; } :root[uidensity=compact] { --tab-min-height_tnot: 19px; } :root[uidensity=touch] { --tab-min-height_tnot: 19px; } /* 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 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; } }*/ #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: 1px !important; } #main-window:not([inDOMFullscreen="true"]) #browser-bottombox { margin-bottom: calc(2px + var(--tab-min-height_tnot)) !important; } @media (-moz-os-version: windows-win7) { @media all and (-moz-windows-compositor) { #main-window:not([inDOMFullscreen="true"]) #browser-bottombox { margin-bottom: calc(1px + var(--tab-min-height_tnot)) !important; } } } #main-window:not([inDOMFullscreen="true"]) #TabsToolbar { position: fixed !important; display:block !important; } /* lw-theme */ #main-window:not([inDOMFullscreen="true"]) #navigator-toolbox > #TabsToolbar:-moz-lwtheme { background-repeat: no-repeat !important; background-position: bottom left !important; background-color: var#main-window[tabsintitlebar]:not([inDOMFullscreen="true"])#main-window[tabsintitlebar]:not([inDOMFullscreen="true"])(--toolbar-bgcolor) !important; background-image: var(--lwt-header-image) !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: 0px !important; border-bottom: 1px solid threedshadow !important; } #main-window:not([inDOMFullscreen="true"]) #browser-bottombox { margin-bottom: calc(2px + var(--tab-min-height_tnot)) !important; } @media (-moz-os-version: windows-win7) { @media all and (-moz-windows-compositor) { #main-window:not([inDOMFullscreen="true"]) #browser-bottombox { margin-bottom: calc(1px + var(--tab-min-height_tnot)) !important; } } } #main-window:not([inDOMFullscreen="true"]) #TabsToolbar { position: fixed !important; display:block !important; } /* lw-theme */ #main-window:not([inDOMFullscreen="true"]) #navigator-toolbox > #TabsToolbar:-moz-lwtheme { background-repeat: no-repeat !important; background-position: bottom left !important; background-color: var(--toolbar-bgcolor) !important; background-image: var(--lwt-header-image) !important; } /* Раскомментировать код ниже для использования в 72+ */ #TabsToolbar { min-height: 0 !important; height: var(--tab-min-height_tnot) !important; max-height: unset !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ /****************************************************************************************/ /* multirow / multiple tab lines - modified for CustomCSSforFx **************************/ /* all credits go to the original authors: **********************************************/ /* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/ /* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */ /****************************************************************************************/ /* NOTE ********************************************************************************/ /* Variables are set inside '.\config\' folders CSS files, if complete package is used! */ :root{ --tabs-lines: 5; --tab_min_width_mlt: 96px; --tab_max_width_mlt: 200px; --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */ } #tabbrowser-tabs{ min-height: unset !important; padding-inline-start: 0px !important; } /* Selectors for Firefox 71+ */ /* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */ @-moz-document url(chrome://browser/content/browser.xhtml){ .scrollbutton-up[orient="horizontal"][part]~spacer, .scrollbutton-up[orient="horizontal"][part], .scrollbutton-down[orient="horizontal"][part]{ display: none !important; } scrollbox[part][orient="horizontal"]{ display: flex; flex-wrap: wrap; overflow-y: auto; max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines)); } } /* Test for Firefox > 66 */ @supports (inset-block:auto){ #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ display: flex; flex-wrap: wrap; overflow-y: auto; max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines)); } #tabbrowser-tabs > .tabbrowser-arrowscrollbox { overflow: -moz-hidden-unscrollable; display: block; /*margin-bottom:-1px !important;*/ } :-moz-any(.tabs-newtab-button,#tabs-newtab-button) { height: var(--tab-min-height_mlt) !important; } } /* Test for Firefox < 66 */ @supports not (inset-block:auto){ #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: unset !important; } #tabbrowser-tabs .scrollbox-innerbox{ display: flex; flex-wrap: wrap; } #tabbrowser-tabs .arrowscrollbox-scrollbox { overflow: -moz-hidden-unscrollable; display: block; } } .tabbrowser-tab{ height: var(--tab-min-height_mlt); } #tabbrowser-tabs .tabbrowser-tab[pinned]{ position: static !important; margin-inline-start: 0px !important; } .tabbrowser-tab[fadein]:not([pinned]) { flex-grow: 1; min-width: var(--tab_min_width_mlt) !important; max-width: var(--tab_max_width_mlt) !important; } .tabbrowser-tab > stack{ width: 100%; height: 100%; } #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, .tabbrowser-tab::after{ display: none !important; } #tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button) { visibility: hidden !important; } /* hide private window indicator, window controls and titlebar placeholders */ #main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator, #main-window[tabsintitlebar] #TabsToolbar #window-controls, #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"], #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] { display: none !important; } #TabsToolbar .titlebar-placeholder[type="pre-tabs"], #TabsToolbar .titlebar-placeholder[type="post-tabs"] { opacity: 0 !important; } /* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */ .tabbrowser-tab::after, .tabbrowser-tab::before { border-left: unset !important; border-image: unset !important; border-image-slice: unset !important; border: 0 !important; } /* Fx66+ tab close fix */ #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button { visibility: visible !important; display: block !important; } #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button { visibility: hidden !important; display: block !important; -moz-margin-start: -18px !important; } /* fix scrollbar */ #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag !important; } /*lw theme fix */ #main-window[style*='--lwt-header-image']:-moz-lwtheme { background-repeat: repeat-y !important; } /* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ /* NOTE ********************************************************************************/ /* Variables are set inside '.\config\' folders CSS files, if complete package is used! */ :root { --classic_squared_tabs_tab_height: 21px; --classic_squared_tabs_tab_default_loading_icon_color: #0A84FF; --classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa); --classic_squared_tabs_hovered_tabs: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2); --classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be); --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be); --classic_squared_tabs_lwt-dark_active_tab: inherit; --classic_squared_tabs_lwt-dark_hovered_tabs: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%); --classic_squared_tabs_lwt-dark_other_tabs: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%); --classic_squared_tabs_lwt-bright_active_tab: inherit; --classic_squared_tabs_lwt-bright_hovered_tabs: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%); --classic_squared_tabs_lwt-bright_other_tabs: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%); --classic_squared_tabs-border_size: 1px; --classic_squared_tabs-border1: #5f7181; --classic_squared_tabs-border2: rgba(0,0,0,.2); --classic_squared_tabs-border3: rgba(0,0,0,.5); --classic_squared_tabs-border-radius: 4px; --classic_squared_tabs_new_tab_icon_color: black; --classic_squared_tabs_tab_text_color: black; --classic_squared_tabs_tab_text_shadow: transparent; --tab-min-height: var(--classic_squared_tabs_tab_height) !important; --mltabs-newtab-height: calc( var(--classic_squared_tabs_tab_height) + 1px ) !important; --tab-min-height_tnot: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; --space_below_content: calc( var(--classic_squared_tabs_tab_height) + 1px ) !important; } /* remove default tab colors */ #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[visuallyselected="true"], #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-background { background: unset !important; border: unset !important; } /*******************************************/ /**** default themes tab colors [start] ****/ /*******************************************/ /* black tab text color */ #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; } /* default tabs color */ #TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content { background-image: var(--classic_squared_tabs_other_tabs) !important; } /* selected tabs color */ #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] { background-image: var(--classic_squared_tabs_active_tab) !important; } /* hovered tabs color */ #TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) { background-image: var(--classic_squared_tabs_hovered_tabs) !important; } /* unloaded/pending tabs color */ #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content { background-image: var(--classic_squared_tabs_unloaded_tabs) !important; } /* tab border color */ #TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content { border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important; border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important; border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important; } #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) { border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important; border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important; border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important; } #TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content { border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border3) !important; border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border3) !important; border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border3) !important; } /* new tab icon color */ #TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button) { fill: var(--classic_squared_tabs_new_tab_icon_color) !important; color: var(--classic_squared_tabs_new_tab_icon_color) !important; } /*******************************************/ /***** default themes tab colors [end] *****/ /*******************************************/ /********************************************/ /******* lw-themes tab colors [start] *******/ /********************************************/ /* lightweight theme tab colors*/ .tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content { background-image: var(--classic_squared_tabs_lwt-dark_active_tab) !important; } :-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-darktext, .tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content { background-image: var(--classic_squared_tabs_lwt-dark_other_tabs) !important; } :-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover:-moz-lwtheme-darktext, .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content { background-image: var(--classic_squared_tabs_lwt-dark_hovered_tabs) !important; } .tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content { background-image: var(--classic_squared_tabs_lwt-bright_active_tab) !important; } :-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-brighttext, .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content { background-image: var(--classic_squared_tabs_lwt-bright_other_tabs) !important; } :-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover:-moz-lwtheme-brighttext, .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content { background-image: var(--classic_squared_tabs_lwt-bright_hovered_tabs) !important; } .tabbrowser-tab:not([selected]):not(:hover):-moz-lwtheme-brighttext { background: unset !important; } /* compact dark lw-theme */ #main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme :-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-brighttext, #main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content { background-image: linear-gradient(rgba(0,0,0,.99), rgba(0,0,0,.99)) !important; } #main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme :-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover:-moz-lwtheme-brighttext, #main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content { background-image: linear-gradient(rgba(71,71,71,.7), rgba(71,71,71,.7)) !important; } .tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content { border-top: 1px solid rgba(0,0,0,.5) !important; border-left: 1px solid rgba(0,0,0,.4) !important; border-right: 1px solid rgba(0,0,0,.4) !important; } .tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content { border-top: 1px solid rgba(255,255,255,.6) !important; border-left: 1px solid rgba(255,255,255,.2) !important; border-right: 1px solid rgba(255,255,255,.2) !important; } #TabsToolbar:-moz-lwtheme :-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-darktext, .tabbrowser-tab .tab-content:-moz-lwtheme-darktext { border-top: 1px solid rgba(0,0,0,.2) !important; border-left: 1px solid rgba(0,0,0,.2) !important; border-right: 1px solid rgba(0,0,0,.2) !important; } #TabsToolbar:-moz-lwtheme :-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-brighttext, .tabbrowser-tab .tab-content:-moz-lwtheme-brighttext { border-top: 1px solid rgba(255,255,255,.6) !important; border-left: 1px solid rgba(255,255,255,.2) !important; border-right: 1px solid rgba(255,255,255,.2) !important; } /********************************************/ /******** lw-themes tab colors [end] ********/ /********************************************/ /* tab line & tab background*/ .tabbrowser-tab:-moz-lwtheme[selected] .tab-line[selected=true] { height: 0px !important; } .tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true], .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) { background-color: rgba(0,0,0,.2); opacity: 0 !important; } .tabbrowser-tab .tab-background[selected=true] { border-image: unset !important; border-image-slice: 0 !important; } .tabbrowser-tab:not([selected]) .tab-background{ display: none !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) { background-color: rgba(0,0,0,.0) !important; } /* tab top border roundness */ #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabbrowser-tab .tab-stack, #TabsToolbar .tabbrowser-tab .tab-background, #TabsToolbar .tabbrowser-tab .tab-content { border-top-left-radius: var(--classic_squared_tabs-border-radius) !important; border-top-right-radius: var(--classic_squared_tabs-border-radius) !important; } /* loading animation color */ #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) { --tab-loading-fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important; } .tab-throbber[busy]::before, .tab-throbber[progress]::before { fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important; } /* space between tabs */ :-moz-any(.tabs-newtab-button,#tabs-newtab-button), .tabbrowser-tab:not([pinned]) { -moz-margin-start: 0px !important; } /* width of new tab tab */ #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button){ min-width: 0px !important; width: 28px !important; margin-bottom: -1px !important; } /* size of new tab tabs '+' icon */ #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon{ min-width: 0px !important; min-height: 0px !important; width: 14px !important; height: 14px !important; margin: 0px !important; margin-bottom: 0px !important; padding: 0px !important; background: unset !important; box-shadow: unset !important; } /* tab close icon size and position */ .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon { width: 16px !important; height: 16px !important; } .tabbrowser-tab:not([pinned]) .tab-content .close-icon, :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon { width: 16px !important; height: 16px !important; -moz-margin-end: -6px !important; } :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon, :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon { margin-top: -8px !important; margin-bottom: -8px !important; } :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-close-button { margin-inline-end: unset !important; padding: unset !important; } /*tab favicon position*/ .tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber, .tabbrowser-tab:not([pinned]) .tab-icon-image{ -moz-margin-start:-6px !important; } /* reduce minimum tab height */ #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--classic_squared_tabs_tab_height) !important; } #TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] { min-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; max-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; } /* Windows 10 fix */ @media (-moz-os-version: windows-win10) { .titlebar-button { padding-top: 7px !important; padding-bottom: 7px !important; } } /*pinned tabs*/ #TabsToolbar .tab-content[pinned] { padding: 0 6px !important; } /* remove top line above tabs for lw-themes */ #main-window:-moz-lwtheme #browser-panel{ border: unset !important; box-shadow: unset !important; } /* hide tab separators and borders set by Firefox */ .tabbrowser-tab::after, .tabbrowser-tab::before { opacity: 0 !important; border-image: unset !important; border-image-slice: unset !important; width: unset !important; } #tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after, .tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after { content: unset !important; display: unset !important; } .tabbrowser-tab::after, .tabbrowser-tab::before { border-left: unset !important; border-image: unset !important; border-image-slice: unset !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after, :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before, .tabbrowser-tab:hover::before, .tabbrowser-tab[last-visible-tab]:hover::after, #tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before { border-image: unset !important; border-image-slice: unset !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .tabbrowser-tab, .tab-stack, .tab-background { border: unset !important; } /* remove titlebar placerholders */ #TabsToolbar .titlebar-placeholder[type="pre-tabs"], #TabsToolbar .titlebar-placeholder[type="post-tabs"]{ opacity: 0 !important; } #TabsToolbar .titlebar-spacer[type="pre-tabs"], #TabsToolbar .titlebar-spacer[type="post-tabs"] { display: none !important; } /* make sure toolbar buttons do not increase toolbar height */ #TabsToolbar toolbarbutton .toolbarbutton-badge-stack, #TabsToolbar > toolbarpaletteitem, #TabsToolbar > toolbarbutton { min-height: unset !important; padding: unset !important; margin: 0 2px !important; } #TabsToolbar > toolbarpaletteitem .toolbarbutton-icon, #TabsToolbar > toolbarbutton .toolbarbutton-icon { min-width: 16px !important; width: unset !important; min-height: 16px !important; height: unset !important; padding: unset !important; margin: unset !important; } #TabsToolbar toolbarbutton .toolbarbutton-badge-stack .toolbarbutton-icon { width: 16px !important; height: 16px !important; } #TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon, #TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon { padding: unset !important; height: unset !important; width: unset !important; } /* indicator for multiselected tabs */ .tabbrowser-tab[multiselected="true"] .tab-stack .tab-content { box-shadow: inset 2px 0 0 Highlight, inset -2px 0 0 Highlight, inset 0 2px 0 Highlight, inset 0 -2px 0 Highlight !important; } /* remove non-required icon pending */ .tab-icon-pending { display: none !important; } /* Fx65+ fixes */ #main-window[sizemode="maximized"][tabsintitlebar] #TabsToolbar { margin-top: -1px !important; } #main-window #navigator-toolbox #titlebar #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } @media (-moz-os-version: windows-win10) { #main-window[sizemode="maximized"] .titlebar-buttonbox-container { -moz-margin-end: -2px !important; } }
1. Приму из добрых рук щедрый дар - инвайт на Хабр и Лепру
2. Бессмысленно осмысливать смысл неосмысленными мыслями!
3. Прежде чем подумать - подумай!
Отсутствует
Vitaliy V.
about:addons
2 кода в 1 userContent.css
НОМЕР (версия)
https://github.com/Aris-t2/CustomCSSfor … r_fx68.css
КНОПКИ
https://forum.mozilla-russia.org/viewto … 70#p774570
(ответ пользователю woe495)
Будете что-то менять ?
Хотя ...
После добавления «ползунков» в about:addons Firefox 72,
возможно, достаточно только это
НОМЕР (версия)
https://github.com/Aris-t2/CustomCSSfor … r_fx68.css
1-й скриншот - 2 кода (Aris + Vitaliy V.)
2-й скриншот - 1 код (Aris)
Отредактировано woe495 (12-01-2020 10:40:17)
Отсутствует
PEAKTOP:root *|*:root#main-window *|*#main-window
или@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
но я не проверял может ещё что не работает
woe495
https://forum.mozilla-russia.org/viewto … 11#p776011
Когда обновилась ночная до 74, журнал работал. Предпоследнее обновление сломало его
сделано
По клику возможно скрытие боковой панели? Или нет?
сделано https://forum.mozilla-russia.org/viewto … 36#p776636
Отредактировано Vitaliy V. (11-01-2020 21:31:12)
Отсутствует
вечер добрый. всех с прошедшими.
такая проблемка на рисовалась.
Firefox Browser 72.0.1 .
пометил на скринах . в оконном режиме всё нормально отображается , а в полноэкранном режиме стиль отображения ломается . как можно исправить.
@-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); } #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; } } .searchbar-textbox, #urlbar { border-radius: 48px !important;} #urlbar, #searchbar, .searchbar-textbox { border-radius: 20px !important; html, body { -webkit-font-smoothing: subpixel-antialiased !important; text-shadow: 0px 0px 0px !important; -webkit-text-stroke-width: 0.01px !important; }
Отсутствует
katari4688908
это исправлено давно, обновляйте стиль https://forum.mozilla-russia.org/viewto … 45#p766645
Отсутствует
Отсутствует
PEAKTOP
:root*|*:root#main-window*|*#main-window
или@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
но я не проверял может ещё что не работает
Не помогло (( Что еще мешает
1. Приму из добрых рук щедрый дар - инвайт на Хабр и Лепру
2. Бессмысленно осмысливать смысл неосмысленными мыслями!
3. Прежде чем подумать - подумай!
Отсутствует
А что случилось с рыжей кнопкой Classic tweaks for Firefox 57+? После обновления браузера она исчезла.
Отсутствует
katari4688908
тот стиль что вы выложили надо обновить
PEAKTOP
а я не дочитал что в несколько строк, это нельзя сделать стилем, только поверх страницы или с прокруткой...
там каша какая-то из разных стилей у меня и на 71 не работает
Отредактировано Vitaliy V. (11-01-2020 22:36:12)
Отсутствует