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

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

№1112619-08-2021 16:12:18

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

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

shadow_user пишет

Возможно ли переместить счетчик с конца строки в ее начало?

Так и было задумано, это старые версии [firefox] нелогично расставляют элементы, исправил для [firefox] 68
sandro79 опередил


_zt пишет

Вот это link[href$="panel-item.css"] ~ button ?
Как все сложно.

Ага, из-за этого Shadow приходится такое делать

Отредактировано Vitaliy V. (19-08-2021 16:16:18)

Отсутствует

 

№1112719-08-2021 20:48:25

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

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

Vitaliy V.
Для любителей желтых папок нашёл классную и современную векторную иконку здесь
2021-08-19_224156.jpg

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg">
      <path d="M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5" fill="#fee082" stroke="#b28501"/>
</svg>

Как грамотно перевести в base64 или как то по другому, чтобы прописать иконку сразу в правило, а не хранить отдельный файл svg на диске?
Все онлайн конвертеры кодируют в символы gaGVpZ2h0PSIxNiIgdmlld0JveD0iMCPHBhdGggZD0iT... а хотелось бы прямо формулу 00004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1
Вроде я где то видел или что то напутал и так нельзя?
Пример (нерабочий)

Выделить код

Код:

.bookmark-item[container] {
  list-style-image: <path d="M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5" fill="#fee082" stroke="#b28501" /> !important;
}

Отредактировано momo2000 (19-08-2021 20:56:15)

Отсутствует

 

№1112819-08-2021 21:15:24

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 52.0

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

momo2000 пишет

Как грамотно перевести в base64 или как то по другому, чтобы прописать иконку сразу в правило, а не хранить отдельный файл svg на диске?

Выделить код

Код:

.bookmark-item[container] {
  list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(254,224,130,1.0)' stroke='rgba(178,133,1,1.0)'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>") !important;
}

«The Truth Is Out There»

Отсутствует

 

№1112919-08-2021 23:30:21

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

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

unter_officer
Или так:

скрытый текст
Добавить в userContent.css

Выделить код

Код:

@-moz-document url(chrome://global/skin/icons/folder.svg) {
    *|svg {
        background: no-repeat url(
            "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(254,224,130,1.0)' stroke='rgba(178,133,1,1.0)'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>"
        ) !important;
    }
    *|path {
        display: none !important;
    }
}

Отредактировано kokoss (20-08-2021 09:45:01)


Win7

Отсутствует

 

№1113020-08-2021 07:17:18

alur
Участник
 
Группа: Members
Зарегистрирован: 15-08-2021
Сообщений: 14
UA: Firefox 91.0

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

Привел свой браузер немного в порядок :)

Режим кнопок компактный.

about:config
toolkit.legacyUserProfileCustomizations.stylesheets - true


Скриншот результата
e0801579f4ff5f34f75b18a9f0149379.jpg

userChrome.css

Выделить код

Код:

:root
{
  --lwt-toolbarbutton-hover-background: #898e96;
  --toolbar-inactive-title-bg-color: #717f93;
  --toolbarbutton-border-color: #9394a4;
  --chrome-content-separator-color: rgba(224, 224, 230, 0.6) !important;
}


/** Back-button fix **/
#back-button > .toolbarbutton-icon
{
  background: none !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 4px !important;
  border: 1px solid var(--toolbarbutton-border-color) !important;
  padding: 6px !important;
}

#back-button:not([disabled]):hover > .toolbarbutton-icon
{
  background: var(--lwt-toolbarbutton-hover-background) !important;
}

#zoom-reset-button > .toolbarbutton-text,
#zoom-out-button > .toolbarbutton-icon,
#zoom-in-button > .toolbarbutton-icon,

#reload-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon

{
  border: 1px solid var(--toolbarbutton-border-color);
}


#nav-bar :-moz-any(#edit-controls, #zoom-controls) separator {
  visibility: collapse !important;
}

/* Высота пунктов меню */
.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1,
menupopup > menu, menupopup > menuitem, menupopup > menucaption {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

/** Цвет рамки значков панели инструментов **/
toolbarbutton[removable="true"] > .toolbarbutton-badge-stack,
toolbarbutton[removable="true"]:not([type="menu"]) > .toolbarbutton-icon,
#nav-bar-overflow-button > .toolbarbutton-icon,
#PanelUI-menu-button > .toolbarbutton-badge-stack
{
  border: 1px solid var(--toolbarbutton-border-color);

  /* Изменение размера значков на панели инструментов*/
  width: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
  height: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
}
/**********/


/* удаляет режим чтения из адресной строки*/

#urlbar-input-container :is(#reader-mode-button, #urlbar-zoom-button, #star-button)  {
    display: none !important;
}

/* убрать жирный бордюр при фокусе в строке адреса и поиска */

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
  border-color: #bbbbbb !important; 
}

Отредактировано alur (20-08-2021 13:52:59)

Отсутствует

 

№1113120-08-2021 08:56:11

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 54
UA: Firefox 91.0

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

kokoss пишет

Привел свой браузер немного в порядок :)

Режим кнопок компактный.

попробовал, и понравилось в квадратиках

скрытый текст
5308-53.png

Отсутствует

 

№1113220-08-2021 09:28:15

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

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

Vitaliy V.
sandro79
unter_officer
kokoss
up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif up.gif

Vitaliy V.
Огласите весь список кнопок расширения Add Toolbar Buttons, а то когда в персонализации они вперемешку с кнопками других расширение и стандартных FF, смотришь глаза разбегаются )

Отсутствует

 

№1113320-08-2021 12:29:26

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

alur пишет

Привел свой браузер немного в порядок :)

Режим кнопок компактный.

about:config
toolkit.legacyUserProfileCustomizations.stylesheets - true


Скриншот результата

userChrome.css

Выделить код

Код:

:root
{
  --lwt-toolbarbutton-hover-background: #898e96;
  --toolbar-inactive-title-bg-color: #717f93;
  --toolbarbutton-border-color: #9394a4;
  --chrome-content-separator-color: rgba(224, 224, 230, 0.6) !important;
}


/** Back-button fix **/
#back-button > .toolbarbutton-icon
{
  background: none !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 2px !important;
  border: 1px solid var(--toolbarbutton-border-color) !important;
  padding: 6px !important;
}

#back-button:not([disabled]):hover > .toolbarbutton-icon
{
  background: var(--lwt-toolbarbutton-hover-background) !important;
}

#zoom-reset-button > .toolbarbutton-text,
#zoom-out-button > .toolbarbutton-icon,
#zoom-in-button > .toolbarbutton-icon,

#reload-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon

{
  border: 1px solid var(--toolbarbutton-border-color);
}


#nav-bar :-moz-any(#edit-controls, #zoom-controls) separator {
  visibility: collapse !important;
}

/* Высота пунктов меню */
.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1,
menupopup > menu, menupopup > menuitem, menupopup > menucaption {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

/** Цвет рамки значков панели инструментов **/
toolbarbutton[removable="true"] > .toolbarbutton-badge-stack,
toolbarbutton[removable="true"]:not([type="menu"]) > .toolbarbutton-icon,
#nav-bar-overflow-button > .toolbarbutton-icon,
#PanelUI-menu-button > .toolbarbutton-badge-stack
{
  border: 1px solid var(--toolbarbutton-border-color);

  /* Изменение размера значков на панели инструментов*/
  width: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
  height: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
}
/**********/


/* удаляет режим чтения из адресной строки*/

#urlbar-input-container :is(#reader-mode-button, #urlbar-zoom-button, #star-button)  {
    display: none !important;
}

/* убрать жирный бордюр при фокусе в строке адреса и поиска */

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
  border-color: #bbbbbb !important; 
}


Подскажите пожалуйста, Воспльзовался вашими настройками а вот уменьшить расстояние между пунктами меню не получается

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


Как отредактировать вот это

скрытый текст
/* Высота пунктов меню */
.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1,
menupopup > menu, menupopup > menuitem, menupopup > menucaption {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

Цыфры менял но что то не получается

Отредактировано Ник 22 (20-08-2021 12:51:54)

Отсутствует

 

№1113420-08-2021 13:29:11

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Vitaliy V.  _zt  sandro79
Спасибо огромное, теперь все в норме, нумерация спереди. :beer:

Отредактировано shadow_user (20-08-2021 13:42:22)

Отсутствует

 

№1113520-08-2021 13:48:13

alur
Участник
 
Группа: Members
Зарегистрирован: 15-08-2021
Сообщений: 14
UA: Firefox 91.0

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

Ник 22

попробуйте этот код, кто то тут выкладывал

Высота пунктов меню

Выделить код

Код:

/* Высота пунктов меню */

@media (-moz-windows-default-theme) and (-moz-os-version: windows-win10) {
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	padding-inline-start: 12px !important;
}
menupopup {
    --menuitem-hover-background-color: #91C9F7 !important;
    --menu-background-color: #F2F2F2 !important;
    --menu-color: #000000 !important;
    --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.6) !important;
    --menu-disabled-color: rgba(21, 20, 26, 0.5) !important;
    --menu-border-color: #919191 !important;
    --menu-icon-opacity: 0.7 !important;
}
menupopup, .menupopup-arrowscrollbox {
	border-radius: 0 !important;
	--panel-padding: 1px 0 !important;
}
menupopup > menu > menupopup {
	margin-inline-start: -2px !important;
	margin-top: -2px !important;
}
#context-sep-navigation {
	margin-top: -3px !important;
}
}

#urlbar-input-container :is(#reader-mode-button, #urlbar-zoom-button, #star-button)  {
    display: none !important;
}

Отсутствует

 

№1113620-08-2021 13:51:34

Kot DaVinci
Участник
 
Группа: Members
Зарегистрирован: 11-10-2020
Сообщений: 18
UA: Firefox 91.0

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

shadow_user пишет

Vitaliy V.  _zt  sandro79
Спасибо огромное, теперь все в норме, нумерация спереди. :beer:

Ну хоть ты и передумал пока я набирал сообщение, но всё же вот:

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

Выделить код

Код:

menupopup[placespopup="true"] {
    counter-reset: num;
}
menupopup[placespopup="true"] > menuitem.bookmark-item::after {
    -moz-box-ordinal-group: 0;
    display: inline-block !important;
    counter-increment: num;
    content: counter(num) ":";
    padding-left: 1px; /*слева*/
    padding-right: 4px; /*справа*/
}
menupopup[placespopup="true"] > menuitem.bookmark-item > .menu-iconic-left {
    -moz-box-ordinal-group: 0;
}

У меня никаких полос прокрутки не наблюдается.

Отсутствует

 

№1113720-08-2021 14:00:51

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

alur пишет

Ник 22

попробуйте этот код, кто то тут выкладывал

Высота пунктов меню

Выделить код

Код:

/* Высота пунктов меню */

@media (-moz-windows-default-theme) and (-moz-os-version: windows-win10) {
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	padding-inline-start: 12px !important;
}
menupopup {
    --menuitem-hover-background-color: #91C9F7 !important;
    --menu-background-color: #F2F2F2 !important;
    --menu-color: #000000 !important;
    --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.6) !important;
    --menu-disabled-color: rgba(21, 20, 26, 0.5) !important;
    --menu-border-color: #919191 !important;
    --menu-icon-opacity: 0.7 !important;
}
menupopup, .menupopup-arrowscrollbox {
	border-radius: 0 !important;
	--panel-padding: 1px 0 !important;
}
menupopup > menu > menupopup {
	margin-inline-start: -2px !important;
	margin-top: -2px !important;
}
#context-sep-navigation {
	margin-top: -3px !important;
}
}

#urlbar-input-container :is(#reader-mode-button, #urlbar-zoom-button, #star-button)  {
    display: none !important;
}

К сожалению не подходит. Уменьшает но не на много

Отсутствует

 

№1113820-08-2021 14:13:25

alur
Участник
 
Группа: Members
Зарегистрирован: 15-08-2021
Сообщений: 14
UA: Firefox 91.0

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

Ник 22

Должно получится вот так, слева уменьшенная, справа оригинал, больше уменьшать думаю уже некуда
61b02cec47ec739d86c1a21dabfda6c7.jpg

Отсутствует

 

№1113920-08-2021 15:04:06

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

alur пишет

Ник 22

Должно получится вот так, слева уменьшенная, справа оригинал, больше уменьшать думаю уже некуда


Спасибо. Поставил. Ну конечно можно было бы еще чуть чуть поменьше но впрочем и так хорошо. На стационарном компьютере хорошо а вот на ноутбуке думаю будет не очень.

Отредактировано Ник 22 (20-08-2021 15:05:25)

Отсутствует

 

№1114020-08-2021 15:06:24

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 91.0

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

Можно ли убрать слово "Поиск" из поисковой панели?

Отсутствует

 

№1114120-08-2021 15:46:50

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

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

Ник 22 пишет

Ну конечно можно было бы еще чуть чуть поменьше но впрочем и так хорошо. На стационарном компьютере хорошо а вот на ноутбуке думаю будет не очень

Выставляйте в 0 padding-block или padding-top и padding-bottom, там дальше уже сжимать некуда.

doud пишет

Можно ли убрать слово "Поиск" из поисковой панели?

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

Выделить код

Код:

.searchbar-textbox::placeholder {
	opacity: 0 !important;
}


Собрал ещё стиль смены некоторых значков панели инструментов в дополнение к этому посту на svg иконках.
Теперь при включении svg.context-properties.content.enabled, иконки меняют цвет в зависимости от используемой темы [firefox]

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

Выделить код

Код:

#back-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M15,7H3.414L7.707,2.707A1,1,0,0,0,6.293,1.293l-6,6a1,1,0,0,0,0,1.414l6,6a1,1,0,0,0,1.414-1.414L3.414,9H15a1,1,0,0,0,0-2Z'/></svg>") !important;
}
#forward-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M15.707,7.293l-6-6A1,1,0,0,0,8.293,2.707L12.586,7H1A1,1,0,0,0,1,9H12.586L8.293,13.293a1,1,0,1,0,1.414,1.414l6-6A1,1,0,0,0,15.707,7.293Z'/></svg>") !important;
}
#reload-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M15,1a1,1,0,0,0-1,1V4.418A6.995,6.995,0,1,0,8,15a6.954,6.954,0,0,0,4.95-2.05,1,1,0,0,0-1.414-1.414A5.019,5.019,0,1,1,12.549,6H10a1,1,0,0,0,0,2h5a1,1,0,0,0,1-1V2A1,1,0,0,0,15,1Z'/></svg>") !important;
}
#stop-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M9.414 8l5.293-5.293a1 1 0 0 0-1.414-1.414L8 6.586 2.707 1.293a1 1 0 0 0-1.414 1.414L6.586 8l-5.293 5.293a1 1 0 1 0 1.414 1.414L8 9.414l5.293 5.293a1 1 0 0 0 1.414-1.414z'/></svg>") !important;
}
#home-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M15.707,7.293l-7-7a1,1,0,0,0-1.414,0l-7,7A1,1,0,0,0,1.707,8.707L2,8.414V14a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8.414l.293.293a1,1,0,0,0,1.414-1.414ZM8,11.5a.5.5,0,1,1,.5.5A.5.5,0,0,1,8,11.5ZM12,13a1,1,0,0,1-1,1H10V9A1,1,0,0,0,9,8H7A1,1,0,0,0,6,9v5H5a1,1,0,0,1-1-1V6.414l4-4,4,4Z'/></svg>") !important;
}
#history-panelmenu {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M8 0a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm0 14a6 6 0 1 1 6-6 6.007 6.007 0 0 1-6 6zm3.5-6H8V4.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1z'/></svg>") !important;
}
#add-ons-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='context-fill' fill-opacity='context-fill-opacity'><path d='M14.5 8c-.971 0-1 1-1.75 1a.765.765 0 0 1-.75-.75V5a1 1 0 0 0-1-1H7.75A.765.765 0 0 1 7 3.25c0-.75 1-.779 1-1.75C8 .635 7.1 0 6 0S4 .635 4 1.5c0 .971 1 1 1 1.75a.765.765 0 0 1-.75.75H1a1 1 0 0 0-1 1v2.25A.765.765 0 0 0 .75 8c.75 0 .779-1 1.75-1C3.365 7 4 7.9 4 9s-.635 2-1.5 2c-.971 0-1-1-1.75-1a.765.765 0 0 0-.75.75V15a1 1 0 0 0 1 1h3.25a.765.765 0 0 0 .75-.75c0-.75-1-.779-1-1.75 0-.865.9-1.5 2-1.5s2 .635 2 1.5c0 .971-1 1-1 1.75a.765.765 0 0 0 .75.75H11a1 1 0 0 0 1-1v-3.25a.765.765 0 0 1 .75-.75c.75 0 .779 1 1.75 1 .865 0 1.5-.9 1.5-2s-.635-2-1.5-2z'/></svg>") !important;
}
#PlacesChevron, #nav-bar-overflow-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M8.707,7.293l-5-5A1,1,0,0,0,2.293,3.707L6.586,8,2.293,12.293a1,1,0,1,0,1.414,1.414l5-5A1,1,0,0,0,8.707,7.293Zm6,0-5-5A1,1,0,0,0,8.293,3.707L12.586,8,8.293,12.293a1,1,0,1,0,1.414,1.414l5-5A1,1,0,0,0,14.707,7.293Z'/></svg>") !important;
}
#PanelUI-menu-button {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M3,4H13a1,1,0,0,0,0-2H3A1,1,0,0,0,3,4ZM13,7H3A1,1,0,0,0,3,9H13a1,1,0,0,0,0-2Zm0,5H3a1,1,0,0,0,0,2H13a1,1,0,0,0,0-2Z'/></svg>") !important;
}
#PanelUI-menu-button[badge-status="update-available"], #PanelUI-menu-button[badge-status="update-downloading"], #PanelUI-menu-button[badge-status="update-manual"], #PanelUI-menu-button[badge-status="update-other-instance"], #PanelUI-menu-button[badge-status="update-restart"], #PanelUI-menu-button[badge-status="update-unsupported"], #PanelUI-menu-button[badge-status="addon-alert"], #PanelUI-menu-button[badge-status="fxa-needs-authentication"] {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='context-fill' fill-opacity='context-fill-opacity' d='M3,4H7.755A8,8,0,0,1,6.584,2H3A1,1,0,0,0,3,4ZM13,7H3A1,1,0,0,0,3,9H13a1,1,0,0,0,0-2Zm0,5H3a1,1,0,0,0,0,2H13a1,1,0,0,0,0-2Z'/></svg>") !important;
}
#downloads-indicator-anchor {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><path style='fill:context-fill;fill-opacity:context-fill-opacity;' d='M 20.27,3 C 19,3 19.25,3.798 19.25,3.798 V 17.94 20.23 H 13.75 C 12.13,20.23 13.61,21.58 13.61,21.58 L 23.36,32.85 V 32.85 C 23.36,32.85 24.17,33.75 25.01,32.95 26.16,31.84 34.47,21.3 34.47,21.3 34.47,21.3 35.93,19.89 33.98,19.89 H 28.91 V 17.83 3.672 C 28.91,3.672 28.93,3 28.03,3 Z M 3,29.93 V 42.22 C 3,43.75 4.303,45 5.918,45 H 42.08 C 43.71,45 45,43.75 45,42.22 V 29.93 H 39.16 V 39.43 H 8.837 V 29.93 Z' /></svg>") !important;
}


momo2000, код, что вам в PM отправил, здесь оставил, чтоб не потерялся.

Отредактировано sandro79 (20-08-2021 15:56:07)

Отсутствует

 

№1114220-08-2021 16:18:18

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 91.0

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

.searchbar-textbox::placeholder {
    opacity: 0 !important;
}
Становиться бледнее но не исчезает...

Отсутствует

 

№1114320-08-2021 20:42:47

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

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

Желтые папки, или любого другого цвета, можно задать самому!
Дефолтная иконка
1.jpg

код:

Выделить код

Код:

.bookmark-item[container] {
  list-style-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' fill='%23fee082' stroke='%23b28501'><path d='m13.495,13.50001l-10.99,0a2.007,2.007 0 0 1 -2.005,-2.005l0,-8.99c0,-1.106 0.899,-2.005 2.005,-2.005l2.958,0a2.01,2.01 0 0 1 1.47,0.641l1.26,1.359l5.302,0c1.106,0 2.005,0.899 2.005,2.005l0,6.99a2.007,2.007 0 0 1 -2.005,2.005z'/></svg>") !important;
}

Новая иконка
2.jpg

код:

Выделить код

Код:

.bookmark-item[container] {
  list-style-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' fill='%23fee082' stroke='%23b28501'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>") !important;
}

Цвета в HEX задаются через %23 а не #


Растровые, цвет не изменить
3.jpg

код:

Выделить код

Код:

.bookmark-item[container] {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAADAFBMVEXOzs7d3d3b29vY2NjZ2dnW1tbBwcGvr6/Gxsa8vLy0tLSxsbF3d3fQ0NDS0tLU1NTJycmhoaG4uLi2tra0tLTIyMjPz8++vr67u7vNzc2SkpJ9fX3byXitra3ExMS5ubnNzMW/v7/Ly8uamprDr1S1ok/ItFmzoVGysrKNjY2JiYmGhoaCgoK5qWS4qmiTk5PMw5/HwaO8vLzJycnExMSYmJiioqKrq6uzs7O4uLi6urrGxsbFxcW4uLi5ubnGxsbHx8evm0fw8PDfxlvOt1T8/Pz898Hr6+v6+vr09PT4+Pjx34Lpz1/79LT687H58Kz47aTy4ojx4Ibu2nft7e379Ln47qf05pXw3X/v23ru2XT68a7476n366D26Zzv3H3awli+qU3+/v789r779bfz44zt13G1oUns1m3UvFbPuFW5pEvExMT377L47rD16Jjz5JDz5I7t3oTr1GrIslLErlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZ/mX8AAABAHRSTlMA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Cpf0PAAAALdJREFUGFc9zskOgjAUheHu9CFI1MRhpdFHIN50QylTmOcwCcRZ399bJJzd/7UlECKdp0lELKO4orBx2Qhlqao81CLtDy0dW3faATo6tKPHejcAUM7DCDuJYSngQ7mGnbhuDdsjwrfQsCpTqRhc1wi57T4qw1RSk8E9F3B7Ynq+pTAwBPSOOPatwEPoEZpY8VIrqC8+QiMgwevYb4vBa4Mgu/gF8SRgsDshHORp++HHVrNpi9Wc/ADuhj/7YwIMHwAAAABJRU5ErkJggg==") !important;
}


4.jpg
код:

Выделить код

Код:

.bookmark-item[container] {
 list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABtklEQVR4AYxStbpWQQycPT/u7tDh7vAkdHQ4DVIjPSUtNfIWuLu7u8vRTTLck+t+5/tmszobCyTx+fb2Q8NGjztIMxBw0BQmAhCQGN0ChEp1eObaY4fQCpL4+WQ/ix+nSH3eK788OOL2zYXNJIlWDnKRmpaC8ZGv2sAABCIMWgHU5/IRJkQHuIAjaYyAaYGALiCAhqLKfoJWgkB3ARoBCiACgp3ehpo0aPwLagWyFw/MKhcJXX43j0JQ5SmoRTeBBAOEqaAnuIBGqQcwprAmqmROk8z3aAJRhUkOmOHJmW0n3l/fO68thLLIMUpL0LJ2330McJi40fwlhk9ajvTLrU0xDvkNYJt74A3DxH83Sd065Z9bUiBR/GzcxJEYO3Mjqn9ftraFIFUEtXCX/WGb+7VN3YOiqnxPsucYO3URaEB7CFl9sfDHIbS57gggSIWIumANWgSh7QIhJN4kXibfYHsngqApzAyeRAQXsI4emAqoEbQCYPdGBNUrRS3hMAXNOniQJAAjGkPnoCeExkh/0BjWem6wjgLvn9zfnf76dtSM6BlXkDQC/u/W+dNQ/mkGHiHhPhALAOZmfBm+8hn2AAAAAElFTkSuQmCC")!important;
}


sandro79:beer:

Отредактировано momo2000 (20-08-2021 20:57:30)

Отсутствует

 

№1114420-08-2021 21:56:29

alur
Участник
 
Группа: Members
Зарегистрирован: 15-08-2021
Сообщений: 14
UA: Firefox 91.0

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

желтые папки это супер :rock:, забрал себе.

Отредактировано alur (20-08-2021 21:56:56)

Отсутствует

 

№1114521-08-2021 09:15:54

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Kot DaVinci пишет

Ну хоть ты и передумал пока я набирал сообщение, но всё же вот:

Отличная работа, все, как нужно и без изъянов. Спасибо! :beer:

Отсутствует

 

№1114621-08-2021 09:52:52

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

Подскажите пожалуйста как квадратным кнопкам в панели цвет задать.


Замечание п. 2.22 многократное п. 2.9
Sergeys

Отредактировано Ник 22 (22-08-2021 15:59:51)

Отсутствует

 

№1114722-08-2021 14:18:18

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 91.0

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

Подскажите стиль, убирающий шестерёнку в выпадающем списке поисковиков. Если это возможно, конечно. Раньше, до 91-й версии этой шестерёнки вроде не было...


Windows 10 LTSC

Отсутствует

 

№1114822-08-2021 15:16:57

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

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

Black_Monk пишет

Подскажите стиль, убирающий шестерёнку в выпадающем списке поисковиков. Если это возможно, конечно.

Возможно:

Выделить код

Код:

#urlbar-anon-search-settings {
   display: none !important;
}

Win7

Отсутствует

 

№1114922-08-2021 18:18:13

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 91.0

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

kokoss, нет, не сработало... :|


Windows 10 LTSC

Отсутствует

 

№1115022-08-2021 18:31:25

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

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

Black_Monk пишет

нет, не сработало...

У меня в [firefox] 91 работает:

скрин
63e7a14cec0d.png

Куда добавили?


Add, пардон, перепутал с выпадающим списком адресной строки, вот для панели поиска:

Выделить код

Код:

#searchbar-anon-search-settings {
   display: none !important;
}

Отредактировано kokoss (22-08-2021 18:56:52)


Win7

Отсутствует

 

Board footer

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