Vitaliy V.
Это на замену этого?
Отсутствует
Vitaliy V.
Здравствуйте.
Вы как то подмогли с раскраской ссылок на Ютубе в плейлистах, вот подумал, может и с этим сайтом какое решение найдется. ))
Задавал вопрос в теме FF на Руборде, но пока решения нет, посоветовали к Вам сюда обратиться. Продублирую:
Столкнулся с какой то непоняткой – при переходе по ссылкам на одном сайте (инетмагаз) ссылки, на которых уже был не отмечаются другим цветом. На других сайтах все как положено - вижу, куда заходил, а куда нет. Гляньте плиз, к примеру страницу https://rozetka.com.ua/tools/c152460/ – на любую ссылку товаров, потом обратно – она не отмечается посещенной, что не удобно, не знаешь что смотрел, а что нет. А да, забыл, эти ссылки (именно товаров) такие, как сказать, всплывающие что-ли при наведении курсора. Когда клацаешь там по "стационарным" ссылкам – они помечаются нормально.
Вот как выглядит:
Зеленым прямоугольником сверху - те все нормально ссылки (как я их назвал "стационарные") - подсвечиваются посещенные, а вот по самим элементам (сами товары, которые красным овалом) – не раскрашиваются.
Можно ли как решить это?
Отсутствует
JKT
@-moz-document domain("rozetka.com.ua") { :any-link:visited, :any-link:visited > .goods-tile__title { color: #ff00bf !important; } }
Отсутствует
Как можно вернуть старый нормальный выпадающий список поисковой строки Яндекса (который во всю ширину страницы)? Или хотя бы убрать все скругления и заменить их на углы, а также придвинуть список вплотную к нижней границе поисковой строки?
Отсутствует
А подскажите плиз, вот теперь в 89-м, на форумах, в формах ответа (в том числе на этом), при установке в нее курсора, рамка подкрашивается синим, вот так:
Как можно цвет и толщину поменять обратно, чтобы было, как в 88-м?
Отредактировано Retif (13-06-2021 09:41:10)
Отсутствует
Retif
Код из полной темы Vitaliy V., немного мной подрихтованный. Цвета свои используйте.
@-moz-document regexp("(?:https?|ftp|file):\/\/.*") { input, textarea { border: 1px solid transparent !important; outline: 1px solid rgba(131,137,150,.5) !important; } input:focus, textarea:focus { border: 1px solid transparent !important; outline: 1px solid rgba(49,140,231,.5) !important; } }
Отсутствует
Retif
Куда засунули, то и изменил. Причем тут браузер? Вы стиль для контента просили.
Себе так пока оставил. На мой взгляд лучше подходит для темных и светлых страниц. Прозрачность черного можно увеличить (уменьшить число).
@-moz-document regexp("(?:https?|ftp|file):\/\/.*") { input, textarea { border: 1px solid rgba(131,137,150,.6) !important; outline: 1px solid transparent !important; } input:focus, textarea:focus { border: 1px solid rgba(10,10,10,.7) !important; outline: 1px solid rgba(49,140,231,.9) !important; } }
Отсутствует
Код из полной темы Vitaliy V., немного мной подрихтованный
Не было у меня такого кроме первой строки с regexp.
Может тогда так
@-moz-document regexp("(?:https?|ftp|file):\/\/.*") { input:not([type="file"],[type="image"]):focus-visible, select:focus-visible, button:focus-visible, textarea:focus-visible { outline: 1px solid Highlight; outline-offset: -1px; } }
Отсутствует
Vitaliy V.
Я про нее и говорил.
Дело не в стиле, он его в userChrome пихает.
Retif
userChrome.css для браузера, userContent для контента. Я не знаю что еще сказать, воспользуйтесь поиском что ли.
Отсутствует
Дело не в стиле, он его в userChrome пихает.
Это понятно но ваш с !important; ломает стили сайтов например на yandex
Отредактировано Vitaliy V. (13-06-2021 15:51:05)
Отсутствует
userChrome.css для браузера, userContent для контента. Я не знаю что еще сказать, воспользуйтесь поиском что ли.
Да не, просто имя файла не знал, спасибо, всё получилось.
Отсутствует
Я правильно убрал «ВОСПРОИЗВОДИТСЯ» в табе или есть решение получше?
Отсутствует
Vitaliy V.
Dumby
Ну подскажите, как убрать это мелькание текста на вкладке при наведении указателя? Имею в виду окрашивание затенённого текста в основной цвет.
За недолгое время периодического использования 89+, уже начинает нервировать. --tab-label-mask-size пробовал подобрать, но тогда и затенения в конце заголовка не будет, тоже так себе решение.
Я правильно убрал «ВОСПРОИЗВОДИТСЯ» в табе или есть решение получше?
Отсутствует
ломает стили сайтов например на yandex
Да уже заметил, поля нестандартной формы криво подсвечиваются. Вот эта часть вроде ничего не ломает, стандартно она 2-х пиксельная.
input, textarea { border: 1px solid rgba(131,137,150,.5); outline: 1px solid transparent; }
Да, с контентом надо быть аккуратнее с !important;.
Отсутствует
--tab-label-mask-size пробовал подобрать, но тогда и затенения в конце заголовка не будет, тоже так себе решение.
почему не будет?
можно ещё здесь прозрачность подкрутить было 11%
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true], [multiselected]) { background-color: color-mix(in srgb, currentColor 8%, transparent) !important; }
или добавить сюда например
color: gray !important;
чтобы другим цветом выделялось
Отредактировано Vitaliy V. (14-06-2021 01:13:33)
Отсутствует
почему не будет?
Ну у меня его нет, если уменьшить значение. У меня вкладка то короче, на дефолтной может и будет. Этот вариант уже испробовал. Это не отменяет перекрашивание затенённого текста в основной. --tab-label-mask-size: 2em; - дефолтное значение в инспекторе, я его и менял.
Посмотрел на дефолтной вкладке, поведение обратное тому, что у меня. Виталий, ну может можно как-то сделать, чтоб текст на вкладке не реагировал при наведении указателя, не получается у меня выловить этот момент.
можно ещё здесь прозрачность подкрутить было 11%
Нет, не работает. Всё равно белым затенённый текст становится при наведении. Мне бы на активной вкладке сделать, так как у меня переключение скриптом при наведении идёт. Код использовал и ваш с color: gray !important; и такой
.tabbrowser-tab:hover > .tab-stack > .tab-background { background-color: color-mix(in srgb, currentColor 8%, transparent) !important; color: gray !important; }
Отсутствует
--tab-label-mask-size: 2em; - дефолтное значение в инспекторе, я его и менял.
В том то и дело что нет когда наводится курсор он становится 1em из-за этого кода
.tabbrowser-tab[visuallyselected="true"]:hover, #tabbrowser-tabs:not([closebuttons="activetab"]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected="true"]):hover { --tab-label-mask-size: 1em; }
Ну или так задать mask-image
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]), .tab-label-container[textoverflow]:not([labeldirection], [pinned]):-moz-locale-dir(ltr) { mask-image: linear-gradient(to left, transparent, black 2em) !important; } .tab-label-container[textoverflow][labeldirection=rtl]:not([pinned]), .tab-label-container[textoverflow]:not([labeldirection], [pinned]):-moz-locale-dir(rtl) { mask-image: linear-gradient(to right, transparent, black 2em) !important; }
А вот ещё что может влиять
.tab-close-button { margin-inline-end: calc(var(--inline-tab-padding) / -2); width: 24px; height: 24px; padding: 7px; }
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button { padding-inline-start: 0; width: 17px; }
настройте как надо
Отредактировано Vitaliy V. (14-06-2021 02:15:10)
Отсутствует
В том то и дело что нет когда наводится курсор он становится 1em из-за этого кода
Всё, теперь понятно.
и мой код это не допускает, а у вас не знаю стили наверно мешают я не в курсе что за стили
Да вот же, вкладки покрашены стилем Ариса, да и много ещё там у него изменений по виду вкладок.
Ну или так задать mask-image
А вот это сработало на моих рихтованных вкладках.
Добавлено 14-06-2021 02:20:20
А вот ещё что может влиять
Да, к этому, и не только, я тоже руку приложил. Кнопку вообще заменил, рихтовать там пришлось порядочно после этого.
когда курсор не на вкладке активен этот код
настройте как надо
Спасибо! Завтра буду разбираться основательно.
Отредактировано sandro79 (14-06-2021 02:20:20)
Отсутствует
Подскажите, пожалуйста, код для userContent.css, с помощью которого можно вернуть старый нормальный выпадающий список поисковой строки Яндекса (который во всю ширину страницы). Или хотя бы убрать все скругления и заменить их на углы, а также придвинуть список вплотную к нижней границе поисковой строки.
Отсутствует
Добавил инструкцию по установке WebExtensions Experiments https://github.com/VitaliyVstyle/Vitali … xperiments
а то некоторые не знают как или им старый конфиг подсовывают а там конечно нет настройки extensions.experiments.enabled
Если следую инструкции, то у меня почему-то пропадают все кнопки Add Toolbar Buttons, хотя само расширение установлено. Все остальные расширения тоже работают. В чём может быть причина?
Отредактировано voqabuhe (14-06-2021 08:04:55)
Отсутствует
Если следую инструкции, то у меня почему-то пропадают все кнопки Add Toolbar Buttons, хотя само расширение установлено. Все остальные расширения тоже работают. В чём может быть причина?
Решил эту проблему только проснувшись (осенило во сне :)) - изменил порядок в своем конфиге:
1. код от Dumby
2. код от Vitaliy V для UCF
3. код от wvxwxvw для скриптов по методу №3 с сайта - https://github.com/Aris-t2/CustomJSforFx (прежде он был первым)
Отсутствует
del
Отредактировано falcon1598 (17-06-2021 19:59:37)
Отсутствует