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

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » Вчера 22:20:17

Глобальный вопрос. Есть ли на настоящее время возможность использовать свои собственные CSS-стили в последних версиях браузеров Google Chrome и Opera?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-01-2024 16:20:20

6e73epo пишет

Алексей У., начните так

Спасибо, вы мне очень помогли в этом вопросе. Кстати, вроде бы работает без первого правила.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-06-2023 17:08:57

_zt пишет
Выделить код

Код:

@-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:

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-06-2023 15:38:58

_zt, перепробовал все - не работает, в about:addons закрашивается только верх страницы.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-06-2023 14:55:49

6e73epo пишет

здесь рулит в руте переменная "--in-content-page-background", а дальше разберешься

В about:preferences все получилось, а в about:addons только часть закрасилась (красный взял для наглядности).

скрытый текст
__________.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-06-2023 14:24:43

_zt, благодарю, конечно, но я имел  виду не ЛЕВУЮ панель, а ПРАВУЮ, которая с белой заливкой (левую мне самому удалось "перекрасить" как было в старых версиях браузера). Там и на странице настроек, и на странице дополнений используется .main-content вроде бы. Пробовал подставлять в свой код, но почему-то не работает - фон остается белым.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-06-2023 11:14:23

Как можно изменить фон правой части страниц about:preferences и about:addons (никак не удается "выловить" селекторы)?

скрытый текст
__________.jpg ____________2_.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-05-2023 19:12:43

_zt пишет

Попробуйте инспектором получить что сейчас вместо этого

Выделить код

Код:

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"]

и заменить в коде.

Не могли бы вы подсказать, где именно в

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-05-2023 12:09:20

При переносе из 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-стили » Настройка внешнего вида Firefox в userChrome.css » 24-02-2023 13:24:47

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

скрытый текст
__________.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-09-2022 13:38:16

Есть ли возможность с помощью CSS-кодов заменить все иконки конкретного сайта на свои (т. е. в вкладках, библиотеке, во всех меню и панелях)?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 16-07-2022 16:22:42

Подскажите, пожалуйста, как можно заменить иконку ВК в вкладках такого типа на старую (как у закладки). Для возврата старого дизайна сайта использую это расширение. Работает везде, кроме вкладок с изображениями.

скрытый текст
__________.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 15-03-2022 18:28:16

sandro79 пишет

Можно через инструменты разработки по странице посмотреть, перейдя по адресу chrome://browser/content/places/places.xul

Получилось, наконец. Оказалось, нужно вместо #detailsPane #detailsDeck использовать.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 15-03-2022 10:26:03

momo2000 пишет

https://forum.mozilla-russia.org/viewtopic.php?pid=797919#p797919

Спасибо, что напомнили об этом сообщении, совсем о нем забыл.:dumb: Селектор splitter сработал, #detailsPane - нет. Кстати, как искать селекторы элементов в этом окне? Через инструменты браузера не получается.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 14-03-2022 17:05:52

Подскажите, пожалуйста, селекторы для замены цвета этих границ в окне библиотеки на собственный:

скрытый текст
__________.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-03-2022 20:41:58

sandro79 пишет

скрытый текст
в userContent.css

Выделить код

Код:

#toolbox-close::before {
  background-image: url("chrome://branding/content/icon16.png") !important;
}

Добавил, но через list-style-image (у меня иконка в виде одного изображения сделана) не работает.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-03-2022 19:24:46

sandro79 пишет

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

Выделить код

Код:

button:-moz-focusring {
  outline: none !important;
  box-shadow: none !important;
}

Спасибо, вроде бы работает. Кстати, еще по этому вопросу - можно ли одним общим кодом заменить иконки всех кнопок закрытия в браузере? Мне удалось это сделать пока только для вкладок, боковой панели и всплывающих окон настроек. Вот здесь, например, не получилось

скрытый текст
42a329a3909b.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-03-2022 10:31:47

Вопрос по userContent.css. Как убрать эту рамку вокруг кнопки закрытия?
afb3b7bc0807.jpg
Эффект возник после замены иконки на собственную, рамка появляется в режиме 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;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 26-02-2022 18:25:23

Как можно сместить иконку закладки к правому краю выпадающего списка и расположить в первой строке (положение иконки должно быть привязано именно к правому краю, чтобы при изменении ширины списка она оставалась на одном и том же расстоянии от него)?

скрытый текст
b481f4a20d8a.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-02-2022 16:39:09

sandro79 пишет

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

Выделить код

Код:

.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;
}


скрытый текст
e324fb2fa94b.jpg

sandro79 пишет

У меня так.
А  что касается фокуса, то я имел в виду это
[spoiler][img]https://d.radikal.ru/d29/2202/91/12f0d7bfefe5.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-02-2022 15:11:11

Подскажите, пожалуйста, селектор этой области

скрытый текст
1970b8ebfe49.jpg
Хотелось бы изменить цвет фона в режимах hover, active и focus на свой, но при использовании #searchSubmit меняется только цвет фона стрелки, а не всей области.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-02-2022 21:17:44

sandro79 пишет

Да можно выловить без проблем

Действительно, не сообразил почему-то перейти в другую вкладку, открыть инструменты браузера, а потом в эту вернуться.

Выделить код

Код:

#customization-content-container,
#customization-panelWrapper > .panel-arrowcontent,
#customization-footer {
  background: magenta !important;
  color: white !important;
}

Посмотрел - оказалось, можно еще короче сделать:

Выделить код

Код:

#customization-container {
  background-color: #eef3f9 !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-02-2022 19:02:28

sandro79 пишет

Не всегда конечно -moz-box-ordinal-group помогает, но здесь с #blocked-permissions-container и здесь с кнопками сработало.

Да, я помню, вы тогда мне очень помогли. Кстати, еще такой вопрос, может быть, вы знаете: есть ли способ изменить цвет заливки фона в разделе "Персонализация" (по умолчанию он там белый). Инструменты разработчика и инструменты браузера, к сожалению, там даже не открываются.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-02-2022 17:09:29

sandro79 пишет

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

Выделить код

Код:

#connection-icon {
  -moz-box-ordinal-group: 0 !important;
}

Спасибо, помогло. А для похожих случаев, когда нужно изменить порядок каких-либо элементов, это правило подойдет?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 20-02-2022 18:09:07

Можно ли поменять местами эти иконки?
25c18e7d3eaf.jpg
И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?

Board footer

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