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

momo2000 · №10551

Vitaliy V.
:beer:

vv07 · №10552

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

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

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

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

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

Vitaliy V. · №10553

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
и обновил его в очередной раз

vv07 · №10554

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

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

Vitaliy V. · №10555

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

vv07 · №10556

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

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

JKT · №10557

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

momo2000 · №10558

JKT

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

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

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

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

JKT · №10559

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

momo2000 · №10560

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;
}

JKT · №10561

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

sandro79 · №10562

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)

vv07 · №10563

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

Dumby · №10564

sandro79 пишет

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

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

sandro79 · №10565

Dumby пишет

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

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

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

Vitaliy V. · №10566

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)

sandro79 · №10567

Vitaliy V. пишет

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

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

aleksandros · №10568

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

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

kokoss · №10569

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)

aleksandros · №10570

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)

harryk · №10571

aleksandros

Шрифт закладок

Выделить код

Код:

/* Шрифт панели закладок */
toolbarbutton.bookmark-item {
    font-size: 16px !important;
}
/* Шрифт выпадающих закладок */
#PlacesToolbarItems .bookmark-item .menu-iconic-text {
    font-size: 16px !important;
}
/* Шрифт боковой панели закладок - Dumby */
treechildren.sidebar-placesTreechildren::-moz-tree-cell-text {
    font-size: 16px !important;
}

aleksandros · №10572

harryk пишет

aleksandros

Шрифт закладок

Выделить код

Код:

/* Шрифт панели закладок */
toolbarbutton.bookmark-item {
    font-size: 16px !important;
}
/* Шрифт выпадающих закладок */
#PlacesToolbarItems .bookmark-item .menu-iconic-text {
    font-size: 16px !important;
}
/* Шрифт боковой панели закладок - Dumby */
treechildren.sidebar-placesTreechildren::-moz-tree-cell-text {
    font-size: 16px !important;
}

Спасибо.

shadow_user · №10573

Vitaliy V.
Имеется отличный онлайн-переводчик DeepL https://www.deepl.com/Translator При копировании результата перевода кнопкой в окне перевода в конце перевода копируется пустая строка и строка типа рекламной "Translated with www.DeepL.com/Translator (free version)". Большая просьба сделать, чтобы они не копировались. Спасибо!
P.S.
Доп. строки появляются при превышении определенного количества символов или строк, например, при 7 строках не появляются, при 10 появляются.

Отредактировано shadow_user (02-07-2021 16:29:01)

Алексей У. · №10574

Для уменьшения высоты вкладок и панели навигации в нормальном режиме использую код:

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

:root {
--tab-min-height: 26px !important;
--urlbar-min-height: 26px !important;
--urlbar-icon-padding: 2px !important;
}

#nav-bar #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-container #urlbar,
#searchbar .searchbar-textbox {
min-height: 26px !important;
}

#urlbar .urlbar-icon {
width: 24px !important;
height: 24px !important;
}

Вкладки уменьшились, панель тоже, но при этом почему-то увеличились значок добавления в закладки в строке адреса и стрелка перехода в строке поиска (до этого были меньше на пару пикселей):

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

Что нужно добавить или изменить, чтобы уменьшить эти значки?

kokoss · №10575

Алексей У.
А такой вариант не устроит: user_pref("browser.uidensity", 1);

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

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

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

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

Код:

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

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

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

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

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

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

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

Код:

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

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

Код:

Код:

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

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

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

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

Код:

Код:

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

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

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

Код:

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

Код:

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

Код:

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

Код:

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

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

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

Board footer