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

Не получается решить проблему на форуме? Служба технической поддержки Mozilla Россия — support@mozilla-russia.org.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-02-2018 00:34:49

Васисуалий Лоханкин пишет:

Второй пример это закладка "стили", а первый какая? Что-то не найду

https://forum.mozilla-russia.org/viewto … 25#p751925

Васисуалий Лоханкин пишет:

Там есть div id="root"

userChrome.css - для изменения интерфейса браузера, а вы что пытаетесь изменить?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-02-2018 00:16:08

Васисуалий Лоханкин пишет:

В инструментах разработчика на вкладке "Стили" его нет.

Где именно нет?
здесь где должен быть

скрытый текст
https://img-fotki.yandex.ru/get/517809/226927827.9/0_15c940_1fe0ee1f_orig.png

или здесь где не должен
скрытый текст
https://img-fotki.yandex.ru/get/1023575/226927827.9/0_15c941_b339cea4_orig.png

#root

это что за селектор? может имели ввиду псевдокласс  :root - корневой элемент документа

А вообще скачайте заведомо рабочий userChrome.css из моих сообщений на этом форуме например

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-02-2018 13:46:13

css пишет:

Это меню вообще особняком стоит, не в общем узле для контекстных меню, а в узле сайдбара

Ну и что, какая разница? Это если стиль ограничен например только для браузера @-moz-document url("chrome://browser/content/browser.xul") { код }
тогда да для боковой панели не сработает, нужно или добавить нужный @-moz-document
[spoiler][code]@-moz-document url("chrome://browser/content/browser.xul"),  /* Окно браузера */
                           url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),  /* Боковая панель - закладки */
                           url("chrome://browser/content/history/history-panel.xul"),  /* Боковая панель - история */
                           url("chrome://browser/content/places/places.xul") { /* Окно библиотеки */
menupopup#placesContext menuitem:-moz-any(#placesContext_open,[id="placesContext_open:newtab"],[id="placesContext_open:newwindow"],[id="placesContext_open:newprivatewindow"]) {
    -moz-binding: url("chrome://global/content/b

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 23:55:02

leshiy_odessa пишет:

там до чертиков субнастроек. Возможно что там и есть.

:) нет это не так просто, одним стилем такое сделать и чтобы работало невозможно

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 23:36:12

leshiy_odessa пишет:

На гифе я вижу вроде бы открытие табы в 4 строки.

APNG а не GIF,  3 строки а не 4 но не в этом суть
1. прокрутка вкладок колесом мыши
2. перетаскивание вкладок в многострочном режиме
3. закреплённые вкладки всегда видимы независимо от положения прокрутки
4. при открытии вкладок и их выборе, вкладки прокручиваются чтобы выбранная стала видимой
Ну вот основное что не могут ваши стили.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 22:56:18

leshiy_odessa пишет:

Это не помогло

Ну у меня Win10 там нет классической темы, а виртуалку лень было запускать

leshiy_odessa пишет:

Могут. И вкладки выше адресной строки тоже.

Что же интересно? Но нет не могут, сначала просмотрите до конца APNG анимацию может поймёте о чём речь... https://vitaliyvstyle.github.io/stylesb … e/#image05

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 15:00:36

css пишет:

И, всё таки, воспользовалась привязкой к содержимому лейблов для некоторых пунктов

Вы об этом menuitem[label="Свойства"] только учтите что это сработает только с русской локалью (или для пунктов созданных CB) поэтому если есть id или другие уникальные атрибуты не зависимые от локали лучше их использовать

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 14:35:26

css
Неплохо только стоит ли ради нескольких значков делать биндинги и т.д. глобально

P.S. Тут опечатка похоже menu:not(.menuitem-iconic) нужно menu:not(.menu-iconic)
и тут menuitem:not(.menu-iconic) нужно menuitem:not(.menuitem-iconic)

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 12:35:46

css пишет:

Ну, я предполагаю, что это значит, что с тегами можно использовать только теги, а с классами – классы и тп

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 11:50:55

css пишет:

Выделить код

Код:

menupopup#contentAreaContextMenu :-moz-any(menu, menuitem)
{-moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;-moz-image-region:auto !important;}

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

Нууу, что за самодеятельность, сделали один биндинг для menu и menuitem,
тогда как для menu нужен chrome://global/content/bindings/menu.xml#menu-iconic
а для menuitem chrome://global/content/bindings/menu.xml#menuitem-iconic
видите разницу?

и далее в этом коде нет menuitem а если бы был то тоже не пойдёт -moz-appearance: могут быть разными
menupopup#contentAreaContextMenu menu>.menu-iconic-left {-moz-appearance:menuimage !important;padding-top:2px;}

вот ещё для примера [spoiler]

Выделить код

Код:

menupopup#contentAreaContextMenu menu:-moz-any(#context-sendlinktodevice,#context-sendpagetodevi

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2018 00:18:17

css пишет:

Не для всех пунктов работает. Это странно. Но и с MW тем же пунктам значки не назначались.

не должно быть иконок на menuitem[type="checkbox"],menuitem[type="radio"] а у вас нет на menu
и можно сделать без псевдо-элементов, так отступы подбирать не нужно для разных тем ОС
пример для меню > вид и инструменты
[spoiler][code]menupopup :-moz-any(menu#viewToolbarsMenu,menu#viewSidebarMenuMenu,menu#webDeveloperMenu) {
    -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
}

menupopup :-moz-any(menuitem#menu_openDownloads,menuitem#menu_openAddons):not(:-moz-any([type="checkbox"],[type="radio"])) {
    -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
}

menupopup :-moz-any(menu#viewToolbarsMenu,menu#viewSidebarMenuMenu,menu#webDeveloperMenu,menuitem#menu_openDownloads,menuitem#menu_openAddons) > .menu-iconic-left {
    -moz-appearance: menuimage !important;
    padding-top: 2px;
}

menu#viewToolba

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 30-01-2018 15:44:07

leshiy_odessa
Скорей всего из-за псевдо-элемента, можно убрать так

Выделить код

Код:

#TabsToolbar::after {
    display: none !important;
}

Кстати насчёт многострочной панели вкладок, ваши стили так не могут https://vitaliyvstyle.github.io/stylesb … e/#image05

Firefox » Отображение названия профиля в Firefox 57 » 21-01-2018 00:05:50

lehaskell
Конечно будут, а с чего взяли что нет? Если из-за того что типа http: есть <bindings xmlns='http://www.mozilla.org/xbl'...
так это mozilla namespace (пространство имен)

Firefox » Отображение названия профиля в Firefox 57 » 20-01-2018 18:48:22

okkamas_knife пишет:

всё равно ж в каждом созданном профиле нужно это пихать.

Можно и не пихать в каждый профиль, а сделать как там https://forum.mozilla-russia.org/viewtopic.php?id=70326
но config.js заменить/добавить
[spoiler][code]//
try {
    var Cc = Components.classes, Ci = Components.interfaces;
    var text = `@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul") {
    #PanelUI-menu-button > stack > .toolbarbutton-icon,
    #PanelUI-menu-button > .toolbarbutton-icon {
        -moz-binding: url("data:text/xml,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='name'><implementation><field name='button'>document.getElementById('PanelUI-menu-button');</field><constructor><![CDATA[ var Cc = Components.classes, Ci = Components.interfaces, cpd; try { cpd = Cc['@mo

Firefox » Отображение названия профиля в Firefox 57 » 20-01-2018 12:57:25

Infocatcher пишет:

Можно без перебора профилей:
Components.classes["@mozilla.org/toolkit/profile-service;1"] .createInstance(Components.interfaces.nsIToolkitProfileService) .selectedProfile .name;

Увы но похоже нельзя, если запустить браузер с параметром например  -p "Test5"
то

скрытый текст
https://img-fotki.yandex.ru/get/759574/226927827.9/0_15bf6a_a77beac2_orig.png

Firefox » Отображение названия профиля в Firefox 57 » 20-01-2018 10:38:25

lehaskell пишет:

(или иные способы)?

https://img-fotki.yandex.ru/get/931298/226927827.9/0_15bf5b_fbc21b12_orig.png
[spoiler][code]#PanelUI-menu-button > stack > .toolbarbutton-icon,
#PanelUI-menu-button > .toolbarbutton-icon {
    -moz-binding: url("data:text/xml,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='name'><implementation><field name='button'>document.getElementById('PanelUI-menu-button');</field><constructor><![CDATA[ var Cc = Components.classes, Ci = Components.interfaces, cpd; try { cpd = Cc['@mozilla.org/file/directory_service;1'].getService(Ci.nsIProperties).get('ProfD', Ci.nsIFile); } catch (e) {} if (!cpd) return; var itr = Cc['@mozilla.org/toolkit/profile-service;1'].createInstance(Ci.nsIToolkitProfileService).profiles; while (itr.hasMoreElements()) { var profile = itr.getNext().QueryInterface(Ci.nsIToolkitProfile); if (profile.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-01-2018 17:22:21

leshiy_odessa пишет:

Так же очень хочется узнать каким инструментом можно выявлять эти классы и ID?

Если встроенными инструментами то так

скрытый текст
https://img-fotki.yandex.ru/get/373240/226927827.9/0_15bbd6_6288648b_orig.png
https://img-fotki.yandex.ru/get/772910/226927827.9/0_15bbd7_88de026_orig.png
https://img-fotki.yandex.ru/get/752268/226927827.9/0_15bbd8_56262214_orig.png

Или расширение DOM Inspector + [CB]Attributes Inspector

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-01-2018 15:30:42

sandro79

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

Выделить код

Код:

@namespace url("http://www.w3.org/1999/xhtml");
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("about:addons"), url("chrome://mozapps/content/extensions/extensions.xul") {
   xul|richlistitem#category-service, xul|*.legacy-warning {
    display: none !important;
  }
}


leshiy_odessa
2 это не сепаратор а псевдоэлемент цвет можно изменить так
скрытый текст

Выделить код

Код:

:root {
    --toolbox-border-bottom-color: red !important;
}

или так

Выделить код

Код:

#navigator-toolbox::after {
    border-color: red !important;
}


сепараторы так можно
скрытый текст

Выделить код

Код:

menuseparator {
    -moz-appearance: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid red !important;
    border-top: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

Firefox » 57 версия или разрабы сошли с ума... » 12-01-2018 15:09:37

Ultima2m пишет:

Просто нелогичное поведение ФФ57.

нет это скорей всего из-за стилей для уменьшения кнопок на панели
Как уменьшали? Тут важно подобрать отрицательный отступ в таком коде

Выделить код

Код:

#nav-bar .toolbarbutton-badge {
    margin-inline-end: -3px !important;
}

это для кнопок .badged-button на них отображается число - обычно какой-нибудь счетчик рядом со значком

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-01-2018 17:31:07

base239
В смысле исправить? На webextension? Нет это невозможно.
Это [firefox] надо исправлять. А так то с костылями оно работает на 57 а вот на 58 убрали загрузку настроек по умолчанию устаревших расширений из defaults/preferences/*.js
это ещё ничего, в [nightly] намного хуже...

Так что нет смысла исправлять всё равно всё сломают.
Если нужны legacy расширения то - Pale Moon или Basilisk по крайней мере они не собираются от них отказываться
https://img-fotki.yandex.ru/get/508911/226927827.9/0_15bb49_74ce9fe1_S.png  https://img-fotki.yandex.ru/get/483127/226927827.9/0_15bb4a_188a2b34_S.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-01-2018 13:00:30

leshiy_odessa
Не надо было ничего менять кроме того что я писал выше, например
vbox#browser-bottombox {
    -moz-binding: url("./AddonBar/overlays/overlay.xml#overlay") !important;
}
и т.д.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-01-2018 12:36:27

leshiy_odessa пишет:

Если вам не сложно протестируйте у себя — работает ли такой перенос файла.

Да работает вот скриншот может поможет понять что не так сделали
https://img-fotki.yandex.ru/get/9805/226927827.9/0_15bb1b_ecb40269_XS.png

leshiy_odessa пишет:

Или даже «Панель закладок» переносится вниз и типа становится

Именно так только стилем нельзя добавить элементы кроме псевдоэлементов

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-01-2018 11:41:56

leshiy_odessa пишет:

Всё отлично сработало. Но теперь захотелось вывести это всё в отдельную папку по типу :

@import url(./AddonBar/userChrome.css)

Но не получается. То есть всё перенес, кроме userChrome.css.

Можно и в отдельную но разве что ради удобства, только не понял что значит всё перенес, кроме userChrome.css
файл с названием userChrome.css должен находится в папке chrome профиля и его перенести нельзя, но можно к нему подключить другой
просто переименуйте папку chrome (та что в архиве) в AddonBar, userChrome.css (тот что в архиве) тоже можно переименовать например AddonBar.css
и поместите папку AddonBar вместе с её содержимым в папку chrome профиля и добавьте в userChrome.css строку
@import url("./AddonBar/AddonBar.css");

leshiy_odessa пишет:

И еще хотелось бы убрать крестик.

Можно скрыть стилем

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

Выделить код

Код:

#add-additional-bottom-closebutton {
    display: none !important;
}


или в overlay.xul удалить [color=red]<toolbarbutton id="a

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-01-2018 11:55:58

Ultima2m пишет:

Поэтому, применил такой стиль:

Не не пойдёт так кнопки будут наезжать друг на друга, если нужно уменьшить ещё больше лучше так

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

Выделить код

Код:

#add-additional-top-bar {
    --toolbarbutton-inner-padding: 3px !important;
    --toolbarbutton-outer-padding: 0px !important;
}

#add-additional-top-bar .toolbarbutton-1 {
    padding: 0px !important;
}

#add-additional-top-bar .toolbarbutton-badge {
    margin-inline-end: -3px !important;
}


Ultima2m пишет:

а хотелось бы например, "удалить" - красным, "отключить" - желтым и т.д.

тогда так + кнопка с меню...
[spoiler]

Выделить код

Код:

@namespace url("http://www.w3.org/1999/xhtml");
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("about:addons"), url("chrome://mozapps/content/extensions/extensions.xul") {
xul|button.addon-control.preferences { /* Настройки */
    --in-content-page-background: DarkBlue !important;
    --in-content-text-color: White !impor

Board footer

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