Файл extensions.json находится в корневой папке профиля - C:\Users\User_name\AppData\Roaming\Mozilla\Firefox\Profiles\Profile_name

Всё народ, я сдаюсь, помогите своими мозгами.

Есть установленные табы в две строки — tabs_multiple_lines_v2.css

В классической теме Windows при открытии видео с youtube на весь экран на вертикальном скроле (1) появляется тень (2) и если закрыть табы, чтобы скрол исчез, то тень остается (3). Жутко бесит.

И вроде бы определи какие классы задействованы в скроле, но ничего не помогает.

/* УБРАЛ В ВЕРТИКАЛЬНОЙ ПРОКРУТКЕ НЕПРИЯТНЫЙ ГРАДИЕНТ  */
#tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-tabs .arrowscrollbox-scrollbox, #tabbrowser-tabs .scrollbox-innerbox {-moz-appearance: none !important; background-color: #d4d0c8 !important; background: #d4d0c8 !important; box-shadow: none !important; background-clip: padding-box !important; border-color: #d4d0c8 !important; border-radius: 0 !important;  background-image: none !important;}

Отредактировано leshiy_odessa (31-01-2018 22:18:53)

Если устраивает положение "вкладки внизу" (т. е. они расположены ниже адресной строки), то в таком виде кнопки не "заезжают"

Подскажите пожалуйста, как привести интерфейс дополнительных окон, вызываемых например клавишами Shift+J и Ctrl+Shift+B, к общему стилю браузера.
Какие у элементов этих окон идентификаторы?
Интересует прежде всего заголовок окна.

Отредактировано Flober (30-01-2018 11:26:18)

Да, отлично работает.
Спасибо.

Если кому интересно – способ добавить пиктограммы к пунктам контекстного меню:

/* Общее правило для всех пунктов контекстного меню */
#mainPopupSet #contentAreaContextMenu menuitem:before
{display:-moz-box;/* делаем элемент блоковым, чтоб задать размеры */
width:16px;height:16px;/* задаём размеры */
margin-left:4px;margin-right:-20px;/* отодвигаем от левой границы и убираем промежуток, чтоб пункт меню был на своём месте, margin-right=margin-left+width */}
/* Пример */
#context-savelink:before,#context-savepage:before
{content:url('./icons/save.png');}

Не для всех пунктов работает. Это странно. Но и с MW тем же пунктам значки не назначались.
В общем и целом можно сказать, что эффект от MW частично восстановлен. Разве что, это делается теперь дольше и неудобнее. А перетаскивание пунктов меню у меня и в MW не работало.

Отредактировано css (30-01-2018 22:27:44)

Попыталась сделать по аналогии для menupopup#contentAreaContextMenu и ничего не получается. Я не могу найти приведённые в Вашем примере id в коде. Поэтому не получается сравнить Ваш код и структуру. Сделала так:

menupopup#contentAreaContextMenu menu,
menupopup#contentAreaContextMenu menuitem:not([type="checkbox"],[type="radio"])
{-moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;}
menupopup#contentAreaContextMenu menu>.menu-iconic-left
{-moz-appearance:menuimage !important;padding-top:2px;}

#context-savelink,#context-savepage
{list-style-image:url("./icons/save.png") !important;-moz-image-region:auto !important;}

Какой смысл имеет :-moz-any(), подозреваю, что это для перечисления нескольких селекторов, но не уверена.

SendInfo, спасибо. Я была права. Правда, по ссылке написано так, что фиг поймёшь. Зачем так уродовать простой смысл, хз. Наверное, чтоб те, кто понял, чувствовали себя избранными. )
Но даже такое объяснение неполное. Что, например, означает "наборов похожих селекторов"? Похожих чем? Горе от ума какое-то. Ну, я предполагаю, что это значит, что с тегами можно использовать только теги, а с классами – классы и тп. Но, опять же, не уверена. После прочтения документации, таких вопросов возникать не должно.

Подправила немного код

menupopup#contentAreaContextMenu :-moz-any(menu, menuitem)
{-moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;-moz-image-region:auto !important;}
menupopup#contentAreaContextMenu menu>.menu-iconic-left
{-moz-appearance:menuimage !important;padding-top:2px;}

#context-savelink,#context-savepage
{list-style-image:url("./icons/save.png") !important;}

И он даже заработал. Но все пункты меню слишком сдвинуты влево. И, главное, каждый пункт обзавёлся стрелкой, будто у него есть подменю. Это слегка дезориентирует и никуда не годится. Что-то где-то я сделала неправильно. Оставила пока вариант с псевдоэлементами. Зато узнала о новом псевдоклассе. Он, конечно, совершенно пока бесполезен в быту, но, возможно, когда-нибудь, от него будет толк. Вообще, с эволюцией фф, я уже узнала много нового. Не факт, что полезного, но нового точно.

Отредактировано css (31-01-2018 05:28:17)

Ultima2m, о! Интересненько. Спасибо! Попробую так. А кодировку css в UTF менять нужно, если привязывать к лейблам на кириллице? Мой файл в ANSI сейчас.

Нет можно использовать и вместе, может лучше на английском https://developer.mozilla.org/en-US/docs/Web/CSS/:any

Реально лучше. Даже с моим паршивым знанием английского всё понятно после первого прочтения. Что само по себе уже нонсенс, русское описание я раз пять перечитывала, а потом ещё и примеры смотрела, чтоб разобраться. Во-первых, по Вашей ссылке ни слова про какую-то мифическую похожесть. Во-вторых, есть заметки, что в комбинатор нельзя класть псевдоэлементы. Просто, понятно и исчерпывающе.
И спасибо за исправление моей самодеятельности. ) Сейчас попробую изобразить это у себя.

Спасибо. Просто решила заранее узнать. )

Результаты моей очередной самодеятельности:

menupopup menu:not(.menuitem-iconic)
{-moz-binding:url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;-moz-image-region:auto !important;}
menupopup menuitem:not(.menu-iconic):not([type="checkbox"]):not([type="radio"])
{-moz-binding:url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;-moz-image-region:auto !important;}
menupopup :-moz-any(menu:not(.menuitem-iconic),menuitem:not(.menu-iconic):not([type="checkbox"]):not([type="radio"])) > .menu-iconic-left
{-moz-appearance:menuimage !important;padding-top:2px;}

#context-savelink,#context-savepage
{list-style-image:url("./icons/save.png") !important;}

И вот это уже работает как надо. Я, всё таки, вняла совету и исключила из правил радио и чекбоксы. И, до кучи, исключила пункты от расширений с уже имеющимися значками. Ultima2m, привязку к содержимому лейблов использовать не стала, поскольку уже прошляпила этот вариант и узнала id всех нужных мне пунктов. Сразу не догадалась, теперь уже поздно. )

В целом, получилось очень удобно. Гораздо быстрее выцепить глазами нужную картинку, чем текст.

Отредактировано css (31-01-2018 13:50:25)

Блин. Ну что же я такая невнимательная... ( Спасибо за замечание! А значков больше 40. Я опухну их всех в правило включать. И, всё таки, воспользовалась привязкой к содержимому лейблов для некоторых пунктов, спасибо Ultima2m за наводку на такой простой способ, сама я чё-т стормозила.

Я никогда не меняю язык браузера или винды. И я редко использую привязку по содержимому, потому сразу и не воспользовалась, просто не привыкла. Зато вот такой код:

:-moz-any(menuitem[label*="Настройки"],menuitem[label*="Options"])
{list-style-image:url("./icons/options.png") !important;}

отлично работает (я таки пользуюсь новым комбинатором ). Да, можно было бы изобразить что-то типа menuitem[id*="options"], но искать нужные идентификаторы в этой куче не слишком удобно. А в блокнот весь код не скопировать, там не все узлы дают это сделать.

По ходу дела, пожалела, что нет исключения из исключения. Добавив :not(.menuitem-iconic), я оставила пункт "Новая вкладка" без значка. Кажется, он единственный такой, судя по коду, там должна появляться какая-то динамическая картинка, но я её никогда не видела. Жаль, что нельзя написать что-то типа :not(.menuitem-iconic):yes(#some-id) или :not(.menuitem-iconic !#some-id)

Отредактировано css (31-01-2018 15:27:34)