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

Vitaliy V. · №4326

func4ptch4 пишет

а нельзя сделать по таймауту автоскрытие?

Ok сделал, см. в файле findbar.xml
this.delay = 3000; // Задержка скрытия
пока кликаешь на странице с интервалом меньше выбранного поиск не закрывается,
при клике на панели поиска таймер сбрасывается и не запускается снова пока не кликнешь на странице

func4ptch4 · №4327

Vitaliy V. Спасибо еще раз, так еще удобнее стало.

Viatcheslav · №4328

Подскажите, пожалуйста - как добавить с помощью стилей разделитель в контекстное меню (если возможно)? Конкретная задача (для примера) - вставить разделитель между пунктами Обновить ссылки и Закачать все ссылки (на скриншоте), их css-селекторы соответственно #linkificator_markapola_7 и #ida_westbyte_com_downloadAllOnPage

Спасибо за помощь

cisux · №4329

Viatcheslav
Что-то вроде этого (не проверял)

Выделить код

Код:

#linkificator_markapola_7 {
    border-bottom: 5px solid black !important;
}

Добавлено 04-06-2018 10:18:27
А вообще у вас же ESR и XUL работает? Там же есть дополнения для редактирования контекстного меню кажется?
Вот например: https://addons.mozilla.org/ru/firefox/a … enu-wizard

Отредактировано cisux (04-06-2018 10:18:27)

Viatcheslav · №4330

cisux пишет

Там же есть дополнения для редактирования контекстного меню кажется?
Вот например: https://addons.mozilla.org/ru/firefox/a … enu-wizard

Спасибо, но устанавливать целое дополнение (тем более несовместимое) из-за таких мелочей не хочется

cisux пишет

скрытый текст
Выделить код
Код:
#linkificator_markapola_7 {
    border-bottom: 5px solid black !important;
}

Увы, но этот стиль не работает

Отредактировано Viatcheslav (04-06-2018 13:17:29)

xrun1 · №4331

Как убрать строку из контекстного меню "Открыть ссылку в новом окне"? [firefox] 60.0.1

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

P.S. Сам посмотреть Attributes Inspector не могу, кнопки в 60-й у меня отвалились.

unter_officer · №4332

xrun1 пишет

Как убрать строку из контекстного меню "Открыть ссылку в новом окне"?

#context-openlink { display: none !important; }

Vitaliy V. · №4333

Viatcheslav пишет

как добавить с помощью стилей разделитель в контекстное меню (если возможно)?

стилем можно только если применить к пункту -moz-appearance: none !important; и border...
но тогда вид пункта может отличатся от других.
С биндингом можно добавить настоящий menuseparator

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

Выделить код

Код:

menupopup#contentAreaContextMenu > #ID-пункта > hbox.menu-accel-container {
    -moz-binding: url("data:text/xml,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='menuseparator'><implementation><constructor><![CDATA[ var item = this.parentNode; var popup = item.parentNode; var menuseparator = document.createElement('menuseparator'); popup.insertBefore(menuseparator, item); ]]></constructor></implementation></binding></bindings>#menuseparator") !important;
}

вместо #contentAreaContextMenu можно другое menupopup

P.S. кстати что там со стилем для выпадающего списка адресной и поисковой строки, работает на [firefox] 57 и [windows] 7 ?

Отредактировано Vitaliy V. (04-06-2018 15:05:48)

Viatcheslav · №4334

Vitaliy V. пишет

что там со стилем для выпадающего списка адресной и поисковой строки, работает на 57 и 7 ?

Спасибо, работает. Я, правда, досконально не тестировал - если нужны подробности, спрашивайте, проверю :beer:

Vitaliy V. пишет

вместо #contentAreaContextMenu можно другое menupopup

Я так понимаю, к любому выпадающему меню [firefox] можно применить - Закладки, Журнал, Инструменты, только нужно menupopup#Имя_меню узнать. Правильно?

xrun1 пишет

Сам посмотреть Attributes Inspector не могу, кнопки в 60-й у меня отвалились

Встроенными средствами можно: Инструменты -> Веб-разработка -> Инструменты браузера (или сочетанием клавиш Ctrl+Alt+Shift+I)

Отредактировано Viatcheslav (04-06-2018 15:48:49)

xrun1 · №4335

unter_officer пишет

#context-openlink { display: none !important; }

Странно, я так пробовал и не сработало, а сейчас работает. Мистика. Спасибо.

Viatcheslav пишет

Встроенными средствами можно: Инструменты -> Веб-разработка -> Инструменты браузера (или сочетанием клавиш Ctrl+Alt+Shift+I)

Что-то найти на странице я ещё понимаю, как пользоваться, той же пипеткой, а как понять id строки меню для меня тёмный лес.

Vitaliy V. · №4336

Viatcheslav пишет

Я так понимаю, к любому выпадающему меню можно применить - Закладки, Журнал, Инструменты, только нужно menupopup#Имя_меню узнать. Правильно?

только если это menupopup а не panel и т.д.

Viatcheslav · №4337

xrun1 пишет

как понять id строки меню для меня тёмный лес.

Если хотите разобраться - могу помочь, тоже сам доходил. Будет ли это уместно прямо в этом топике - вопрос :blush:

Viatcheslav · №4338

Решил немного упорядочить контекстное меню, так сказать, косметическими средствами. Разобрался с добавлением разделителей (сепараторов), с перемещением пунктов меню вверх/вниз, с изменением цвета текста меню, и как сделать текст полужирным - всё получилось. А вот окрасить цветом фон пункта контекстного меню - затык. Вот такой стиль почему-то не работает:

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

Выделить код

Код:

/* Копировать ссылку */
#context-copylink {
    background-color: rgba(255, 150, 150, 0.4) !important;
}

Есть даже сообщение, в котором один из уважаемых участников форума пишет об этом и даже приводит скриншот - там всё работает , а у меня ни хрена :angry:

(синтаксис в своём случае я подправил, но как в примере - тоже не работает). Предполагать конфликты даже не стану - файл userChrome.css не содержит ничего, кроме кода выше, а в папке chrome больше ничего нет. Помогите, пожалуйста, спасибо :whiteflag:

Отредактировано Viatcheslav (05-06-2018 12:49:09)

Vitaliy V. · №4339

Viatcheslav
выше писал что

Vitaliy V. пишет

стилем можно только если применить к пункту -moz-appearance: none !important; и border...
но тогда вид пункта может отличатся от других.

также и для фона. По умолчанию пункты должны иметь вид как в ОС поэтому используется -moz-appearance: menuitem; и т.д.
естественно тогда не работают border background padding ...
Так что если изменять то лучше сразу все - нужен стиль для меню.
У меня конечно есть но не для [firefox] 57 +

Viatcheslav · №4340

Vitaliy V. пишет

У меня конечно есть но не для 57 +

Если у Вас есть время и желание - "допилите", пожалуйста, для [firefox] 57 и опубликуйте. Большое спасибо

drage2 · №4341

Viatcheslav

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

Выделить код

Код:

menupopup (

  
  background-color: #xxx !important;
  
}
menu,
menuitem,
menucaption,
.splitmenu-menuitem {
  -moz-appearance: menuitem;
  -moz-box-align: center;
  color: #xxx !important;
  
}

Или на каждое меню свой колор

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

Выделить код

Код:

menuitem,
menucaption,
.splitmenu-menuitem {
  -moz-appearance: menuitem;
  -moz-box-align: center;
  color: #xxx !important;

Отредактировано drage2 (05-06-2018 19:49:04)

Viatcheslav · №4342

drage2 пишет

Или на каждое меню свой колор

drage2, спасибо. Я только не понял - в каком месте кода есть привязка к идентификатору конкретного пункта меню? Если думаете, что я сам догадаюсь - таки нет :blush: Мне не нужно изменять цвет фона всего меню - только отдельных пунктов

Vitaliy V. · №4343

Viatcheslav пишет

"допилите", пожалуйста, для 57 и опубликуйте

Это вряд ли только если пересяду на [firefox] 57 +
могу предложить по проще и только для menupopup

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

Выделить код

Код:

menupopup menuitem, menupopup menucaption, menupopup menu {
    -moz-appearance: none !important;
    background-color: transparent !important;
    padding-left: 2px;
    padding-right: 2px;  
    min-height: 22px;
}

menupopup menu[disabled="true"][_moz-menuactive],
menupopup menuitem[disabled="true"][_moz-menuactive] {
    background-color: rgba(0,0,0,0.1) !important;
}

menupopup menu:not([disabled="true"])[_moz-menuactive],
menupopup menuitem:not([disabled="true"])[_moz-menuactive] {
    background-color: Highlight !important; /* Цвет фона при наведении */
    color: HighlightText !important; /* Цвет текста при наведении */
}

/* Далее пример добавления фона и цвета для нужного пункта */
menupopup#contentAreaContextMenu #context-inspect:not([disabled="true"]):not([_moz-menuactive]) {
    background-color: gold !important;
    color: red !important;
}

drage2 · №4344

Viatcheslav

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

Выделить код

Код:

/* ::::: menupopup ::::: */

menupopup .menu-iconic-text {

background: #0076EC !important;
color: #fff !important;

}

menupopup {background: gray !important;)

Viatcheslav · №4345

Vitaliy V. пишет

могу предложить по проще и только для menupopup

Со сложным я не справлюсь Большое спасибо :beer:
drage2, благодарю за участие :cool:

momo2000 · №4346

а можно расширить поле поиска в findbar, а то получается оно очень короткое а сама панель на всю ширину браузера?

Viatcheslav · №4347

momo2000 пишет

а можно расширить поле поиска в findbar, а то получается оно очень короткое а сама панель на всю ширину браузера?

Вроде, всё нормально

momo2000 · №4348

Viatcheslav
я стандартный юзаю, на всю ширину

хотя, даже если юзать как у вас, все равно почему это поле такое короткое?
findbar-textbox findbar-find-fast

Viatcheslav · №4349

momo2000 пишет

хотя, даже если юзать как у вас, все равно почему это поле такое короткое?

Создатель панели поиска, которой я пользуюсь - Vitaliy V. Может быть, он поможет?

Vitaliy V. · №4350

momo2000 пишет

все равно почему это поле такое короткое?

Потому что эта мини панель поиска поверх страницы не обязана занимать много места.

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

Выделить код

Код:

findbar .findbar-textbox {
    width: 28em !important;
}

или так на всё доступное место (только для панели по умолчанию)

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

Выделить код

Код:

findbar hbox[anonid="findbar-textbox-wrapper"],
findbar .findbar-textbox {
    -moz-box-flex: 1 !important;
}

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

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