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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№1260114-12-2022 12:10:07

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

Ребята, Firefox 109 beta 0b2 в about:config перестал работать параметр toolkit.legacyUserProfileCustomizations.stylesheets = true позволяющий переместить вкладки вниз окна при помощи специальной папки chrome, которую надо скинуть в папку профиля Что делать?
Я подчёркиваю, вкладки не под адресную строку, а вниз окна firefox, как теперь сделать?

Отредактировано kveresov (14-12-2022 12:14:02)

Отсутствует

 

№1260214-12-2022 17:27:53

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 108.0

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

Dumby, посмотри плиз, автонажималка №9928 перестала работать на главном меню и кнопках дополнений.

Отсутствует

 

№1260314-12-2022 17:37:50

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 108.0

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

voqabuhe пишет

Dumby, посмотри плиз, автонажималка №9928 перестала работать на главном меню и

У меня пока работает, а на кнопках дополнений отключил.


Add, в файл custom_script_win.js  по событию "load"


оффтоп

Отредактировано kokoss (14-12-2022 20:33:39)


Win7

Отсутствует

 

№1260414-12-2022 19:08:03

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 108.0

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

kokoss
А ты его куда подключал?

Отсутствует

 

№1260514-12-2022 20:24:06

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 78.0

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

voqabuhe пишет

Dumby, посмотри плиз, автонажималка №9928 перестала работать на главном меню

Этого не может быть, поскольку автонажималка №9928 ничего не автонажимает в главном меню.
Разве что у тебя туда что-то своё добавлено (кодом), чтобы на это автонажимать.

и кнопках дополнений.

Если имеются в виду виджеты с панелькой, заказанные WebExtensions,
то можно попробовать поменять пару строк

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

Выделить код

Код:

/*
                else if (node.getAttribute("widget-type") === "view") {
*/
                else if (node.matches(".unified-extensions-item-action,[widget-type=view]")) {


/*
                            this.openPopup(node);
*/
                            this.openPopup(node, null, node.matches("toolbaritem > :scope"));

Отсутствует

 

№1260614-12-2022 21:12:24

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

kveresov пишет

Firefox 109 beta 0b2 в about:config перестал работать параметр toolkit.legacyUserProfileCustomizations.stylesheets

Ничего подобного не наблюдаю, может стили слетели и пора их обновить.

Я подчёркиваю, вкладки не под адресную строку, а вниз окна firefox, как теперь сделать?

https://github.com/Aris-t2/CustomCSSfor … bar.css#L6 + https://github.com/Aris-t2/CustomCSSfor … nt.css#L12

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

Выделить код

Код:

:root {
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tab-min-height_tnot: 32px;
  --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height_tnot) + 5px );
}

#TabsToolbar {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100vw;
  background-clip: padding-box;
  color: var(--toolbar-color);
  z-index: 2;
}

#TabsToolbar:not(:-moz-lwtheme){
  appearance: none;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}

#main-window:not([tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme){
  appearance: none !important;
}

#tabbrowser-tabs {
  width: 100%;
}

#navigator-toolbox {
  position: relative;
  padding-bottom: var(--tab_below_navigation_toolbar_bottom_padding);
}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #titlebar,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
  height: 26px;
}

/* prevent possible item overlapping with caption buttons */
#main-window[tabsintitlebar] #toolbar-menubar {
  padding-inline-end: 140px;
}

/* move caption buttons to windows top right position */
.titlebar-buttonbox-container {
  position: fixed;
  right: 0;
  visibility: visible;
  display: block;
}

#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none;
}

/* lw themes support */
#nav-bar {
  box-shadow: unset !important;
}

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

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

/* Fixes for projects other settings */
/* remove application/hamburger button in titlebar and tab toolbars start padding */
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button {
  visibility: collapse;
}

/* override code inside appbutton in titlebar code */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="fullscreen"] #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,
#main-window[tabsintitlebar]:is([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
  padding-inline-start: 0px !important;
  margin-inline-start: 0px !important;
}

/* remove restored border between navigation toolbar and tabs toolbar */
#nav-bar:not(:-moz-lwtheme) {
  box-shadow: unset !important;
}

/* notification position */
#tab-notification-deck {
  position: absolute;
  display: block;
  bottom: calc( -2 * var(--tab_below_navigation_toolbar_bottom_padding) + 8px );
  width: 100vw;
}

/* Fx 106+*/					
#private-browsing-indicator-with-label {
  display: none !important;
}

:root{
  --tab_below_main_content_bottom_margin: calc(4px + var(--tab-min-height));
  --tab_below_main_content_toolbar_height: calc(3px + var(--tab-min-height));
  --tab_below_main_content_top_margin: -3px;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: 1px !important;
}

#main-window:not([inDOMFullscreen="true"]) #TabsToolbar {
  position: fixed !important;
  display: block !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: var(--tab_below_main_content_bottom_margin) !important;
}

#TabsToolbar {
  min-height: 0 !important;
  height: var(--tab_below_main_content_toolbar_height) !important;
  max-height: unset !important;
  border-top: 1px solid ThreeDShadow !important;
}

#main-window:not([inDOMFullscreen="true"]) #TabsToolbar-customization-target {
  margin-top: var(--tab_below_main_content_top_margin) !important;
}

/* lw-theme support */
#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;
}


/* ##### Caption buttons tweaks: min/max/restore/close ##### */

/* 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: 0px !important;
}

/* Windows */
@media (-moz-platform: windows-win10), (-moz-platform: windows-win8), (-moz-platform: windows-win7), (-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-platform: windows-win7), (-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: flex !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-platform: windows-win8),(-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;
	}
}

Отсутствует

 

№1260715-12-2022 10:07:02

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

sandro79 пишет

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

Точно, теперь заработало, спасибо  за новый код...Только бы чуууть приподнять от границ окна..чтоб низе вкладок 2-4 пиксела было
и неактивную вкладку сделать сероватой, а то все  белые
Плюс при Ctrl+F не вылазит поле поиска по странице....хотя ищет исли набирать текст,но поле невидимо

Отредактировано kveresov (15-12-2022 12:07:13)

Отсутствует

 

№1260815-12-2022 11:52:14

AlAvis
Участник
 
Группа: Members
Зарегистрирован: 16-06-2014
Сообщений: 572
UA: Firefox 108.0

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

noname2471 пишет

Пересел с 7 на 10, и в ФФ появились огромные отступы между строк

В about:config browser.display.windows.non_native_menus = 0

Отсутствует

 

№1260915-12-2022 13:53:39

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

kveresov пишет

приподнять от границ окна..чтоб низе вкладок 2-4 пиксела

В начале кода замените у bottom: 0; 0 на 2px

неактивную вкладку сделать сероватой

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

Выделить код

Код:

.tab-background:not([selected], [multiselected]) {
  background-color: #8080809c !important;
}

Или это использовать https://github.com/Aris-t2/CustomCSSfor … hanced.css

Плюс при Ctrl+F не вылазит поле поиска по странице....хотя ищет исли набирать текст,но поле невидимо

Могу предложить только поднять поле поиска вверх

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

Выделить код

Код:

.browserContainer > findbar {
  -moz-box-ordinal-group: 0;
  border-bottom: 1px solid ThreeDShadow;
  border-top: none !important;
}

Отсутствует

 

№1261015-12-2022 15:07:05

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

sandro79 пишет

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

сделал вкладку серой, спасибо , только надо было сказать, что код вставить надо вниз, а не искать .tab-background:not( среди текста и заменить цифры :-)

Отсутствует

 

№1261115-12-2022 15:35:18

hartumov
Участник
 
Группа: Members
Зарегистрирован: 17-11-2013
Сообщений: 136
UA: Firefox 102.0

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

Можно с помощью css сдвинуть контекстное меню страницы на несколько пикселей вправо и вниз?
Т. е. чтобы меню появлялось чуть правее и чуть ниже чем по дефолту.

Отсутствует

 

№1261215-12-2022 15:54:00

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

Мне странно почему официально не делают настройку вкладок вниз, у яндекс-браузера например можно, а у firefox даже аддонов кастомизации вида нет

Отсутствует

 

№1261315-12-2022 16:11:17

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

hartumov пишет

Можно с помощью css сдвинуть контекстное меню страницы на несколько пикселей вправо и вниз?

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

Выделить код

Код:

#contentAreaContextMenu {
  margin: 4px 0 0 4px !important;
}

Отсутствует

 

№1261415-12-2022 16:28:35

Stebus
Участник
 
Группа: Members
Зарегистрирован: 15-12-2022
Сообщений: 1
UA: Chrome 108.0

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

Ребята, а у меня после обновления перестали вкладки в несколько рядов открываться.
ни правка файла userChrome.css , ни утилиты не помогают.
Есть у кого нибудь решение?

Отредактировано Stebus (16-12-2022 12:57:26)

Отсутствует

 

№1261515-12-2022 18:26:15

hartumov
Участник
 
Группа: Members
Зарегистрирован: 17-11-2013
Сообщений: 136
UA: Firefox 102.0

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

sandro79 пишет
hartumov пишет

Можно с помощью css сдвинуть контекстное меню страницы на несколько пикселей вправо и вниз?

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

Выделить код

Код:

#contentAreaContextMenu {
  margin: 4px 0 0 4px !important;
}

sandro79
благодарю! :rock::rock:

Отсутствует

 

№1261616-12-2022 01:17:04

Zloitypoiyrod
Участник
 
Группа: Members
Зарегистрирован: 11-12-2022
Сообщений: 5
UA: Firefox 108.0

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

sandro79 пишет
Zloitypoiyrod пишет

подскажите есть ли возможность переместить открытые вкладки под адресную строку

https://github.com/Aris-t2/CustomCSSfor … bar.css#L6 или https://github.com/Aris-t2/CustomCSSfor … alt.css#L2

Большое спасибо!

Отсутствует

 

№1261716-12-2022 17:27:59

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

неужели нет способа опустить  вкладки вниз без танцев с папкой chrome? аддоны  где все?

Отредактировано kveresov (16-12-2022 17:29:13)

Отсутствует

 

№1261817-12-2022 11:42:18

Zloitypoiyrod
Участник
 
Группа: Members
Зарегистрирован: 11-12-2022
Сообщений: 5
UA: Firefox 108.0

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

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

Отсутствует

 

№1261917-12-2022 11:57:49

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 108.0

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

Zloitypoiyrod пишет

и второе в панели закладок папка сливается со цветом темы, хотел бы чтобы папка была желтого цвета,

https://forum.mozilla-russia.org/viewto … 48#p793948


Win7

Отсутствует

 

№1262018-12-2022 04:57:47

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 108.0

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

Есть такой кусочек стиля. Раскрашивает надписи папок и сайтов при наведении мышки на панели закладок. А вот для шеврона >> не срабатывает. Не принципиально, конечно, но поправить можно?

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

Выделить код

Код:

/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */
#PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]), #PlacesChevron:hover:not([open]) {
  background-color: blue !important;
  color: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"], #PlacesChevron[open="true"] {
  background-color: red !important;
  color: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover), #PlacesChevron[open="true"]:not(:hover) {
  background-color: darkred !important;
  color: white !important;
}


Может, там какие-нибудь fill / opacity нужно сделать отдельно для шеврона? Не силён я в этом...

Отсутствует

 

№1262118-12-2022 10:44:16

Аноним125876
Участник
 
Группа: Members
Зарегистрирован: 08-01-2021
Сообщений: 12
UA: Firefox 107.0

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

С новым обновлением 108 все окно залило фоновым цветом, ни отображается ни панель меню, ни вкладки, в общем ничего, однако судя по процессам в диспетчере все загружается. Проблема в CSS или в пакете от VitaliyVstyle... Вкладки опущены под строку поиска, а панель меню полностью убрана... (для максимального рабочего места)

Подскажите куда копать.

Отредактировано Аноним125876 (18-12-2022 10:44:55)

Отсутствует

 

№1262218-12-2022 10:45:08

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

xrun1 пишет

А вот для шеврона >> не срабатывает

Так должно сработать

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

Выделить код

Код:

/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */
#PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]), #PlacesChevron:hover:not([open]) > .toolbarbutton-icon {
  background-color: blue !important;
  color: white !important;
  fill: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"], #PlacesChevron[open="true"] > .toolbarbutton-icon {
  background-color: red !important;
  color: white !important;
  fill: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover), #PlacesChevron[open="true"]:not(:hover) > .toolbarbutton-icon {
  background-color: darkred !important;
  color: white !important;
  fill: white !important;
}

Отсутствует

 

№1262318-12-2022 15:10:30

Пандёнок
Участник
 
Группа: Extensions
Зарегистрирован: 04-11-2008
Сообщений: 5543
UA: Firefox 108.0

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

Аноним125876
Мы ж не знаем, что у вас там накручено.
Переместите в другую папку свой userChrome.css и потом перезапустите Firefox. Тогда увидите, проблема была в userChrome.css или в чём-то другом.

Отсутствует

 

№1262418-12-2022 16:58:35

Аноним125876
Участник
 
Группа: Members
Зарегистрирован: 08-01-2021
Сообщений: 12
UA: Firefox 107.0

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

Пандёнок
Поковырял пару часов папку с профилем, проблема скорее всего в userChrome.css
Вот как у меня выглядит браузер.
20221218-205425.png

Ps:
Паудалял пачку строк, Браузер ожил, но сломалась панель меню вверху справа(свернуть/развернуть/закрыть, она почему то раздвоилась и прямо под ней появился дуликат, а строка вкладок сместилась левее)


Мой userChrome.css

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-toolbar-menubar-height: 28px; /* высота панели меню, только чётные числа не меньше 20px,
    если изменяете эту переменную то и в --v-toolbar-menubar-height-content - атрибут height= нужно установить ровно в два раза больше*/
    --v-toolbar-menubar-height-content: url("data:image/svg+xml,<svg width='28' height='56' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' style='fill:transparent;'/></svg>");  /* height='2 * --v-toolbar-menubar-height' */
    --tab-border-radius: 4px !important;

    /* **************************************** */
    --proton-tab-block-margin: 0px !important;
    --tab-block-margin: 0px !important;
}
#navigator-toolbox {
    border-block: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox {
    position: relative !important;
}
#navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#navigator-toolbox > #nav-bar {
    margin-block: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-inline: 0 !important;
}
:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: var(--v-toolbar-menubar-height) !important;
}
#navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
:root:not([inFullscreen])[tabsintitlebar] > *|body::before {
    content: var(--v-toolbar-menubar-height-content) !important;
    display: -moz-box !important;
    -moz-box-flex: 0 !important;
    -moz-box-orient: vertical !important;
    -moz-box-pack: start !important;
    -moz-box-align: stretch !important;
    -moz-box-ordinal-group: 0 !important;
    margin-bottom: calc(-2 * var(--v-toolbar-menubar-height)) !important;
    box-sizing: content-box !important;
}
:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > *|body::before {
    -moz-appearance: -moz-window-titlebar !important;
    appearance: -moz-window-titlebar !important;
}
:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > *|body::before {
    -moz-appearance: -moz-window-titlebar-maximized !important;
    appearance: -moz-window-titlebar-maximized !important;
}
:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > *|body::before {
    visibility: hidden !important;
}
@media not all and (-moz-os-version: windows-win7) {
    @media not all and (-moz-os-version: windows-win8) {
:root:-moz-lwtheme {
    background-color: var(--lwt-accent-color, -moz-Dialog) !important;
}
:root:-moz-window-inactive:-moz-lwtheme {
    background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, -moz-Dialog)) !important;
}
    }
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    position: static !important;
}
#toolbar-menubar {
    padding-block: 0 !important;
    margin-block: 0 !important;
    border: none !important;
    background: none !important;
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: calc((var(--v-toolbar-menubar-height) - 16px) / 2) !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
:root:not(:is([inFullscreen],[chromehidden~="menubar"])) #toolbar-menubar {
    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;
    min-height: 0 !important;
    height: var(--v-toolbar-menubar-height) !important;
    overflow: hidden !important;
}
#toolbar-menubar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-block: 0 !important;
    margin-block: 0 !important;
}
:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    opacity: 0 !important;
    pointer-events: none !important;
}
:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
:root:not([inFullscreen]) #toolbar-menubar > :is(*[style*="-moz-box-ordinal-group: 1000;"],.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]) #toolbar-menubar > :is(#search-container,#wrapper-search-container) {
    flex-grow: 100 !important;
}
#toolbar-menubar #search-container {
    padding-block: 0 !important;
}
#toolbar-menubar #searchbar {
    min-height: calc(var(--v-toolbar-menubar-height) - 2px) !important;
}
#TabsToolbar {
    -moz-appearance: none !important;
    appearance: none !important;
    padding-block: 0 !important;
    margin-block: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
    background-color: var(--toolbar-bgcolor, -moz-dialog) !important;
    background-image: var(--toolbar-bgimage, none) !important;
    color: var(--toolbar-color, -moz-dialogtext) !important;
    --lwt-toolbarbutton-icon-fill: inherit !important;
}
#TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#TabsToolbar .tabbrowser-tab {
    background-color: transparent !important;
    border-top: none !important;
}
#TabsToolbar .tab-background {
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
#TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

}
#TabsToolbar .titlebar-buttonbox-container,
#navigator-toolbox::after,
#TabsToolbar::after,
#TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
#scrollbutton-up, #scrollbutton-down {
    border-block: none !important;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
:root[inFullscreen] #window-controls {
    position: absolute !important;
    display: flex !important;
    align-items: start !important;
    top: 0 !important;
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    margin: 0 !important;
}
:root[inFullscreen] #navigator-toolbox > #nav-bar {
    margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar {
    margin-top: 0 !important;
    margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar {
    pointer-events: none !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container {
    pointer-events: auto !important;
}
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
:root[sizemode="normal"] #TabsToolbar {
    border-inline: 1px solid hsla(240,5%,5%,0.3) !important;
    background-clip: padding-box !important;
}
    @media (-moz-windows-classic: 0) {
:root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar {
    margin-top: 1px !important;
}
:root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items {
    margin-top: 1px !important;
}
    }
}
@media (-moz-windows-classic) {
:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox::before {
    content: "" !important;
    display: -moz-box !important;
    height: 4px !important;
    -moz-box-ordinal-group: 0 !important;
    visibility: visible !important;
}
:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before {
    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"] #toolbar-menubar {
    margin-top: 4px !important;
}
}
:root[data-l10n-id="browser-main-window-mac"] {
    --v-toolbar-menubar-height: 0px !important;
    --v-toolbar-menubar-height-content: none !important;
}
:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #nav-bar {
    margin-inline-start: calc(var(--toolbarbutton-outer-padding, 2px) + var(--v-titlebar-button-horizont-padding, 6px) * 6 + var(--v-titlebar-button-image-width, 12px) * 3) !important;
}
:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #TabsToolbar .titlebar-buttonbox-container {
    visibility: visible !important;
    display: -moz-box !important;
    position: absolute !important;
    display: flex !important;
    top: 0 !important;
}
}




menupopup > menuitem,
menupopup > menu {
    padding-block: 6px !important;
    padding-inline-start: 8px !important;
}

Отредактировано Аноним125876 (18-12-2022 17:09:52)

Отсутствует

 

№1262518-12-2022 19:16:10

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 108.0

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

sandro79
Спасибо, значок ">>" меняет цвет.
Я неправильно поставил вопрос и, вроде, раньше работало нормально. Цвет фона. Так работает.

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

Выделить код

Код:

#PlacesChevron:hover:not([open]) {
  --toolbarbutton-hover-background: blue !important;
  fill: white !important;
}

#PlacesChevron[open="true"] {
  --toolbarbutton-active-background: red !important;
  fill: white !important;
}
#PlacesChevron[open="true"]:not(:hover) {
  --toolbarbutton-active-background: darkred !important;
  fill: white !important;
}


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

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]