Глобальный вопрос. Есть ли на настоящее время возможность использовать свои собственные CSS-стили в последних версиях браузеров Google Chrome и Opera?
Алексей У., начните так
Спасибо, вы мне очень помогли в этом вопросе. Кстати, вроде бы работает без первого правила.
Выделить кодКод:
@-moz-document url("about:addons") { :root{--in-content-page-background:red!important;} #full{background-color:green!important;} #sidebar{background-color:orange!important;} #page-header{background-color:blue!important;} #content{background-color:#FF0!important;} }
Все равно не получается: заливка меняется в боковой колонке и "шапке", а содержимое страницы по-прежнему остается на белом фоне. Полностью удалил все, что у меня было в userContent.css и вставил только ваш код - результат тот же самый. Похоже, неразрешимая задача.:angry:
_zt, перепробовал все - не работает, в about:addons закрашивается только верх страницы.
здесь рулит в руте переменная "--in-content-page-background", а дальше разберешься
В about:preferences все получилось, а в about:addons только часть закрасилась (красный взял для наглядности).
_zt, благодарю, конечно, но я имел виду не ЛЕВУЮ панель, а ПРАВУЮ, которая с белой заливкой (левую мне самому удалось "перекрасить" как было в старых версиях браузера). Там и на странице настроек, и на странице дополнений используется .main-content вроде бы. Пробовал подставлять в свой код, но почему-то не работает - фон остается белым.
Как можно изменить фон правой части страниц about:preferences и about:addons (никак не удается "выловить" селекторы)?
Попробуйте инспектором получить что сейчас вместо этого
Выделить кодКод:
svg|svg[width="16"][height="16"][viewBox="0 0 16 16"] svg|path[d="M8 0a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm5.163 4.958h-1.552a7.7 7.7 0 0 0-1.051-2.376 6.03 6.03 0 0 1 2.603 2.376zM14 8a5.963 5.963 0 0 1-.335 1.958h-1.821A12.327 12.327 0 0 0 12 8a12.327 12.327 0 0 0-.156-1.958h1.821A5.963 5.963 0 0 1 14 8zm-6 6c-1.075 0-2.037-1.2-2.567-2.958h5.135C10.037 12.8 9.075 14 8 14zM5.174 9.958a11.084 11.084 0 0 1 0-3.916h5.651A11.114 11.114 0 0 1 11 8a11.114 11.114 0 0 1-.174 1.958zM2 8a5.963 5.963 0 0 1 .335-1.958h1.821a12.361 12.361 0 0 0 0 3.916H2.335A5.963 5.963 0 0 1 2 8zm6-6c1.075 0 2.037 1.2 2.567 2.958H5.433C5.963 3.2 6.925 2 8 2zm-2.56.582a7.7 7.7 0 0 0-1.051 2.376H2.837A6.03 6.03 0 0 1 5.44 2.582zm-2.6 8.46h1.549a7.7 7.7 0 0 0 1.051 2.376 6.03 6.03 0 0 1-2.603-2.376zm7.723 2.376a7.7 7.7 0 0 0 1.051-2.376h1.552a6.03 6.03 0 0 1-2.606 2.376z"]и заменить в коде.
Не могли бы вы подсказать, где именно в
…При переносе из Firefox в Pale Moon перестал работать код для замены "пустых" иконок сайтов в выпадающем списке истории, панели закладок и окне библиотеки. В Firefox 69 работает нормально. Pale Moon последней версии 32.2.0. Подскажите, пожалуйста, что нужно изменить в коде, чтобы он заработал в Pale Moon.
[spoiler][code]@namespace svg url("http://www.w3.org/2000/svg");
svg|svg[width="16"][height="16"][viewBox="0 0 16 16"] svg|path[d="M8 0a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm5.163 4.958h-1.552a7.7 7.7 0 0 0-1.051-2.376 6.03 6.03 0 0 1 2.603 2.376zM14 8a5.963 5.963 0 0 1-.335 1.958h-1.821A12.327 12.327 0 0 0 12 8a12.327 12.327 0 0 0-.156-1.958h1.821A5.963 5.963 0 0 1 14 8zm-6 6c-1.075 0-2.037-1.2-2.567-2.958h5.135C10.037 12.8 9.075 14 8 14zM5.174 9.958a11.084 11.084 0 0 1 0-3.916h5.651A11.114 11.114 0 0 1 11 8a11.114 11.114 0 0 1-.174 1.958zM2 8a5.963 5.963 0 0 1 .335-1.958h1.821a12.361 12.361 0 0 0 0 3.916H2.335A5.963 5.963 0 0 1 2 8zm6-6c1.075 0 2.037 1.2 2.567 2.958H5.433C5.963 3.2
…Подскажите, пожалуйста, можно ли сделать так, чтобы при запуске браузера или открытии новой вкладки курсор находился не в адресной строке, а строке поиска?
Есть ли возможность с помощью 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; }
Посмотрел - оказалось, можно еще короче сделать:
Да, я помню, вы тогда мне очень помогли. Кстати, еще такой вопрос, может быть, вы знаете: есть ли способ изменить цвет заливки фона в разделе "Персонализация" (по умолчанию он там белый). Инструменты разработчика и инструменты браузера, к сожалению, там даже не открываются.
скрытый текст
Спасибо, помогло. А для похожих случаев, когда нужно изменить порядок каких-либо элементов, это правило подойдет?
Можно ли поменять местами эти иконки?
И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?