В новых версиях поломался стиль счетчика вкладок. Может кто подправить? Заранее спасибо.
#tabbrowser-tabs { counter-reset: tabs !important; } #tabbrowser-tabs .tab-text::before { counter-increment: tabs !important; content: counter(tabs) " -" !important; margin-inline-end: 2px !important; }
Отсутствует
Привет всем.
Как изменить цвет активной вкладки на более светлый? FF 106
Обводка цветом совсем не красиво смотрится.
upd: Разобрался в Firefox Color
Отредактировано Efemernoct (04-11-2022 21:13:03)
Отсутствует
Как изменить цвет активной вкладки на более светлый? FF 106
На всякий случай, может понадобится всё же через css, здесь под третьим спойлером, ещё и с фоном для неактивной вкладки.
Прозрачный фон активной вкладки можно задать заменой blue на rgba(20, 91, 202, .28), например.
.tab-background[selected]:not([multiselected="true"]):-moz-lwtheme { outline: none !important; }
Ещё уменьшить толщину обводки в режиме "Выбрать все вкладки"
.tab-background[multiselected="true"][selected="true"] { outline-width: 1px !important; outline-offset: -1px !important; }
Отсутствует
Никак не получается перенести кнопку Закрыть фото на Алиэкспрессе вправо !!?? Коды Виталия. Куда только код (который был ранее здесь) не вставлял, и в середину и в конец и в начало userchrome - кнопка как была справа так и осталась, может что и кто подскажет. Спасибо
Отредактировано Вит (05-11-2022 12:18:00)
Отсутствует
Никак не получается перенести кнопку Закрыть фото на Алиэкспрессе вправо !!?? Коды Виталия. Куда только код (который был ранее здесь) не вставлял, и в середину и в конец и в начало userchrome - кнопка как была справа так и осталась, может что и кто подскажет. Спасибо
При чём здесь userchrome.css, это же контент! В этой теме недавно попадалось решение, пройдитесь по последним страницам.
Win7
Отсутствует
Нашел код, создал файл userContent.css - не помогло.
Странно, у меня этот код работает:
@-moz-document domain("aliexpress.ru") { .msite-gallery_MsiteGalleryOverlay__cross__3bdem1 { left: unset !important; right: 20px; } }
проверьте кодировку, должна быть UTF-8 без BOM
Win7
Отсутствует
Вит
У Вас, судя по всему, путь неверный. Должно быть
Папка профиля\chrome\userContent.css
если такой файл уже есть, добавить код в него. Где папка профиля можно посмотреть в about:support
Отсутствует
На всякий случай, может понадобится всё же через css
Благодарю. Классно у вас тут. Буду заглядывать частенько. Огнелис нравится. Перешел пару лет назад с оперы, всем доволен
Отсутствует
sandro79 спасибо за ссылку на пост Vitaliy V., где я увидел: color-mix(), что позволило решить проблему с цветом окна...
Решение конечно не идеальное, но лучше чем ничего...
Есть ещё несколько вопросов:
До того как -moz-accent-color превратился в AccentColor - его можно было использовать в userContent.css (чтобы красить элементы страниц в акцентный цвет Windows). С AccentColor это (к сожалению) не работает
@-moz-document url("moz-extension://UUID/view.html") { body.theme-dark { background-color: AccentColor !important; } .theme-dark .group > .inner { background-color: AccentColor !important; } .group .header input, .group .header .name, .theme-dark .group .header .tab_count, .theme-dark .group .header .group_id { color: white !important; } }
По крайней мере на странице Panorama Tab Groups - фон всегда окрашивается в голубой цвет (а не в цвет окна)... Вопрос: можно ли как-то прокинуть в userContent.css переменную с акцентным цветом windows?
Обводка активной вкладки - нашёл такой код:
но чё-то мне не нравятся скругления - слишком сильно они размываются...
Ну и ещё: можно ли как-то перекрасить в белый цвет анимации кнопок загрузки (в процессе загрузки) и обновления страницы (в процессе обновления)?
Отредактировано Neytrino (07-11-2022 21:16:04)
© уважением Neytrino.
Отсутствует
Добрый день. Не могу победить изменение адресной строки, изменил цвет, размер, форму . Мой вариант как бы находится поверх старой панели адреса, и при вводе адреса проявляется, а изменение высоты ( #searchbar) адресной строки коробит весь #nav-bar (при вводе адреса панель #nav-bar увеличивается в размере по высоте, удалил адрес панель #nav-bar схлопнулась обратно. Заранее спасибо.
/* Цветная адресная строка firefox */ #urlbar, #searchbar, .searchbar-textbox { background-color: #dbebf5 !important; border-color: #eff9ff !important; border-radius: 50px 50px 50px 50px !important; overflow: hidden !important; } .urlbarView { display: none !important; } #urlbar {max-height: 22px !important; min-height: 0px !important;}
Отсутствует
Папка профиля\chrome\userContent.css
Нет у меня папки chrome )-: И userContent отсутствует.
Добавлено 08-11-2022 16:16:16
В профиле создать папку "chrome" в ней два файла - userChrome.css и userContent.css
Так, ли чё ли? Пойду пробовать. (-:
Отредактировано Orchello (08-11-2022 16:16:16)
Отсутствует
Добрый вечер. Хочу заставить принудительно отображать фавиконку для закладки сайта. Нашел такой код
#PlacesToolbarItems > toolbarbutton.bookmark-item[container][label="имя_закладки"] { list-style-image: url("адрес_иконки") !important; }
но у меня не получилось чтоб он заработал. Есть рабочее решение? Сайт https://lk.megafon.ru фавиконка вроде https://lk.megafon.ru/public/rwlk/static/cdc5504119f8d0058c38.svg
Отсутствует
GOROOOO
Это для папок корня панели закладок.
toolbarbutton.bookmark-item[container="true"][label="..."] > .toolbarbutton-icon { list-style-image: url("...") !important; }
Для отдельных закладок панели закладок любой вложенности так:
.bookmark-item:not([container])[label="..."] image { object-position: ??px ??px !important; list-style-image: none !important; background: url("...") !important; } или по домену .bookmark-item[image^="page-icon:https://домен.ком"] image { object-position: ??px ??px !important; list-style-image: none !important; background: url("...") !important; }
На 105 все это еще работало, на 106 не проверял.
Отредактировано _zt (08-11-2022 18:15:12)
Отсутствует
Обводка активной вкладки - нашёл такой код:
У меня он вообще не сработал, может так попробовать
#tabbrowser-tabs .tab-background { border: 1px solid AccentColor; box-shadow: none !important; }
Не могу победить изменение адресной строки, изменил цвет, размер, форму
Там так просто не победить, строка же раздвигается при фокусе. Попробуйте такой способ, ненужное выкиньте. Цвета бордюров я свои вставил, для наглядности.
#urlbar, #searchbar { --urlbar-min-height: 22px !important; --urlbar-icon-padding: 2px !important; } .urlbarView { display: none !important; } #urlbar-input-container { border-radius: 50px !important; } #urlbar[breakout][breakout-extend] { width: 100% !important; top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; left: 0 !important; } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; padding-block: var(--urlbar-container-padding) !important; padding-inline: var(--urlbar-container-padding) !important; border-radius: 50px !important; } #urlbar > #urlbar-background, #searchbar { border-color: gold !important; border-radius: 50px !important; background-color: #dbebf5 !important; } #urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within { outline: none !important; border-color: red !important; border-radius: 50px !important; background-color: #dbebf5 !important; box-shadow: none !important; }
#urlbar[breakout][breakout-extend] { width: 100% !important; top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; left: 0 !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { animation-duration: 0s !important; } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; padding-block: var(--urlbar-container-padding) !important; padding-inline: var(--urlbar-container-padding) !important; } #urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within { outline: none !important; border-color: grey !important; box-shadow: none !important; } #urlbar-background, #searchbar { --toolbar-field-border-color: ThreeDShadow; } #PopupSearchAutoComplete { --arrowpanel-border-color: grey; } #urlbar-background, #searchbar { --toolbarbutton-border-radius: 2px; } #urlbar-container, #search-container { --urlbar-margin-inline: 2px; }
Есть рабочее решение?
Этот метод пока работает. Так попробуйте
.bookmark-item:not([container])[image^="page-icon:https://lk.megafon.ru"] image { object-position: 16px 0px !important; list-style-image: none !important; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjExMSIgdmlld0JveD0iMCAwIDExMSAxMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICBkPSJNNjIuMDYxMyA1Ny4zNDk3VjAuNDQxNzExQzg5LjMwMDYgMy43NTQ2IDExMC40MjkgMjcuMDE4NCAxMTAuNTAzIDU1LjE0MTFDMTEwLjUwMyA4NS42MTk2IDg1Ljc2NjggMTEwLjM1NiA1NS4yODgzIDExMC4zNTZDNTMuNTk1MSAxMTAuMzU2IDUxLjkwMTggMTEwLjI4MiA1MC4yMDg2IDExMC4xMzVWNjIuNDI5NUM1MC4yMDg2IDYyLjEzNSA1MC40Mjk0IDYxLjg0MDUgNTAuNzk3NSA2MS44NDA1SDU3LjU3MDVDNjAgNjEuODQwNSA2Mi4wNjEzIDU5Ljg1MjggNjIuMDYxMyA1Ny4zNDk3Wk02MC44ODM0IDg1LjMyNTJDNTcuMDU1MiA4NS4zMjUyIDUzLjk2MzEgODIuMjMzMSA1My45NjMxIDc4LjQwNDlDNTMuOTYzMSA3NC41NzY3IDU3LjA1NTIgNzEuNDg0NyA2MC44ODM0IDcxLjQ4NDdDNjQuNzExNiA3MS40ODQ3IDY3LjgwMzYgNzQuNTc2NyA2Ny44MDM2IDc4LjQwNDlDNjcuODAzNiA4Mi4yMzMxIDY0LjcxMTYgODUuMzI1MiA2MC44ODM0IDg1LjMyNTJaTTcwLjE1OTQgNzguNDA0OUM3MC4xNTk0IDgyLjIzMzEgNzMuMjUxNSA4NS4zMjUyIDc3LjA3OTcgODUuMzI1MkM4MC45MDc5IDg1LjMyNTIgODMuOTk5OSA4Mi4yMzMxIDgzLjk5OTkgNzguNDA0OUM4My45OTk5IDc0LjU3NjcgODAuOTA3OSA3MS40ODQ3IDc3LjA3OTcgNzEuNDg0N0M3My4yNTE1IDcxLjQ4NDcgNzAuMTU5NCA3NC41NzY3IDcwLjE1OTQgNzguNDA0OVpNODYuMzU1OCA3OC40MDQ5Qzg2LjM1NTggODIuMjMzMSA4OS40NDc4IDg1LjMyNTIgOTMuMjc2IDg1LjMyNTJDOTcuMTA0MiA4NS4zMjUyIDEwMC4xOTYgODIuMjMzMSAxMDAuMTk2IDc4LjQwNDlDMTAwLjE5NiA3NC41NzY3IDk3LjEwNDIgNzEuNDg0NyA5My4yNzYgNzEuNDg0N0M4OS40NDc4IDcxLjQ4NDcgODYuMzU1OCA3NC41NzY3IDg2LjM1NTggNzguNDA0OVoiCiAgICAgICAgZmlsbD0iIzAwQjk1NiIgLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0wIDU1LjIxNDdDMCAyNC43MzYyIDI0LjczNjIgMCA1NS4yMTQ3IDBINTUuMzYyVjU0LjYyNThDNTUuMzYyIDU0Ljk5MzkgNTUuMDY3NSA1NS4yMTQ3IDU0Ljc3MyA1NS4yMTQ3SDUwLjEzNUg0Ny44NTI4QzQ1LjQ5NjkgNTUuMjg4MyA0My41ODI4IDU3LjI3NjEgNDMuNTA5MiA1OS42MzE5VjEwOS4xNzhDMTguNjI1OCAxMDMuODA0IDAgODEuNzE3OCAwIDU1LjIxNDdaTTM3LjY5MzIgMzguNTc2N0MzNy42OTMyIDQyLjQwNDkgNDAuNzg1MiA0NS40OTY5IDQ0LjYxMzUgNDUuNDk2OUM0OC40NDE3IDQ1LjQ5NjkgNTEuNTMzNyA0Mi40MDQ5IDUxLjUzMzcgMzguNTc2N0M1MS41MzM3IDM0Ljc0ODUgNDguNDQxNyAzMS42NTY0IDQ0LjYxMzUgMzEuNjU2NEM0MC43ODUyIDMxLjY1NjQgMzcuNjkzMiAzNC43NDg1IDM3LjY5MzIgMzguNTc2N1oiCiAgICAgICAgZmlsbD0iIzAwQjk1NiIgLz4KPC9zdmc+") transparent center no-repeat !important; background-size: 16px !important; }
Отредактировано sandro79 (08-11-2022 23:40:53)
Отсутствует
Там так просто не победить
sandro79 Код работает отлично. Примите искреннюю благодарность за Вашу великолепную работу.
Ещё вопрос, может быть иконка кнопки (физически и технически) больше панели nav-bar или toolbar , как бы внахлёст, без ломки высоты панели.
Отредактировано Duche (08-11-2022 20:05:34)
Отсутствует
У меня он вообще не сработал, может так попробовать
Спасибо, вроде симпатишнее получилось. Только вот действует оно на все вкладки, а надо только на активную...
Отредактировано Neytrino (08-11-2022 20:05:43)
© уважением Neytrino.
Отсутствует
Ещё вопрос, может быть иконка кнопки (физически и технически) больше панели nav-bar или toolbar , как бы внахлёст, без ломки высоты панели.
Не знаю, наверно можно сделать, не хочу с этим экспериментировать.
Только вот действует оно на все вкладки, а надо только на активную
Добавьте тогда после .tab-background :is([selected="true"], [multiselected]) или просто [selected="true"]
Изначально я код таким и делал, но потом почему-то выкинул :is([selected="true"], [multiselected])
#tabbrowser-tabs .tab-background:is([selected="true"], [multiselected]) { border: 1px solid AccentColor; box-shadow: none !important; }
Отредактировано sandro79 (08-11-2022 20:48:21)
Отсутствует