Есть ли возможность с помощью CSS-кодов заменить все иконки конкретного сайта на свои (т. е. в вкладках, библиотеке, во всех меню и панелях)?
Подскажите, пожалуйста, как можно заменить иконку ВК в вкладках такого типа на старую (как у закладки). Для возврата старого дизайна сайта использую это расширение. Работает везде, кроме вкладок с изображениями.
Можно через инструменты разработки по странице посмотреть, перейдя по адресу chrome://browser/content/places/places.xul
Получилось, наконец. Оказалось, нужно вместо #detailsPane #detailsDeck использовать.
https://forum.mozilla-russia.org/viewtopic.php?pid=797919#p797919
Спасибо, что напомнили об этом сообщении, совсем о нем забыл.:dumb: Селектор splitter сработал, #detailsPane - нет. Кстати, как искать селекторы элементов в этом окне? Через инструменты браузера не получается.
Подскажите, пожалуйста, селекторы для замены цвета этих границ в окне библиотеки на собственный:
скрытый текств userContent.cssВыделить кодКод:
#toolbox-close::before { background-image: url("chrome://branding/content/icon16.png") !important; }
Добавил, но через list-style-image (у меня иконка в виде одного изображения сделана) не работает.
скрытый текст
Спасибо, вроде бы работает. Кстати, еще по этому вопросу - можно ли одним общим кодом заменить иконки всех кнопок закрытия в браузере? Мне удалось это сделать пока только для вкладок, боковой панели и всплывающих окон настроек. Вот здесь, например, не получилось
Вопрос по userContent.css. Как убрать эту рамку вокруг кнопки закрытия?
Эффект возник после замены иконки на собственную, рамка появляется в режиме active, а также при правом клике на кнопке. Код замены:
.close-icon { list-style-image: url("./image/close.png") !important; -moz-image-region: rect(0px, 16px, 16px, 0px) !important; transform: scale(0.8) !important; } .close-icon:hover { -moz-image-region: rect(0px, 32px, 16px, 16px) !important; } .close-icon:active { -moz-image-region: rect(0px, 48px, 16px, 32px) !important; }
Как можно сместить иконку закладки к правому краю выпадающего списка и расположить в первой строке (положение иконки должно быть привязано именно к правому краю, чтобы при изменении ширины списка она оставалась на одном и том же расстоянии от него)?
скрытый текстВыделить кодКод:
.search-wrapper .search-button:hover { background-color: grey !important; } .search-wrapper .search-button:focus { background-color: red !important; }
Я пробовал делать так, но это правило, к сожалению, не работает при использовании градиентной заливки:
.search-wrapper .search-button:hover { background-image: linear-gradient(top, #4d90fe, #357ae8) !important; border: 1px solid #2f5bb7 !important; } .search-wrapper .search-button:active { background-image: linear-gradient(top, #3c7ae4, #3f76d3) !important; border: 1px solid #2f5bb7 !important; }
У меня так.
А что касается фокуса, то я имел в виду это
[spoiler][img]https://d.radikal.ru/d29/2202/91/12f0d7bfefe5.
Подскажите, пожалуйста, селектор этой области
Да можно выловить без проблем
Действительно, не сообразил почему-то перейти в другую вкладку, открыть инструменты браузера, а потом в эту вернуться.
Выделить кодКод:
#customization-content-container, #customization-panelWrapper > .panel-arrowcontent, #customization-footer { background: magenta !important; color: white !important; }
Посмотрел - оказалось, можно еще короче сделать:
Да, я помню, вы тогда мне очень помогли. Кстати, еще такой вопрос, может быть, вы знаете: есть ли способ изменить цвет заливки фона в разделе "Персонализация" (по умолчанию он там белый). Инструменты разработчика и инструменты браузера, к сожалению, там даже не открываются.
скрытый текст
Спасибо, помогло. А для похожих случаев, когда нужно изменить порядок каких-либо элементов, это правило подойдет?
Можно ли поменять местами эти иконки?
И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?
Я не знаю что такое "вообще везде".
Я имел в виду на всех страницах, кроме служебных. Если хотите, поставьте "чистый" Firefox (версия - любая, в последних, по-моему, так же, как в [firefox] 68) и посмотрите: там по умолчанию нет разделителя между иконкой и url-адресом.
У вас в коде "border: none !important;", чего вы от этого ждете?
Правило border: none !important скрывает разделитель на служебных страницах, иначе там будет два разделителя: тот, который по умолчанию, и тот, который создал я.
Удалите это блок и замените моим.
Да, я так тоже пробовал раньше - не работает (по крайней мере, в [firefox] 68).
Вообще, по идее, это должно быть наверно сделано таким же образом, как на служебных страницах, как то так наверно
Да, так тоже неплохо получается, нужно только отрегулировать значение margin, чтобы расстояния слева и справа были одинаковые.
security.insecure_connection_icon.enabled в true?
Точно, теперь
…Алексей У.
Выделить кодКод:
#identity-icon-box { background: inherit !important; border-right: 1px solid #dddd !important; margin-top: 5px !important; margin-bottom: 5px !important; padding-inline-end: 6px !important; }
С этим кодом вообще везде граница исчезла.
Только все конфликты не забудьте в своих стилях удалить.
Вот мой стиль для строки адреса, не знаю, с чем здесь может быть конфликт
[spoiler][code]:root {
--urlbar-icon-padding: 4px !important;
}
#urlbar .urlbar-icon {
width: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
padding: var(--urlbar-icon-padding) !important;
}
#urlbar[pageproxystate="valid"] > #identity-box {
border: none !important;
border-right: 1px solid #cccccc !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
margin-inline-end: 6px !important;
padding-inline-end: 6px !important;
}
#urlbar-con
…С помощью этого кода создал границу для #identity-box, которая отделяет иконку защищенного или незащищенного соединения ("замок") от url-адреса:
#urlbar[pageproxystate="valid"] > #identity-box { border: none !important; border-right: 1px solid #cccccc !important; margin-top: 3px !important; margin-bottom: 3px !important; margin-inline-end: 6px !important; padding-inline-end: 6px !important; }
Однако, на некоторых сайтах "замка" вообще нет, а граница все равно присутствует
Можно ли как-то внести такие адреса в исключения из этого правила (т. е. чтобы если нет иконки, границы тоже не было)?
Уменьшил высоту вкладок с помощью кода:
:root { --tab-min-height: 24px !important; } :root[uidensity=touch] { --tab-min-height: 32px !important; } #TabsToolbar { height: calc(var(--tab-min-height) + 2px) !important; }
Как перенести кнопку "Очистить загрузки" в левую часть окна, где она находилась в старых версиях Firefox?
Вообще не должно быть пустого места на вкладке, как у вас на скрине, а сдвигается заголовок влево, если фавикон у страницы отсутствует.
Сейчас проверил на других страницах с изображениями (почему-то иконка отсутствует чаще всего тогда, когда открываешь какую-нибудь картинку в отдельной вкладке) - работает нормально. Видимо это в самой странице дело.
В userContent.css код.
Спасибо, работает (по крайней мере, в журнале, в других местах пока нет возможности проверить). Давно хотел это сделать - очень уж этот глобус у них страшный вышел, постоянно глаза мозолил, правда не думал, что всего одним кодом это можно сделать (хотя код не маленький вышел). А нельзя ли еще так же пустое место в некоторых вкладках заполнить?
Можно ли с помощью стиля заменить такие иконки на свои везде (т. е. в вкладках, закладках, выпадающем списке журнала, боковой панели и библиотеке)?
Кнопка перехода не нужна? Я её не трогал. Не, я тут пас, сильно много мороки.
Да нет, не принципиально. Просто я думал, что код виноват. Кстати, по недавнему вопросу - для скрытия указанных элементов использую код:
@-moz-document url("about:preferences#search") { .searchBarImage { display: none !important; } #searchBarShownRadio { margin-top: -5px !important; } }
Но почему-то он применяется не при открытии страницы, а после ее перезагрузки. Похоже, что где-то этот код подтормаживает, а где и почему - не могу понять.