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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

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

Как запретить этот код в приватном окне?

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

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:hover .tab-background:not([selected="true"]) {background-color: red !important;}

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

qzqz72, может такой код подойдет:

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

Выделить код

Код:

.tabbrowser-tab {
  --tab-label-mask-size: 0em !important;
}

.tabbrowser-tab[visuallyselected=true]:not([labelendaligned]):hover,
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true],[labelendaligned]):hover {
  --tab-label-mask-size: 0em !important;
}

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

fuchsfan, действительно, ваш код оказался проще и покрасил только необходимую иконку. Спасибо!

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

Выделить код

Код:

@-moz-document url(chrome://global/skin/icons/folder.svg) {
*|svg {
fill: red !important;
}
}

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

kokoss, подошел ваш вариант, благодарю!
fuchsfan, почему-то код не сработал

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

1. Каким образом покрасить иконки в виде папок chrome://global/skin/icons/folder.svg в закладках, не затрагивая другие иконки?
Такой код красит и папки и остальные иконки, например, панель закладок

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

Выделить код

Код:

.bookmark-item[container] {
  list-style-image: url("chrome://global/skin/icons/folder.svg");
  fill: red !important;
}


2. Как покрасить эти же иконки в виде папок в библиотеке закладок?

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

6e73epo, спасибо.
Как сделать раздельный поиск, чтобы в адресной строке был Google, а в поиске домашней страницы Yandex?

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

Как добраться до оформления окошка, которое предлагает сохранить или открыть файл? В инструментах браузера оно не выделяется.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-08-2023 16:39:59

6e73epo, а что там смотреть, проверяю на чистом userChrome.css, в котором только этот код и он работает только в библиотеке загрузок. Хотя в инструментах браузера работает в выпадающем меню загрузок.

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

6e73epo, код работает только в библиотеке загрузок, а если обернуть в @-moz-document, вообще перестает работать.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-08-2023 12:51:30

Есть код из downloads.inc.css, котрый отвечает за цвет фона при наведении на элемент из списка текущих загрузок в выпадающем меню

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

Выделить код

Код:

#downloadsListBox > richlistitem[state="1"][exists].hoveringMainArea:hover,
#downloadsListBox > richlistitem.openWhenFinished.hoveringMainArea:hover,
#downloadsListBox > richlistitem[verdict]:hover,
#downloadsListBox > richlistitem.openWhenFinished:hover,
.downloadsPanelFooterButton:hover {
  background-color: red;
}

Как его запустить из userChrome.css?

CSS-стили » Звёздочка в адресной строке: очистить редактор от лишнего » 10-08-2023 23:47:07

6e73epo, большое спасибо за доходчивое разъяснение, теперь разобрался.

CSS-стили » Звёздочка в адресной строке: очистить редактор от лишнего » 09-08-2023 17:30:21

6e73epo, поясни, как это работает? В шапке есть @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");,  ниже идет код, который не требует @namespace url..., а далее идет код в @-moz-document url-prefix... в котором код, который требует @namespace url... Это будет означать, что @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") будет распространяться на код внутри @-moz-document url-prefix...?
В конструкции ниже код, в котором работает только код, который требует @namespace url.
[spoiler][code]@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");


/*Выделение текста в звездочке, работает без @namespace url...*/
#editBMPanel_namePicker:focus-visible::selection {
  background-color: green;
}

@-moz-document url-prefix("chrome://browser/content/browser.x"){

/*Выделение рамки в звездочке, работает с @namespace url... */
html|input#editBMPanel_nameP

CSS-стили » Звёздочка в адресной строке: очистить редактор от лишнего » 08-08-2023 10:05:42

6e73epo, виновник, как оказалось,  @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); в начале кода userChrome.css. Без него все работает.
Другой вопрос, как в этой же графе поменять цвет рамки?

CSS-стили » Звёздочка в адресной строке: очистить редактор от лишнего » 07-08-2023 18:03:17

6e73epo пишет

Letterman, может быть так

Что-то не срабатывает.

CSS-стили » Звёздочка в адресной строке: очистить редактор от лишнего » 06-08-2023 21:46:32

Еще один момент. Как изменить синий цвет выделения в графе Имя?

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

CSS-стили » Звёздочка в адресной строке: очистить редактор от лишнего » 06-08-2023 18:32:37

С помощью этого кода не пропадают Метки в окошке добавления закладок:

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

Выделить код

Код:

/* панелька добавить закладку */
#editBookmarkPanelImage, /* скрин */
*|div#editBookmarkPanelFaviconContainer, /* фавикон */
#confirmation-hint, /* добавлено в закладки */
#editBookmarkPanel > box:nth-child(1), /* заголовок */
#editBMPanel_tagsRow, /* метки */
#editBookmarkPanelBottomContent, /* галка показывать панельку */
#editBMPanel_keywordRow
{display: none !important;}

#editBMPanel_foldersExpander {
   display: none !important;
}

#editBookmarkHeaderSeparator,
*|div#editBookmarkPanelInfoArea {
    display: none !important;
}


Что нужно добавить или изменить в коде?

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

Letterman пишет

Подскажите, как убрать тень у активной вкладки, и поменять цвет фона у неактивной при наведении курсора?

В общем, помог этот код:

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

Выделить код

Код:

/* Цвет вкладки при наведении */
#TabsToolbar .tabbrowser-tab:hover .tab-background:not([selected="true"]) {
  background-color: orange !important;
}

/* Обводка вкладок */
#tabbrowser-tabs .tab-background {
	border-left: 1px solid ThreeDShadow !important;
    box-shadow: none !important;
	border-radius: 0px !important;
}[quote=qzqz72]А синие выделения этих кнопок вас не смущают?[/quote]

qzqz72 пишет

А синие выделения этих кнопок вас не смущают?

У меня в 115 версии выделения кнопок серые даже без стилей. Могу предположить, что они у вас синие из-за примененной темы.

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

Подскажите, как убрать тень у активной вкладки, и поменять цвет фона у неактивной при наведении курсора?

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

Текущий код вкладок

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

Выделить код

Код:

/* Позиция полоски над вкладкой */
.tab-background::before {content: ""; display: block; height: 2px; margin: 0px var(--user-tab-rounding) 0;}


/* Цвет полоски над активной вкладкой */
.tabbrowser-tab[selected] .tab-background::before {background-color: orange;}


/* Цвет полоски над пассивной вкладкой при наведении мышью */
.tabbrowser-tab:not([selected], [multiselected]):hover .tab-background::before {background-color: #959FAD; transform: none;}


b0ttle пишет

Letterman
Как нашли решение? Просто интересно, может пригодится, сам в этом не соображаю.

Здесь на форуме нашел подходящий код.

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

Letterman пишет

Как это выделение сделать просто серым?

Такой код  подходит:

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

Выделить код

Код:

richlistbox > richlistitem[selected], treechildren::-moz-tree-row(selected) {
background-color: #dadae1 !important;
outline: 0px dotted !important;
}


Подскажите, как сделать цвет текста черным?


UPD


Цвет текста:

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

Выделить код

Код:

treechildren::-moz-tree-image(selected, focus),
treechildren::-moz-tree-twisty(selected, focus),
treechildren::-moz-tree-cell-text(selected, focus) {
color: black !important;
}

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

kokoss пишет

Попробуйте так:

Спасибо, только рамку в 0 убрал.

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

1. В меню управления закладками ужасное синее выделение с рамкой:

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

Как это выделение сделать просто серым?

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

2. Возможно ли убрать синюю рамку в окошке сохранения файлов?

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

Версия 115

Board footer

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