Настройка внешнего вида Firefox в userChrome.css

ofizer · №13226

Verevkin
Все версии:

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

https://disk.yandex.ru/d/qz1Ci_0OOrjb9w

Отредактировано ofizer (24-08-2023 20:24:05)

fuchsfan · №13227

Генератор текстовых кнопок для стилизации Firefox https://www.clickminded.com/button-generator/

qzqz72 · №13228

qzqz72 пишет

часть текста как бы находится в светлой тени, можно ли как то убрать этот эффект? Что бы текст всегда был четким.

Хелп! Помогите сделать текст активной вкладки четким, Без светлой тени. Не понятно то ли это тень от кнопки закрыть вкладку то ли что?

Степень "затенения" отличается если навести курсор.

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

Хочется что бы всегда было как то так:

Отредактировано qzqz72 (26-08-2023 17:33:54)

Letterman · №13229

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

Отредактировано Letterman (26-08-2023 23:15:16)

Тоторо · №13230

Letterman пишет

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

Это правило только маску убирает, крестик на название вкладки всё равно наползать будет

А подскажите, пожалуйста, кто-нибудь, как убрать тень под тултипом?
У меня для него только такой код

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

Выделить код

Код:

tooltip {
    background: white !important;
    color: black !important;
    border-color: #767676 !important;
	border-radius: 0 !important;
	padding-left: 6px !important; padding-right: 6px !important;
	}

qzqz72 · №13231

Letterman пишет

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

Просто спас меня! Немного подкорректировал что бы работало именно с активной вкладкой (когда влияет на все - выглядит неочень), теперь то что нужно!

Скрыть маску активной вкладки

.tabbrowser-tab[selected="true"] {
--tab-label-mask-size: 0em !important;
}

6e73epo · №13232

qzqz72, версия без !important

Выделить код

Код:

.tabbrowser-tab[visuallyselected=true]:not([labelendaligned]) > .tab-stack {
  --tab-label-mask-size: 0;
}

6e73epo · №13233

Может кого заинтересует простая анимация уведомления о наличии нового личного сообщения на этом форуме

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

Выделить код

Код:

@-moz-document domain("forum.mozilla-russia.org") {
  .conl:not(:hover) > .pmlink {
    animation: pm-animation 15s infinite linear;
  }
  @keyframes pm-animation {
    50% { transform: translateX(80%); }
    100% { transform: translateX(0); }
  }
}

Отредактировано 6e73epo (27-08-2023 16:21:31)

Dumby · №13234

6e73epo пишет

[visuallyselected=true]

Зацени.

Ник 22 · №13235

Помогите пожалуйста.
Есть код

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

.tabbrowser-tab[soundplaying]>.tab-stack>.tab-background{background-color: #82b273 !important;
}
.tabbrowser-tab[soundplaying]:not([selected]) > .tab-stack > .tab-background{ background: #82b273 !important;
}

который окрашивает вкладку с видео в зеленый цвет. Но при постановке видео на паузу цвет вкладки меняется на другой цвет.
Как сделать так чтобы при постановке видео на паузу цвет вкладки не менялся?

6e73epo · №13236

Ник 22, Firefox 102 на данный момент не имею, так что для пробы

Выделить код

Код:

.tabbrowser-tab:is([soundplaying], [style*="soundplaying"]) > .tab-stack > .tab-background {
  background: #82b273 !important;
}

Ник 22 · №13237

6e73epo, Firefox 102 на данный момент не имею.

Очень благодарен. Код работает.
Но есть один маленький нюанс. При постановке на паузу цвет вкладки сохраняется. При переключении на другую вкладку цвет вкладки с видео так же сохраняется. Но........в момент перемещении курсора с другой вкладки на вкладку с видео цвет вкладки с видео пропадает. Не могли бы Вы мне помочь устранить этот нюанс?

Отредактировано Ник 22 (28-08-2023 16:42:19)

6e73epo · №13238

Ник 22

Ник 22 пишет

Но........в момент перемещении курсора с другой вкладки на вкладку с видео цвет вкладки с видео пропадает

Пробуй свой выложенный код изменить в двух местах
.tabbrowser-tab[soundplaying]
на
.tabbrowser-tab:is([soundplaying], [style*="soundplaying"])

Если не будет работать, значит нужно смотреть всю катавасию userChrome.css.

m_nikolay · №13239

fuchsfan
А как его прицепить? Куда этот скрипт расположить? Вообщем как настроить, чтобы он появился?

Добавлено 28-08-2023 22:04:09
Помогите, кто в курсе: использую последний стиль Виталия, после перехода на 115 версию кнопка "Расширения" не работает в этом стиле, где ее можно поправить? Спасибо!

Отредактировано m_nikolay (28-08-2023 22:04:09)

kokoss · №13240

m_nikolay пишет

не работает в этом стиле, где ее можно поправить?

Информативно...

m_nikolay · №13241

kokoss

Информативно...

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

Со стилем Виталия функционал кнопки старый-она просто открывает расширения, при установке дополнения я не могу найти кнопки расширений.
Вот как-то так вроде

Вит · №13242

m_nikolay пишет

Со стилем Виталия

Как найти этого человека?

Инсульт · №13243

Появилось ли решение проблемы с высотой пунктов меню в FF117. Пересмотрел все страницы форума на 30 назад не нашел.

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

negodnik · №13244

browser.display.windows.non_native_menus
Оно?

Farby · №13245

в lepton`e есть

fuchsfan · №13246

Инсульт пишет

Появилось ли решение проблемы с высотой пунктов меню в FF117. Пересмотрел все страницы форума на 30 назад не нашел.

Решение не новое, работает до сих пор https://forum.ru-board.com/topic.cgi?fo … art=160#11

Gostunsky · №13247

fuchsfan пишет

Инсульт пишет
Появилось ли решение проблемы с высотой пунктов меню в FF117. Пересмотрел все страницы форума на 30 назад не нашел.
Решение не новое, работает до сих пор https://forum.ru-board.com/topic.cgi?fo … art=160#11

После обновления 117 размер пунктов меню слетел, они опять гигантские, хотя все было прописано, как в этом старом решении. В чем проблема, что нужно поправить?

AlAvis · №13248

Gostunsky
В 117 (и соответственно win 10+) нужно применять одновременно
menupopup > menuitem, menupopup > menu {padding-block: 0 !important;} - интервал
и browser.display.windows.non_native_menus = 0 - отключение переопределения на виндовое меню

fuchsfan · №13249

Gostunsky пишет

После обновления 117 размер пунктов меню слетел, они опять гигантские, хотя все было прописано, как в этом старом решении. В чем проблема, что нужно поправить?

Работает во всех контекстных меню всех новых и новейших версиях 116, 117, 118 и Win10. Так выглядит эффект в v117

Код в самом деле еще короче

Выделить код

Код:

menupopup > menuitem, menupopup > menu {
  padding-block: 3px !important; /* Set Line spacing here */
}

Первоисточник https://forum.mozilla-russia.org/viewto … 29#p799229

AlAvis пишет

browser.display.windows.non_native_menus = 0 - отключение переопределения на виндовое меню

у меня =2 (по умолчанию), и я его не трогал, даже не догадывался о его существовании.

Ник 22 · №13250

Подскажите пожалуйста код настройки высоты не активной вкладки.

Отредактировано Ник 22 (01-09-2023 16:17:39)

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

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer