igr40
Я понял, тогда так:
#tabbrowser-tabs .tab-close-button { height: 14px !important; width: 14px !important; padding: 0 !important; margin-inline-start: -14px !important; margin-inline-end: 0px !important; color: red !important; } #tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button { display: none !important; } #tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) { mask-image: none !important; }
Отредактировано _zt (28-10-2021 17:30:13)
Отсутствует
Здравствуйте
Хочу перенести вкладки и строку вниз экрана, в самый низ к вкладкам окон. Раньше это было возможно через userChrome.css,
но сейчас старые способы не работают и даже те которые есть в этой ветке не работают.
Пробовал десяток готовых userChrome.css они только ломают интерфейс.
Если кто знает как это сделать для firefox 94, подскажите пожалуйста.
Лучше всего дайте готовый userChrome.css.
Отсутствует
Хочу перенести вкладки и строку вниз экрана, в самый низ к вкладкам окон
Отсутствует
Зжравствуйте господа форумячане.Скажите можно ли убрать этот белый цвет выделения на новой вкладке и домашней странице?
Отсутствует
Скажите можно ли убрать этот белый цвет выделения на новой вкладке и домашней странице?
@-moz-document url("about:newtab"), url("about:home") { .top-site-outer:is(.active, :focus, :hover) { background: none !important; } }
@-moz-document url("about:newtab"), url("about:home") { body { --newtab-background-color: #2B2A33 !important; --newtab-background-color-secondary: #42414d !important; --newtab-text-primary-color: #fbfbfe !important; --newtab-primary-action-background: #00ddff !important; --newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #FFF) !important; --newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #FFF) !important; --newtab-element-secondary-color: color-mix(in srgb, currentColor 10%, transparent) !important; --newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 17%, transparent) !important; --newtab-element-secondary-active-color: color-mix(in srgb, currentColor 30%, transparent) !important; --newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #FFF) !important; --newtab-primary-element-text-color: #2b2a33 !important; --newtab-wordmark-color: #fbfbfe !important; --newtab-status-success: #7C6 !important; --newtab-border-primary-color: rgba(249, 249, 250, 0.8); --newtab-contextmenu-button-color: #2B2A33; --newtab-icon-primary-color: rgba(249, 249, 250, 0.8); --newtab-card-active-outline-color: #4A4A4F; --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2); } main { padding-bottom: 68px !important; } .top-site-outer { height: 180px !important; width: 180px !important; padding-block: 10px 4px !important; border-radius: 4px !important; } .top-site-outer .tile { height: 150px !important; width: 150px !important; } .top-site-outer .tile .icon-wrapper { width: 100% !important; height: 100% !important; } .ds-outer-wrapper-breakpoint-override main { width: 1500px !important; } .top-site-outer .title span { overflow: visible !important; } .top-site-outer .title .icon { inset-inline-start: 0 !important; position: absolute !important; top: 11px !important; } .top-site-outer .title.pinned span { padding: 0 14px !important; width: 96px !important; } .sponsored-label { display: none !important; } .top-site-outer:is(.active, :focus, :hover) { background: unset !important; } .top-site-outer .tile { border-radius: 4px !important; } .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile { box-shadow: 0 0 0 5px rgba(69, 161, 255, 0.4) !important; transition: box-shadow 150ms !important; border-radius: 4px !important; outline: none !important; } .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:hover .tile { box-shadow: 0 0 0 5px #4A4A4F !important; transition: box-shadow 150ms !important; border-radius: 4px !important; outline: none !important; } .top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .tile { box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color) !important; transition: box-shadow 150ms !important; } .top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .context-menu-button { opacity: 1 !important; transform: scale(1) !important; transition-delay: 333ms !important; } .top-site-outer:is(.active, :focus, :hover) .context-menu-button { opacity: 1 !important; transform: scale(1) !important; } .top-site-outer .context-menu-button:is(:active, :focus) { opacity: 1 !important; transform: scale(1) !important; } .top-site-outer .context-menu-button { background-color: var(--newtab-contextmenu-button-color) !important; border: 1px solid var(--newtab-border-primary-color) !important; border-radius: 100% !important; box-shadow: 0 2px rgba(12, 12, 13, 0.1) !important; height: 27px !important; width: 27px !important; inset-inline-end: -13.5px !important; top: -13.5px !important; } .top-site-outer .context-menu { top: 3px !important; margin-inline-start: 8px !important; } @media (max-width: 1880px) { .top-sites-list :nth-child(8n) .context-menu, .sections-list .section-list :nth-child(4n) .context-menu { margin-inline-end: 1px !important; inset-inline-end: 0 !important; inset-inline-start: auto !important; } } }
Отредактировано sandro79 (24-12-2021 12:40:17)
Отсутствует
user009 пишетХочу перенести вкладки и строку вниз экрана, в самый низ к вкладкам окон
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.
Спасибо частично помогло.
Было так
https://fastpic.org/view/116/2021/1103/ … 2.jpg.html
стало так
https://fastpic.org/view/116/2021/1103/ … 1.jpg.html
Хочу перекинуть вниз ещё адресную строку и три кнопки окна
"свернуть", "развернуть", "закрыть" чтобы они не занимали целую линию.
Чтобы было как на первом скрине только все две полосы внизу.
Искал готовый css тут,
https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css/locationbar
но ничего не нашёл.
Подскажите пожалуйста как перенести вниз и эти элементы.
Отсутствует
скрытый текстВыделить кодКод:
@-moz-document url("about:newtab"), url("about:home") { .top-site-outer:is(.active, :focus, :hover) { background: none !important; } }
Большое Спасибо!!!!
Подскажите пожалуйста как в строке поиска убрать белый фон на стрелке сделать при наведении прозрачным
Отредактировано egorsemenov06 (03-11-2021 20:40:44)
Отсутствует
Подскажите, использую плагин "Firefox Multi-Account Containers", но хочу перенести пункт меню "Открыть ссылку в новой вкладке в контейнере" вниз списка над меню "исследовать" (или хотя бы под него в самый низ).
Отсутствует
Как в FF 94 установить иконку на пункт меню в Panel History "Восстановить предыдущую сессию"? Эта конструкция не работает:
#appMenuRestoreSession {
list-style-image: url("./icons/restore-session.svg");
}
Отредактировано Erik010 (03-11-2021 22:57:59)
Отсутствует
Подскажите пожалуйста как в строке поиска убрать белый фон на стрелке сделать при наведении прозрачным
Ну там вообще-то нет белых фонов, ваш стиль ломает прозрачные дефолтные фоны - гасит переменную --newtab-background-color в составе --newtab-element-hover-color
Это правило попробуйте добавить в свой стиль
.search-wrapper .search-button:focus, .search-wrapper .search-button:hover { background-color: rgba(10,10,15,0.4) !important; }
Как изменить фон активной адресной строки?
Так попробуйте
#urlbar:is([focused="true"], [open]) > #urlbar-background, #searchbar:focus-within { background-color: gold !important; }
хочу перенести пункт меню "Открыть ссылку в новой вкладке в контейнере" вниз списка над меню "исследовать" (или хотя бы под него в самый низ)
#context-navigation[hidden] ~ :is(#context-inspect, #context-openlinkinusercontext-menu) { -moz-box-ordinal-group: 10; }
#context-openlinkinusercontext-menu > .menu-text { display: none !important; } #context-openlinkinusercontext-menu::before { content: "Открыть ссылку в контейнере"; display: inline-block; -moz-box-flex: 1; padding-inline-start: 32px; }
Отредактировано sandro79 (04-11-2021 01:47:20)
Отсутствует
egorsemenov06 пишетПодскажите пожалуйста как в строке поиска убрать белый фон на стрелке сделать при наведении прозрачным
Ну там вообще-то нет белых фонов, ваш стиль ломает прозрачные дефолтные фоны - гасит переменную --newtab-background-color в составе --newtab-element-hover-color
Это правило попробуйте добавить в свой стильскрытый текстВыделить кодКод:
.search-wrapper .search-button:focus, .search-wrapper .search-button:hover { background-color: rgba(10,10,15,0.4) !important; }
Еще раз Большое Спасибо Вам!!!
Отсутствует
Так попробуйте
Так и хотел. Спасибо.
Добавлено 04-11-2021 06:49:03
sandro79
А как бы ещё поиск в боковой панели добавить?
Отредактировано voqabuhe (04-11-2021 06:49:03)
Отсутствует
А как бы ещё поиск в боковой панели добавить?
Так может, но это ещё тот костыль, по-другому даже не знаю как
#sidebar-search-container #search-box:focus { appearance: none !important; background-color: gold !important; }
Не одному мне глаза мозолило
Да конечно, такие длиннющие названия.
Отсутствует
Как в FF 94 установить иконку на пункт меню в Panel History "Восстановить предыдущую сессию"?
Попробуйте так:
#appMenu-restoreSession > .toolbarbutton-icon { -moz-context-properties: fill; list-style-image: url("путь"); padding-inline-end: 3px; fill: цвет; }
Win7
Отсутствует
voqabuhe
Не знаю, насколько мой стиль правильный, он у меня исторический для адресной, поиска и поиска в боковой панели, кучу версий пережил и работает. Может, стиль от sandro79 правильней будет... Добавлен бордюр полей при наведении и изменение фона, скругление поля поиска в боковой (border-radius: 5px !important;) .
#search-box { -moz-appearance: none !important; appearance: none !important; border: 1px solid hsla(240,5%,5%,.25) !important; box-shadow: 0 1px 4px rgba(0,0,0,.05) !important; /* background-color: var(--lwt-sidebar-background-color, transparent) !important; color: var(--lwt-sidebar-text-color, currentColor) !important; */ font-style: normal !important; padding: 1px 2px !important; height: auto !important; min-height: 22px !important; border-radius: 5px !important; } #urlbar:not(:-moz-lwtheme):hover > #urlbar-background, #searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover { border-color: Red !important; /* background-color: rgba(255, 255, 255, .62) !important; */ background-color: lightblue !important; box-shadow: none !important; } #urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background, #searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] { border-color: Blue !important; background-color: #FFD700 !important; box-shadow: none !important; }
Отсутствует
Переместить окошко „Add bookmark“ в центр области просмотра
Здравствуйте.
Подскажите стиль для перемещения окошка „Add bookmark“, появляющегося при нажатии на звёздочку в адресной строке, в центр области просмотра.
Спасибо.
Отсутствует
Так может, но это ещё тот костыль, по-другому даже не знаю как
Спасибо, работает.
Не знаю, насколько мой стиль правильный, он у меня исторический для адресной, поиска и поиска в боковой панели, кучу версий пережил и работает.
У меня не хотит работать. Или куда его надо определить?
Отсутствует
voqabuhe
В userChrome.css думаю. Если стоит ucf, то делаем стиль и импортируем в custom_style_user.css. У меня старая версия ucf, с новой я не дружу и как там не знаю.
Отсутствует
Vitaliy V.
№9930 Перестали срабатывать в адресной строке кнопки дополнений Scroll Up Folder и Save-To-Read. Как бы вернуть их нажатие?
Добавлено 05-11-2021 17:39:26
В userChrome.css думаю.
Туда и добавлял.
Отредактировано voqabuhe (05-11-2021 17:39:26)
Отсутствует
Подскажите пожалуйста. Как ограничить длину надписи во вкладке с сохранением масштаба которая лезет на кнопку закрытия (крестик)
Отредактировано Ник 22 (06-11-2021 15:59:15)
Отсутствует