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

Список ответов на каверзные вопросы можно получить в FAQ-разделе форума.

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
И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?

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

_zt пишет

Я не знаю что такое "вообще везде".

Я имел в виду на всех страницах, кроме служебных. Если хотите, поставьте "чистый" Firefox (версия - любая, в последних, по-моему, так же, как в [firefox] 68) и посмотрите: там по умолчанию нет разделителя между иконкой и url-адресом.

У вас в коде "border: none !important;", чего вы от этого ждете?

Правило border: none !important скрывает разделитель на служебных страницах, иначе там будет два разделителя: тот, который по умолчанию, и тот, который создал я.

Удалите это блок и замените моим.

Да, я так тоже пробовал раньше - не работает (по крайней мере, в [firefox] 68).


sandro79 пишет

Вообще, по идее, это должно быть наверно сделано таким же образом, как на служебных страницах, как то так наверно

Да, так тоже неплохо получается, нужно только отрегулировать значение margin, чтобы расстояния слева и справа были одинаковые.

security.insecure_connection_icon.enabled в true?

Точно, теперь

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

_zt пишет

Алексей У.

Выделить код

Код:

#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

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

С помощью этого кода создал границу для #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;
}

Однако, на некоторых сайтах "замка" вообще нет, а граница все равно присутствует
ed52f356b446.jpg
Можно ли как-то внести такие адреса в исключения из этого правила (т. е. чтобы если нет иконки, границы тоже не было)?

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

Уменьшил высоту вкладок с помощью кода:

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

Выделить код

Код:

:root {
  --tab-min-height: 24px !important;
}

:root[uidensity=touch] {
  --tab-min-height: 32px !important;
}

#TabsToolbar {
  height: calc(var(--tab-min-height) + 2px) !important;
}

Но при выходе из полноэкранного режима в режим окна вкладки почему-то сползают вниз и скрываются под панелью навигации
скрытый текст
be4fc927807a.jpg
Подскажите, пожалуйста, почему это происходит и как это можно исправить.

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

Как перенести кнопку "Очистить загрузки" в левую часть окна, где она находилась в старых версиях Firefox?

скрытый текст
3f3cc548647f.jpg

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

sandro79 пишет

Вообще не должно быть пустого места на вкладке, как у вас на скрине, а сдвигается заголовок влево, если фавикон у страницы отсутствует.

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

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

sandro79 пишет

Здесь посмотрите файлы с названиями missing_tab_favicon_restored

Использовал этот код. Иконка появляется во время загрузки страницы, а затем исчезает.

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

sandro79 пишет

В userContent.css код.

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

скрытый текст
015cfa658946.jpg

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

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

скрытый текст
ba9f9fd6e2d9.jpg
Пока что удалось найти только селекторы для вкладок (.tab-icon-image), закладок и выпадающего списка (.bookmark-item).

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-02-2022 22:36:57

sandro79 пишет

Кнопка перехода не нужна? Я её не трогал. Не, я тут пас, сильно много мороки.

Да нет, не принципиально. Просто я думал, что код виноват. Кстати, по недавнему вопросу - для скрытия указанных элементов использую код:

Выделить код

Код:

@-moz-document url("about:preferences#search") {
  .searchBarImage {
    display: none !important;
  }

  #searchBarShownRadio {
    margin-top: -5px !important;
  }
}

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

Board footer

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