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

Список ответов на каверзные вопросы можно получить в FAQ-разделе форума.

№1067625-06-2021 01:39:05

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 90.0

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

usalex
--proton-tab-block-margin --tab-block-margin
и ещё немного подправил
https://forum.mozilla-russia.org/viewto … 22#p790422


Арно пишет

Я так уже сделал - этого недостаточно. У меня масштабирование в Windows стоит 150% - поэтому у Firefox всё просто огромное!

layout.css.devPixelsPerPx  1.0 или свой масштаб


momo2000 пишет

поменять ЛКП на ПКМ

// if (e.button == 0) return gShowPopup(self);
// if (e.button || !this.chromeSheet) return;       

if (e.button) return gShowPopup(self);
if (!this.chromeSheet) return;

Отредактировано Vitaliy V. (25-06-2021 01:52:03)

Отсутствует

 

№1067725-06-2021 03:01:31

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 82
UA: Firefox 91.0

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

Vitaliy V., Спасибо вам ОГРОМНОЕ!

Отсутствует

 

№1067825-06-2021 08:08:47

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 89.0

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

Vitaliy V.
Я ошибся, не в ту тему написал, надо было в CB.

if (e.button) return gShowPopup(self);
if (!this.chromeSheet) return;

Но что то не работает.

Отредактировано momo2000 (25-06-2021 09:16:56)

Отсутствует

 

№1067925-06-2021 12:50:08

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 90.0

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

momo2000 пишет

Но что то не работает.

не дочитал что речь про content

чтобы reload content был на ЛКМ?

можно так попробовать
// this.oncontextmenu = obj.contextmenu.bind(obj);
this.oncontextmenu = e => { if (!e.ctrlKey && !e.shiftKey) e.preventDefault();};
и функцию click заменить
    async click(e) {
            if (e.button) return gShowPopup(self);
            if (this.chromeSheet) {
                await this.reload(this.chromeSheet);
                this.restyle(0);
            }
            this.contextmenu(e);
    },

Отредактировано Vitaliy V. (25-06-2021 16:54:57)

Отсутствует

 

№1068025-06-2021 15:19:04

Арно
Участник
 
Группа: Members
Зарегистрирован: 27-06-2015
Сообщений: 30
UA: Firefox 89.0

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

Vitaliy V., опять я со своей панелью навигации (вы уж меня извините...).
Использую ваш стиль для уменьшения высоты этой панели:

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

:root:not([uidensity="touch"]) {
    --proton-tab-block-margin: 1px !important;
    --tab-border-radius: 0px !important;
    --tab-min-height: 23px !important;
    --toolbarbutton-outer-padding: 1px !important;
    --bookmark-block-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --toolbar-start-end-padding: var(--toolbarbutton-outer-padding) !important;
    --urlbar-min-height: 24px !important;
    --urlbar-icon-padding: 3px !important;
    --urlbar-container-padding: 0px !important;
    --v-textbox-padding: 1px;
}
#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > .titlebar-button,
#minimize-button, #restore-button, #close-button {
    margin: 0 !important;
    padding: 1px 7px !important;
}
#urlbar-container,
#search-container {
    padding-block: var(--v-textbox-padding, 4px) !important;
}
#PersonalToolbar {
    padding: 0 !important;
}
#personal-toolbar-empty-description,
#PersonalToolbar .toolbarbutton-1,
toolbarbutton.bookmark-item:not(.subviewbutton) {
    margin: var(--toolbarbutton-outer-padding) !important;
}

На билдах 89 и 90 этот стиль отлично уменьшает общую высоту панели (вкладки и адресная строка) до 53 пикселей.
Но на ночнушке 91.0а1 высота панели уменьшается всего до 59 пикселей - стала более высокой панель вкладок (а панель с адресом не изменилась).
Нельзя ли подкорректировать стиль, чтоб и на 91.0а1 высота панели тоже была 53 пикс.?

layout.css.devPixelsPerPx  1.0 или свой масштаб

Отлично. Всё сработало! Благодарю! :)

Отредактировано Арно (25-06-2021 15:33:24)

Отсутствует

 

№1068127-06-2021 08:05:04

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 89.0

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

Vitaliy V.
:beer:

Отсутствует

 

№1068227-06-2021 09:08:31

vv07
Участник
 
Группа: Members
Зарегистрирован: 07-11-2007
Сообщений: 672
UA: Firefox 54.0

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

Использую ваш стиль для уменьшения высоты этой панели:

84.0.2 тоже сработало. Если бы в это стиль добавить уменьшение этой области

скрытый текст
5acc45fd08e0.jpg

Было бы вовсе отлично.

Отредактировано vv07 (27-06-2021 09:09:28)

Отсутствует

 

№1068327-06-2021 16:51:18

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 90.0

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

vv07 пишет

Если бы в это стиль добавить уменьшение этой области

В [firefox] 84 есть компактный режим, или вам нужно с круглой кнопкой назад? Тогда добавьте это

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

Выделить код

Код:

#back-button {
    padding-block: var(--toolbarbutton-outer-padding) !important;
    padding-inline-start: var(--toolbarbutton-outer-padding) !important;
    padding-inline-end: 0 !important;
}
#back-button > .toolbarbutton-icon {
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    padding: var(--toolbarbutton-inner-padding) !important;
}
#urlbar,
#searchbar {
    min-height: 26px !important;
}
#pageActionSeparator {
    height: 24px !important;
}
.urlbar-icon {
    width: 24px !important;
    height: 24px !important;
}

к тому стилю https://forum.mozilla-russia.org/viewto … 22#p790422
и обновил его в очередной раз

Отсутствует

 

№1068428-06-2021 00:21:25

vv07
Участник
 
Группа: Members
Зарегистрирован: 07-11-2007
Сообщений: 672
UA: Firefox 54.0

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

Vitaliy V.
Мне наоборот круглые кнопки, очень не нравятся. Я вам кидал скан своего старого варианта, вот что то подобное бы.

скрытый текст
eebf269ad204.jpg

Отсутствует

 

№1068528-06-2021 00:36:37

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 90.0

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

vv07
Я такое точно городить не буду, и не потому что сложно просто не нравится
Если нужно что то подобное как Classic Theme Restorer
то и используйте его стили
https://github.com/Aris-t2/CustomCSSforFx

Отсутствует

 

№1068628-06-2021 03:10:04

vv07
Участник
 
Группа: Members
Зарегистрирован: 07-11-2007
Сообщений: 672
UA: Firefox 54.0

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

Vitaliy V.
Дружище! Вы неверно поняли меня. Речь только о кнопках. Зелененькие которые :blush:
А енту штуку CustomCSSforFx-master, я скачал уже. Только в ней надобно уметь разбираться,
а сие мне недоступно увы. Оттого и прошу тут мне помочь. Сам стиль, чересчур наворочен,тут
я с вами солидарен. Мне такое не нужно. мне вполне достаточно вашего варианта, но с класси
ческими кнопками. Без остального как нибуть проживу. Правда без индикатора загрузки сайтов,
грустно :/

Отредактировано vv07 (28-06-2021 03:16:49)

Отсутствует

 

№1068728-06-2021 07:50:16

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 81
UA: Firefox 78.0

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

Здравствуйте.
Скажите, есть  ли какая возможность создать пункт в контекстном меню (для ссылок) «Пометить ссылку как посещенную» (ну цветом выделить) и соответственно потом отправить эту ссылку в журнал истории, при этом не открывая этой ссылки?

Отсутствует

 

№1068828-06-2021 08:06:14

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 89.0

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

JKT

Mark Selected Links As Visited помечает одну или несколько выделенных как помеченные, т.е. добавляет в журнал (только ссылку, без заголовка, впрочем как и остальные)

Remove Visited Link удаляет выделенную ссылку из журнала, но только одну(

Link Visitor и добавляет и удаляет, и одну и несколько. но мне кажется, что как то более тормознуто.

Отредактировано momo2000 (28-06-2021 08:07:22)

Отсутствует

 

№1068928-06-2021 08:16:24

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 81
UA: Firefox 78.0

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

momo2000
Спасибо за ссылки. Попробовал первую и третью. Link Visitor как по мне получше, что   и удаляет. Вот только хотелось бы чтоб с названием ссылки, а то в журнале совершенно не информативно получается. Пока его оставлю, но может еще кто чего позже подсоветует.

Отсутствует

 

№1069028-06-2021 08:20:39

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 89.0

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

JKT

а то в журнале совершенно не информативно получается

Да, это минус подобных расширений, кстати, чтобы переименовать пункт контекстного меню

Выделить код

Код:

menuitem[label="Toggle visited state"] > label {
    display: none !important;
}
menuitem[label="Toggle visited state"]::before {
    content: "Переключить ссылку";
    padding-inline-start: 2px;
    display: -moz-box;
    -moz-box-flex: 1;
}
menuitem[label="Toggle visited state"]  > .menu-iconic-text {
    display: none !important;
}
menuitem[label="Toggle visited state"] > .menu-iconic-left {
    -moz-box-ordinal-group: 0 !important;
}

Отсутствует

 

№1069128-06-2021 08:42:59

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 81
UA: Firefox 78.0

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

momo2000
Благодарю. А вообще, через эти CSS можно как то сделать, чтоб чтоб название ссылки в журнал передавало "правильным"? Или этими средствами такое в принципе невозможно?

Отсутствует

 

№1069228-06-2021 10:52:28

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

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

vv07
Собрал вчера для вас из стилей Aris-t2, попробуйте

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

Выделить код

Код:

/* https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/buttons/buttons_on_navbar_classic_appearance.css */
/* main menu button adjustment */
#PanelUI-button {
  margin-inline-start: 0px !important;
  border-inline-start: 0px solid !important;
  border-image-slice: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
#PanelUI-menu-button {
  -moz-appearance: unset !important;
  background: unset !important;
  box-shadow: unset !important;
  border-image: unset !important;
  border: unset !important;
  padding: unset !important;
  margin: unset !important;
  min-width: unset !important;
  width: unset !important;
  max-width: unset !important;
  min-height: unset !important;
  height: unset !important;
  max-height: unset !important;
}

#PanelUI-button #whats-new-menu-button:not([hidden="true"]) {
  margin-inline-end: 3px !important;
}

/* back button adjustment */
#nav-bar #back-button .toolbarbutton-icon {
  border: 0 !important;
}

/* adjust zoom reset and copy buttons position */
#nav-bar :-moz-any(#copy-button,#zoom-reset-button) {
  -moz-margin-start: -1px !important;
  -moz-margin-end: -1px !important;
}
#nav-bar :-moz-any(#edit-controls, #zoom-controls) separator {
  visibility: collapse !important;
}

/* classic button style */
#main-window:not([customizing]) #nav-bar .toolbarbutton-1:not(#PlacesChevron)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar toolbarbutton[type="menu-button"] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not(#PlacesChevron):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 49%, 
			  rgba(231,232,233,.45) 51%, rgba(225,226,229,.3)) !important;
  border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
			  0 0 0 2px rgba(255,255,255,.1) inset,
			  0 0 0 1px rgba(0,0,0,.4) inset !important;
}
#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  background-color: hsla(190,60%,70%,.5) !important;
  border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
			  0 0 0 1.5px rgba(255,255,255,.1) inset,
			  0 0 3.5px hsl(190,90%,80%),
			  0 0 0 1px rgba(0,0,0,.4) inset !important;
  transition: background-color .3s ease-in,
			  border-color .2s ease-in,
			  box-shadow .2s ease-in !important;
}
#nav-bar toolbarbutton:not(#PlacesChevron)[type="menu"][open]:not([disabled]):not(.bookmark-item):not([container="true"]) > .toolbarbutton-icon,
#nav-bar toolbarbutton:not(#PlacesChevron)[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack {
  background-color: transparent !important;
  border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important;
  box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset,
			  0 0 2px rgba(0,0,0,.4) inset,
			  0 1px 0 rgba(255,255,255,.4),
			  0 0 0 1px rgba(0,0,0,.4) inset !important;
}
#nav-bar toolbarbutton[disabled=true] > .toolbarbutton-icon {
  opacity: .6 !important;
}

#nav-bar toolbarbutton[disabled=true]{
  opacity: 1.0 !important;
}
/* remove color overlay for lw-themes */
#main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}
/* remove line from the navigation bar for lw-themes */
#main-window[style*='--lwt-header-image']
#nav-bar:-moz-lwtheme {
    box-shadow: none !important;
}
#urlbar-container,
#search-container { /* это правило не является обязательным */
    padding: 1px 0 !important;
    margin: 0 1px !important;
}
/* https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/buttons/buttons_on_navbar_more_compact_mode.css */
/* more compact navigation toolbar */
#main-window[uidensity=compact] {
  --toolbarbutton-inner-padding: 5px !important;
}

#main-window:not([uidensity=touch]) #nav-bar #nav-bar-overflow-button,
#main-window:not([uidensity=touch]) #nav-bar #nav-bar-customization-target > toolbarbutton,
#main-window:not([uidensity=touch]) #nav-bar #nav-bar-customization-target > toolbaritem textbox,
#main-window:not([uidensity=touch]) #nav-bar #nav-bar-customization-target #stop-reload-button > toolbarbutton {
  margin: 1px 0.5px !important;
  padding: 0 !important;
}
/* fix for toolbar button badges */
#main-window[uidensity=compact] #nav-bar .toolbarbutton-1 .toolbarbutton-badge {
  -moz-margin-end: -5px !important;
}
/* https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/buttons/custom_backforward_small.css */
/* override custom button shapes */
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu-button"] .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button):not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu"][open]:not([disabled]) .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack  {
  background: unset !important;
  border-color: unset !important;
  box-shadow: unset !important;
  transition: unset !important;
  fill: unset !important;
}


/* custom small back-forward buttons */
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window:not([uidensity=compact]):not([uidensity=touch])  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window[uidensity=compact]  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window[uidensity=touch]  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
  height: 23px !important;
  background: unset !important;
  box-shadow: unset !important;
  border: unset !important;
  border-radius: unset !important;
}

#main-window #navigator-toolbox #nav-bar #back-button  {
  -moz-padding-start: 2px !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window[uidensity=compact] #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window[uidensity=touch] #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon {
  -moz-image-region: rect(0px 23px 23px 0px) !important;
  width: 23px !important;
  margin-bottom: 2px !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window[uidensity=compact] #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window[uidensity=touch] #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon {
  -moz-image-region: rect(0px 46px 23px 23px) !important;
  width: 23px !important;
  margin-bottom: 2px !important;
}

#main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > :-moz-any(#back-button, #forward-button) {
  margin: unset !important;
  padding: unset !important;
}

#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button):not([disabled]):hover .toolbarbutton-icon {
  filter: brightness(1.3) !important;
}

#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button):not([disabled]):-moz-any(:active,:hover:active,[open]) .toolbarbutton-icon {
  filter: brightness(0.9) contrast(175%) !important;
}
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button)[disabled] .toolbarbutton-icon {
  opacity: 1.0 !important;
  filter: grayscale(50%) !important;
}

#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button)[disabled] {
  opacity: 1.0 !important;
}
/* https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/image/bf_ff2.png */
/* custom large back-forward buttons */
#main-window toolbox toolbar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAXCAMAAABDEo1gAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACWUExURQAAACloKyJxIyhxKTFrMoeIiShwKCcoKAAAABYYFvDx8SFsIyJkI/n5+fX19czMzJmzmi2FL/39/VGPUSp8K0J0Qn+mf2uaazyWPTOJNHehd0KfQ0ysTE+yUDiPOHLIc525nUemR1mSWl6VX3GecWSYZKfIp0mKSSyCLSJzIpjBmJ3KnBxkHRlYGjyGPGGRYY+xj1q1W387VHAAAAARdFJOU0ix6qBdGtYYACZi+Yl4VC1K+ztgUQAAAYBJREFUOMuNk9tygyAQQFdjRHItweIlrW3BRIypsf//c13A3iAPPS8uhzM7zjhCRuC/kCyDjCaPIeSOSyjmhEbtq887eQ9cG1GSAS6fJuGBua+myawHurhNovbA3Fdiui1MntaitRTFqSjciHngRJ1SAsmjqAvLTZ7lzY2YB64W+Daw4aI4GSQ/H85c2flKrvaprJN2LgTfUIhkqwy8Ox8Opjdg7qR1nZOtjCik6iSRue64OUjMZWBPKqUQK8k572bfcQvmbvjtpYoJrNWPHe/k40+v1piPueGC8tL3uaMn31Nvb+w8rpcQj4wxPfd5rpmhX/b2+deP8R7SsTIwbT1j9oS5s8xa7eyY7iGqGktVDXgzuBPmTjr3lUQ72LCmtJi7YZ7zZT7LwWyYZ7ZZQaKbo6Msh7J0I+aBOzY6WcFD2rzNoJonzAP31qQPO1gtquOTj17qwB2rxWoP20SXzz6YB67UyTaDHa7/ePHA3FcfuHyHv/Y2iZnP12f6TYzLs0/OO2Ys+ABLhgAAAABJRU5ErkJggg==") !important;
}

Другой вариант только кнопок Вперёд/Назад
скрытый текст

Выделить код

Код:

/* https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/buttons/custom_backforward_large.css */
/* override custom button shapes */
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu-button"] .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button):not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu"][open]:not([disabled]) .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack  {
  background: unset !important;
  border-color: unset !important;
  box-shadow: unset !important;
  transition: unset !important;
  fill: unset !important;
}

/* custom large back-forward buttons */
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window:not([uidensity=compact]):not([uidensity=touch])  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window[uidensity=compact]  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window[uidensity=touch]  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
  background: unset !important;
  box-shadow: unset !important;
  border: unset !important;
  border-radius: unset !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window[uidensity=compact] #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window[uidensity=touch] #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon {
  -moz-image-region: rect(0px 36px 32px 0px) !important;
  width: 36px !important;
  height: 32px !important;
  margin-bottom: -4px !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window[uidensity=compact] #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window[uidensity=touch] #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon {
  -moz-image-region: rect(0px 66px 32px 36px) !important;
  width: 30px !important;
  height: 32px !important;
  margin-bottom: -4px !important;
}

#main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > :-moz-any(#back-button, #forward-button) {
  margin: unset !important;
  padding: unset !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #nav-bar #nav-bar-customization-target > #forward-button,
#main-window[uidensity=touch] #nav-bar #nav-bar-customization-target > #forward-button {
  -moz-margin-start: -2px !important;
}

#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button):not([disabled]):hover .toolbarbutton-icon {
  filter: brightness(1.3) !important;
}
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button):not([disabled]):-moz-any(:active,:hover:active,[open]) .toolbarbutton-icon {
  filter: brightness(0.9) contrast(175%) !important;
}
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button)[disabled] .toolbarbutton-icon {
  opacity: 1.0 !important;
  filter: grayscale(50%) !important;
}
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button)[disabled] {
  opacity: 1.0 !important;
}

@media (-moz-proton) {
	
#main-window:not([uidensity=compact]):not([uidensity=touch]) #nav-bar #nav-bar-customization-target > #forward-button,
#main-window[uidensity=touch] #nav-bar #nav-bar-customization-target > #forward-button {
  -moz-margin-start: -4px !important;
}
	
}
/* https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/image/bf_ff2.png */
/* custom large back-forward buttons */
#main-window toolbox toolbar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAgCAMAAACRtl6LAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACfUExURQAAAAAxAACFFQCVJAAAAFfCfxGgKwCZLACfLmPIigBkC3HNlAw9Fk29djGnLACWN7/pziWkLU+rLV61MUOoLQA+AAICAgA2AASgRgCLIUG5bCGsUABUAp7dtQCEGzezWwBvIwCIHoHDHCqwYQx3EACEH0axJwQGBG25HgCELwB6HACDH4vWp0u1THDOTABBBACIHQAkADiXEJHYIwohCjtUHdoAAAA1dFJOUwD19fU69fX19fXz9Q/19fX19fX19fUr4/X19fX19U719ej19fSE9V/19bws9fX1wcmQ9fWAs+T2yQAAAaFJREFUSMftlNeWgjAURaWloYnSERgRELG3+f9vmwQFK3HWrHl0P+bctUkOkF7vg5TZV3e2/JVhH0oU4b7/VtCfakyiYGz6zrGasnUgUQTrQF1JDV9qYEoVbG1G6kxWpJqbOJHuIsHmOOwuda8aJsYJUy+E1xabJcYVRh52FMKLxIJkOEzMGnbd/7AlghqE4fRVIauCmbUCG1CrGdwokoFRk2tcACEK1efTzkjQGOohCLXxok0XyUBgBCJDCHFH8VjqMs3x+TnGZQrByY3CHHMG3IAQEPA4fSiVkM1ZgBFsxiZpG6d4wom4AYCRAABKyL3C27l0K/aaX8YopZsbxSTicDnggeM4tDzGO+/xfXy7xZbv9TzmCOyrgkT10erI4mSFe/Ce3+ncj7ebnI/R0rJrrjsl6AwthcHOiDt/9WX0dd+1KQQjolxw28xtlmLbsqrM9fWOn83zFVCCkugNbdKuxJWVVYqvd37h3kFRq4pI/qI4y47KzpPdFnOFnKSKU6EcPPmNw0uVKogyf3fniFIlcXeR96VKQkmRd44/Zh/+gR89WyOOQfW6ngAAAABJRU5ErkJggg==") !important;
}


Dumby пишет

Кусок /* override custom button shapes */ два раза два раза?

Да, спасибо, подправил.

Отредактировано sandro79 (28-06-2021 18:07:23)

Отсутствует

 

№1069328-06-2021 13:10:53

vv07
Участник
 
Группа: Members
Зарегистрирован: 07-11-2007
Сообщений: 672
UA: Firefox 54.0

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

sandro79
Супер!!!! :rock: Оба забираю и огромная благодарность :beer:

Отсутствует

 

№1069428-06-2021 17:51:42

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

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

sandro79 пишет

вариант только кнопок Вперёд/Назад

Кусок /* override custom button shapes */ два раза два раза?

Отсутствует

 

№1069529-06-2021 20:49:03

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

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

Dumby пишет

Кусок /* override custom button shapes */ два раза два раза?

Спасибо, исправил.
Vitaliy V.
Вы когда-то сделали мне стиль для перемещения кнопки "Вид" в боковой панели журнала, использую его по сей день и в актуальных версиях [firefox].
А нельзя ли проделать такую же процедуру с новым Протоновским гамбургер-меню, в плане переноса повыше пункта управления масштабом?
Всегда использую именно этот способ изменения масштаба, и с начала процедуры смены масштаба ищу пункт в верхней части меню.
Может можно как-то переместить этот пункт повыше, примерно как на скриншоте я перетянул его вверх в инспекторе

скрытый текст
Image_001.png

Отсутствует

 

№1069629-06-2021 21:30:26

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 90.0

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

sandro79 пишет

А нельзя ли проделать такую же процедуру с новым Протоновским гамбургер-меню

Ну то не то же самое, это аналогично как с пунктами меню, с -moz-box-ordinal-group

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

Выделить код

Код:

#appMenu-proton-addon-banners, #appMenu-proton-update-banner, #appMenu-fxa-status2, #appMenu-fxa-separator,
#appMenu-new-tab-button2, #appMenu-new-window-button2, #appMenu-new-private-window-button2, #appMenu-zoom-controls2 {
    -moz-box-ordinal-group: 0;
}

Или так

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

Выделить код

Код:

#appMenu-new-private-window-button2 ~ :not(#appMenu-zoom-controls2) {
    -moz-box-ordinal-group: 2;
}

Отредактировано Vitaliy V. (29-06-2021 21:41:56)

Отсутствует

 

№1069729-06-2021 21:54:48

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

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

Vitaliy V. пишет

Ну то не то же самое, это аналогично как с пунктами меню, с -moz-box-ordinal-group

Ну это да. Но я бы смог переместить пункт только в самый верх, а вы предложили два довольно оригинальных и работающих как требовалось методов.
Огромное Вам Спасибо!

Отсутствует

 

№1069801-07-2021 21:08:54

aleksandros
Участник
 
Группа: Members
Зарегистрирован: 16-11-2008
Сообщений: 29
UA: Firefox 89.0

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

Есть ли возможность изменить размер шрифта ( сделать больше ) закладок боковой панели и панели инструментов для Firefox 89? Старые коды не работают.

Отредактировано aleksandros (01-07-2021 21:55:46)

Отсутствует

 

№1069901-07-2021 22:24:40

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

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

aleksandros
У себя увеличил так:

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

Выделить код

Код:

menupopup :is(menu,menuitem,menucaption),
#sidebar, .sidebar-placesTreechildren {
    -moz-appearance: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

Отредактировано kokoss (01-07-2021 22:33:55)


Win7

Отсутствует

 

№1070002-07-2021 00:11:57

aleksandros
Участник
 
Группа: Members
Зарегистрирован: 16-11-2008
Сообщений: 29
UA: Firefox 89.0

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

kokoss пишет

aleksandros
У себя увеличил так:

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

Выделить код

Код:

menupopup :is(menu,menuitem,menucaption),
#sidebar, .sidebar-placesTreechildren {
    -moz-appearance: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

Спасибо,  сработало.

Отредактировано aleksandros (02-07-2021 12:06:39)

Отсутствует

 

Board footer

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