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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№1165128-10-2021 16:41:19

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 909
UA: Firefox 91.0

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

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


06.gif

Отредактировано _zt (28-10-2021 17:30:13)


Fx 91 esr

Отсутствует

 

№1165201-11-2021 17:26:57

igr40
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 20
UA: Firefox 91.0

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

_zt

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

Отсутствует

 

№1165302-11-2021 21:36:07

user009
Участник
 
Группа: Members
Зарегистрирован: 02-11-2021
Сообщений: 2
UA: Firefox 94.0

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

Здравствуйте
Хочу перенести вкладки и строку вниз экрана, в самый низ к вкладкам окон. Раньше это было возможно через userChrome.css,
но сейчас старые способы не работают и даже те которые есть в этой ветке не работают.
Пробовал десяток готовых userChrome.css они только ломают интерфейс.
Если кто знает как это сделать для firefox 94, подскажите пожалуйста.
Лучше всего дайте готовый userChrome.css.

Отсутствует

 

№1165403-11-2021 00:17:15

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1512
UA: Firefox 91.0

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

user009 пишет

Хочу перенести вкладки и строку вниз экрана, в самый низ к вкладкам окон

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

Отсутствует

 

№1165503-11-2021 00:28:22

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 260
UA: Firefox 94.0

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

Зжравствуйте господа форумячане.Скажите можно ли убрать этот белый цвет выделения на новой вкладке и домашней странице?
a9217b421ae07709ae37d8f06ffc84c3.png

Отсутствует

 

№1165603-11-2021 00:58:49

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1512
UA: Firefox 91.0

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

egorsemenov06 пишет

Скажите можно ли убрать этот белый цвет выделения на новой вкладке и домашней странице?

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.top-site-outer:is(.active, :focus, :hover) {
	background: none !important;
}
}

У себя в [nightly] использую такой код для новой вкладки, в тёмном стиле с увеличенными плитками, может кому-то будет полезным
скриншот
__________.png
код для userContent.css

Выделить код

Код:

@-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;
}
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: none !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(10, 132, 255, 0.3) !important;
    transition: box-shadow 150ms !important;
    border-radius: 4px !important;
    outline: none !important; 
}
[lwt-newtab-brighttext] .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:is(:hover) .tile {
    box-shadow: 0 0 0 5px #D7D7DB !important;
    transition: box-shadow 150ms !important;
    border-radius: 4px !important;
    outline: none !important; 
}
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(: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-clip: padding-box !important;
	background-color: var(--newtab-contextmenu-button-color) !important;
	background-position: 55% !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;
	cursor: pointer !important;
	fill: var(--newtab-icon-primary-color) !important;
	height: 27px !important;
	inset-inline-end: -13.5px !important;
	opacity: 0 !important;
	position: absolute !important;
	top: -13.5px !important;
	transform: scale(0.25) !important;
	transition-duration: 150ms !important;
	transition-property: transform, opacity !important;
	width: 27px !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;
} 
}
.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;
}
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:hover .tile {
    box-shadow: 0 0 0 5px #4A4A4F !important;
}
}

Отредактировано sandro79 (03-11-2021 12:52:11)

Отсутствует

 

№1165703-11-2021 02:10:19

user009
Участник
 
Группа: Members
Зарегистрирован: 02-11-2021
Сообщений: 2
UA: Firefox 94.0

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

sandro79 пишет
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
но ничего не нашёл.

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

Отсутствует

 

№1165803-11-2021 02:12:27

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 260
UA: Firefox 94.0

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

sandro79 пишет

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.top-site-outer:is(.active, :focus, :hover) {
	background: none !important;
}
}

Большое Спасибо!!!!
Подскажите пожалуйста как в строке поиска убрать белый фон на стрелке сделать при наведении прозрачным
183ab4c3ad86539005802bf6917f686b.png

Отредактировано egorsemenov06 (03-11-2021 20:40:44)

Отсутствует

 

№1165903-11-2021 18:18:42

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3042
UA: Firefox 94.0

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

Как изменить фон активной адресной строки?

Отсутствует

 

№1166003-11-2021 19:43:57

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 134
UA: Firefox 94.0

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

Подскажите, использую плагин "Firefox Multi-Account Containers", но хочу перенести пункт меню "Открыть ссылку в новой вкладке в контейнере" вниз списка над меню "исследовать" (или хотя бы под него в самый низ).

скриншот
2c13941592b59c9895ad7162e0d31cb0.png
Подскажите, как такое сделать?

Отсутствует

 

№1166103-11-2021 22:55:37

Erik010
Участник
 
Группа: Members
Зарегистрирован: 19-07-2019
Сообщений: 9
UA: Firefox 91.0

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

Как в FF 94 установить иконку на пункт меню в Panel History "Восстановить предыдущую сессию"? Эта конструкция не работает:
#appMenuRestoreSession {
    list-style-image: url("./icons/restore-session.svg");
  }

Отредактировано Erik010 (03-11-2021 22:57:59)

Отсутствует

 

№1166204-11-2021 00:27:50

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1512
UA: Firefox 91.0

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

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

voqabuhe пишет

Как изменить фон активной адресной строки?

Так попробуйте

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

Выделить код

Код:

#urlbar:is([focused="true"], [open]) > #urlbar-background, #searchbar:focus-within {
	background-color: gold !important;
}

Hobbix пишет

хочу перенести пункт меню "Открыть ссылку в новой вкладке в контейнере" вниз списка над меню "исследовать" (или хотя бы под него в самый низ)

скрытый текст
В самый низ
скрытый текст

Выделить код

Код:

#context-openlinkinusercontext-menu {
 -moz-box-ordinal-group: 10;
}

Или так ещё попробуйте, должно получится над меню "исследовать", но у меня не установлено дополнение, а контейнеры включены настройками privacy.userContext.enabled — true и privacy.userContext.ui.enabled — true
скрытый текст

Выделить код

Код:

#context-navigation[hidden] ~ :is(#context-inspect, #context-openlinkinusercontext-menu) {
 -moz-box-ordinal-group: 10;
}

Так можно укоротить имя пункта меню, файл userChrome.css должен быть в кодировке UTF-8
скрытый текст

Выделить код

Код:

#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)

Отсутствует

 

№1166304-11-2021 00:46:14

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 260
UA: Firefox 94.0

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

sandro79 пишет
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;
}

Еще раз Большое Спасибо Вам!!!

Отсутствует

 

№1166404-11-2021 06:21:48

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3042
UA: Firefox 94.0

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

sandro79 пишет

Так попробуйте

Так и хотел. Спасибо.

Добавлено 04-11-2021 06:49:03
sandro79
А как бы ещё поиск в боковой панели добавить?

Отредактировано voqabuhe (04-11-2021 06:49:03)

Отсутствует

 

№1166504-11-2021 08:05:44

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 134
UA: Firefox 94.0

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

sandro79, огромное спасибо! Как раз то что нужно. Не одному мне глаза мозолило.

Отсутствует

 

№1166604-11-2021 11:40:37

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1512
UA: Firefox 91.0

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

voqabuhe пишет

А как бы ещё поиск в боковой панели добавить?

Так может, но это ещё тот костыль, по-другому даже не знаю как

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

Выделить код

Код:

#sidebar-search-container #search-box:focus {
  appearance: none !important;
  background-color: gold !important;
}

Hobbix пишет

Не одному мне глаза мозолило

Да конечно, такие длиннющие названия.

Отсутствует

 

№1166704-11-2021 13:45:41

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1124
UA: Firefox 52.0

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

Erik010 пишет

Как в FF 94 установить иконку на пункт меню в Panel History "Восстановить предыдущую сессию"?

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

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

Выделить код

Код:

#appMenu-restoreSession > .toolbarbutton-icon {
    -moz-context-properties: fill;
    list-style-image: url("путь");
    padding-inline-end: 3px;
    fill: цвет;
}


Win7

Отсутствует

 

№1166804-11-2021 14:35:34

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 831
UA: Firefox 93.0

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

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

Отсутствует

 

№1166904-11-2021 15:33:13

Erik010
Участник
 
Группа: Members
Зарегистрирован: 19-07-2019
Сообщений: 9
UA: Firefox 91.0

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

kokoss пишет

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

Спасибо за наводку. Сделал так:
#appMenu-restoreSession  {   
    list-style-image: url("./icons/restore-session.svg"); 
  }

Отсутствует

 

№1167004-11-2021 18:15:38

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 453
UA: Firefox 94.0

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

Переместить окошко „Add bookmark“ в центр области просмотра

Здравствуйте.

Подскажите стиль для перемещения окошка „Add bookmark“, появляющегося при нажатии на звёздочку в адресной строке, в центр области просмотра.

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

51654583153_b0882099f1_o.png

Спасибо.

Отсутствует

 

№1167104-11-2021 18:24:25

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3042
UA: Firefox 94.0

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

sandro79 пишет

Так может, но это ещё тот костыль, по-другому даже не знаю как

Спасибо, работает.

xrun1 пишет

Не знаю, насколько мой стиль правильный, он у меня исторический для адресной, поиска и поиска в боковой панели, кучу версий пережил и работает.

У меня не хотит работать. Или куда его надо определить?

Отсутствует

 

№1167204-11-2021 23:25:15

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 831
UA: Firefox 94.0

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

voqabuhe
В userChrome.css думаю. Если стоит ucf, то делаем стиль и импортируем в custom_style_user.css. У меня старая версия ucf, с новой я не дружу и как там не знаю.

Отсутствует

 

№1167305-11-2021 17:38:07

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3042
UA: Firefox 94.0

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

Vitaliy V.
№9930 Перестали срабатывать в адресной строке кнопки дополнений Scroll Up Folder и Save-To-Read. Как бы вернуть их нажатие?

Добавлено 05-11-2021 17:39:26

xrun1 пишет

В userChrome.css думаю.

Туда и добавлял.

Отредактировано voqabuhe (05-11-2021 17:39:26)

Отсутствует

 

№1167406-11-2021 14:15:27

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1124
UA: Firefox 52.0

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

FireForce
Как вариант:

скрин
0b23a5dc65da.png


Win7

Отсутствует

 

№1167506-11-2021 15:43:24

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 65
UA: Firefox 91.0

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

Подскажите пожалуйста. Как ограничить длину надписи во вкладке с сохранением масштаба которая лезет на кнопку закрытия (крестик)

скрытый текст
38a5160bcf79.png

Отредактировано Ник 22 (06-11-2021 15:59:15)

Отсутствует

 

Board footer

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