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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№1087601-08-2021 10:16:39

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 90.0

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

Vitaliy V.
Прекрасно, великолепно, спасибо большое!

Отредактировано Stkvsky (01-08-2021 10:16:53)

Отсутствует

 

№1087701-08-2021 11:36:35

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 90.0

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

Vitaliy V.
А если вас не затруднит еще, можно ли убрать анимации движения? чтобы панель моментально появлялась и исчезала?

Отсутствует

 

№1087801-08-2021 14:34:09

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

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

Vitaliy V.
В меню идентификации, через какое-то время, пропадает пункт "Удалить куки и данные сайта". По крайней мере на этом сайте. На самом деле куки присутствуют. Возможно это как-то связано с включенной privacy.firstparty.isolate. В общем, можно ли сделать пункт всегда видимым?

Отсутствует

 

№1087901-08-2021 16:26:27

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 91.0

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

rubel пишет

Как это бы подправить?

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

Выделить код

Код:

#PopupSearchAutoComplete :is(.search-panel-one-offs:not([hidden]),.search-panel-one-offs-container) {
    display: -moz-box !important;
    -moz-box-align: stretch !important;
    -moz-box-pack: start !important;
    -moz-box-orient: vertical !important;
    max-width: 100% !important;
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item {
    display: -moz-box !important;
    -moz-box-align: center !important;
    -moz-box-pack: start !important;
    margin: 0 !important;
    min-height: 24px !important;
    height: auto !important;
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item > .button-box {
    appearance: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    width: 32px !important;
    max-width: 32px !important;
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item > .button-box > .button-icon {
    margin: 0 !important;
    padding: 0 !important;
    width: 16px !important;
    height: 16px !important;
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item::after {
    display: -moz-inline-box !important;
    -moz-box-align: center !important;
    -moz-box-pack: start !important;
    -moz-box-flex: 1 !important;
    content: attr(tooltiptext) !important;
    white-space: nowrap !important;
    line-height: 1.5em !important;
    height: 1.5em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#PopupSearchAutoComplete .search-one-offs-spacer {
    height: 8px !important;
}

rubel пишет

И там фон с голубым ингредиентом

добавьте первое правило из своего


Stkvsky пишет

можно ли убрать анимации движения?

    /* transition-timing-function: ease-out, step-start, step-start !important; */
    transition-timing-function: step-start !important;


    /* transition-timing-function: ease-in, step-end, step-end !important; */
    transition-timing-function: step-end !important;


_zt пишет

можно ли сделать пункт всегда видимым?

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

Выделить код

Код:

#identity-popup-clear-sitedata-footer[hidden="true"] {
    display: -moz-box !important;
    color: red !important;
}

Отсутствует

 

№1088001-08-2021 18:09:46

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 86.0

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

Vitaliy V. пишет

И там фон с голубым ингредиентом
добавьте первое правило из своего

Спасибо, отлично стало на 91. :)

Отсутствует

 

№1088102-08-2021 00:07:54

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 90.0

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

Vitaliy V.
Спасибо

Отсутствует

 

№1088202-08-2021 13:48:34

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

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

Vitaliy V.
Спасибо. Зачем вообще такое бестолковое поведение сделано?

Отсутствует

 

№1088302-08-2021 16:01:25

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

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

Vitaliy V.можно сделать также как в посте №10873 только для этого кода чтобы открытые папки закладок сами закрывались

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

Выделить код

Код:

#PersonalToolbar:not([collapsed="true"]) {
    transition-property: min-height, max-height, visibility !important;
    transition-duration: .4s !important;
    transition-delay: .2s !important;
    transition-timing-function: linear !important;
}
#nav-bar:not(:hover) ~ #PersonalToolbar:not(:is(:hover,[customizing="true"],[collapsed="true"])) {
    min-height: 0.1px !important;
    max-height: 0 !important;
    visibility: collapse !important;
    transition-delay: 3s !important;
}

Отсутствует

 

№1088402-08-2021 19:41:11

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 91.0

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

_zt пишет

Зачем вообще такое бестолковое поведение сделано?

Не в курсе, все равно не пользуюсь этим пунктом.
egorsemenov06

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

Выделить код

Код:

#PersonalToolbar:not([collapsed="true"]) {
    transition-property: min-height, max-height, visibility !important;
    transition-duration: .4s !important;
    transition-delay: .2s !important;
    transition-timing-function: linear !important;
}
#nav-bar:not(:hover) ~ #PersonalToolbar:not(:hover,[customizing="true"],[collapsed="true"]) {
    min-height: 0.1px !important;
    max-height: 0 !important;
    visibility: collapse !important;
    transition-delay: 3s !important;
    animation-name: PersonalToolbarHide !important;
    animation-duration: .1s !important;
    animation-iteration-count: 1 !important;
    animation-timing-function: step-end !important;
    animation-delay: 3.4s !important;
}
@keyframes PersonalToolbarHide {
    from {
        overflow-y: hidden;
    }
    to {
        overflow-y: clip;
    }
}

Отсутствует

 

№1088502-08-2021 20:29:59

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

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

Vitaliy V. пишет
_zt пишет

Зачем вообще такое бестолковое поведение сделано?

Не в курсе, все равно не пользуюсь этим пунктом.
egorsemenov06

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

Выделить код

Код:

#PersonalToolbar:not([collapsed="true"]) {
    transition-property: min-height, max-height, visibility !important;
    transition-duration: .4s !important;
    transition-delay: .2s !important;
    transition-timing-function: linear !important;
}
#nav-bar:not(:hover) ~ #PersonalToolbar:not(:hover,[customizing="true"],[collapsed="true"]) {
    min-height: 0.1px !important;
    max-height: 0 !important;
    visibility: collapse !important;
    transition-delay: 3s !important;
    animation-name: PersonalToolbarHide !important;
    animation-duration: .1s !important;
    animation-iteration-count: 1 !important;
    animation-timing-function: step-end !important;
    animation-delay: 3.4s !important;
}
@keyframes PersonalToolbarHide {
    from {
        overflow-y: hidden;
    }
    to {
        overflow-y: clip;
    }
}

Большое спасибо!!!

Отсутствует

 

№1088603-08-2021 17:21:50

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

С помощью кода

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

Выделить код

Код:

:root {
  --toolbarbutton-width: 26px;
}

:root[uidensity=touch] {
  --toolbarbutton-width: 34px;
}

@media not all and (-moz-windows-classic) {
  #nav-bar toolbarbutton:not(#back-button):not(.subviewbutton),
  #PersonalToolbar #PlacesToolbarItems toolbarbutton,
  #PersonalToolbar #PlacesChevron {
    -moz-appearance: toolbarbutton !important;
    background: unset !important;
    box-shadow: unset !important;
  }

  #nav-bar toolbarbutton:not(#back-button):not(.subviewbutton) {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    margin-inline-start: 2px !important;
    margin-inline-end: 2px !important;
    width: var(--toolbarbutton-width) !important;
  }

  #main-window[uidensity=compact] #nav-bar toolbarbutton:not(.subviewbutton) {
    -moz-appearance: toolbarbutton !important;
    background: unset !important;
    box-shadow: unset !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    margin-inline-start: 2px !important;
    margin-inline-end: 2px !important;
    width: var(--toolbarbutton-width) !important;
  }

  #nav-bar toolbarbutton > .toolbarbutton-icon,
  #nav-bar toolbarbutton > .toolbarbutton-badge-stack,
  #PersonalToolbar #PlacesChevron {
    background-color: transparent !important;
  }
}


удалось добиться, чтобы кнопки панели инструментов при наведении и нажатии были оформлены в системном стиле (Windows 7):
скрытый текст
498ade050e53.jpg

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

Отсутствует

 

№1088704-08-2021 07:02:03

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 167
UA: Firefox 90.0

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

Подскажите, пожалуйста,
1. Значок звука на вкладке перенести в право

2. Отключить синюю подсветку в URL-строке
https://ibb.co/r33GnBZ

3. Уменьшить отступ между значками
https://ibb.co/TbD8RnC

Отредактировано robotest (04-08-2021 07:02:42)

Отсутствует

 

№1088804-08-2021 09:28:03

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

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

robotest пишет

Значок звука на вкладке перенести в право

Ну это вряд ли возможно, посмотрите отсюда (сам использую второй, обновлённый вариант) досюда (для некомпактных значков) варианты. И ниже там ещё можно глянуть.

Отключить синюю подсветку в URL-строке

Если совсем отключить - border: none !important; - получится пустое поле, лучше сделать тоньше и цвет подобрать

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

Выделить код

Код:

#urlbar[focused=true] > #urlbar-background {
    border: 1px solid #a0a0a0 !important;
    box-shadow: none !important;
}

Уменьшить отступ между значками

скрытый текст
Ещё по сути вопроса.

Выделить код

Код:

:root:not([uidensity="touch"]) {
	--toolbarbutton-outer-padding: 1px !important;
}

Отсутствует

 

№1088904-08-2021 09:50:29

robotest
Участник
 
Группа: Members
Зарегистрирован: 02-06-2011
Сообщений: 167
UA: Firefox 90.0

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

sandro79
Огромное Спасибо!:)
Всё отлично!(кроме динамоика, конечно:()

Отсутствует

 

№1089005-08-2021 16:57:11

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

Как сделать, чтобы фон строки активной вкладки в выпадающем меню кнопки "Список всех вкладок" был полностью синим (как в журнале библиотеки)?

скрытый текст
8f0382a162d9.jpg

Отсутствует

 

№1089105-08-2021 18:18:13

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

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

Алексей У. пишет

Как сделать, чтобы фон строки активной вкладки в выпадающем меню кнопки "Список всех вкладок" был полностью синим

скрытый текст
Image_001.png

Выделить код

Код:

toolbaritem.all-tabs-item[selected] {
    background-color: #3399ff;
}

Отсутствует

 

№1089205-08-2021 19:51:36

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

sandro79 пишет
Алексей У. пишет

Как сделать, чтобы фон строки активной вкладки в выпадающем меню кнопки "Список всех вкладок" был полностью синим

Спасибо, помогло. Еще добавил в этот код белый цвет для шрифта выделенной вкладки. Все работает, но, во-первых, хотелось бы, чтобы иконки служебных страниц (например, "Настройки") сохраняли свой цвет (черный), а не меняли его вместе с надписью:

скрытый текст
6e29ffcd89b0.jpg
во-вторых, в классической теме при наведении (т. е. в режиме hover) по-прежнему остается серый фон вместо синего:
скрытый текст
4711535063a1.jpg
Код для стандартной темы:
скрытый текст

Выделить код

Код:

toolbaritem.all-tabs-item[selected] {
    background-color: #3399ff !important;
    color: #ffffff !important;
  }


Код для классической темы:
скрытый текст

Выделить код

Код:

toolbaritem.all-tabs-item[selected] {
    background-color: #0a246a;
    color: #ffffff !important;
  }

Отсутствует

 

№1089305-08-2021 20:43:13

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 52.0

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

Алексей У. пишет

Код для классической темы:

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

Выделить код

Код:

toolbaritem.all-tabs-item[selected] {
    background-color: #0a246a;
    color: #ffffff !important;
  }

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

@media (-moz-windows-classic) {
  toolbaritem.all-tabs-item[selected] {
    background-color: #3399ff !important;
    color: #ffffff !important;
  }
}

Отредактировано unter_officer (05-08-2021 20:45:00)


«The Truth Is Out There»

Отсутствует

 

№1089405-08-2021 20:49:03

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

unter_officer пишет

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

@media (-moz-windows-classic) {
  toolbaritem.all-tabs-item[selected] {
    background-color: #0a246a !important;
    color: #ffffff !important;
  }
}

У меня так и есть. Просто я указал не весь код для классической темы, а лишь тот кусок, который относится к моему вопросу.

Отсутствует

 

№1089505-08-2021 21:02:13

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

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

Алексей У. пишет

хотелось бы, чтобы иконки служебных страниц (например, "Настройки") сохраняли свой цвет (черный), а не меняли его вместе с надписью:

Ну вроде так работает, исключить иконку как не знаю, только fill разве что свой назначить

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

Выделить код

Код:

toolbaritem.all-tabs-item[selected] 
.subviewbutton-iconic > .toolbarbutton-icon {
	fill: black !important;
}

во-вторых, в классической теме при наведении (т. е. в режиме hover) по-прежнему остается серый фон вместо синего:

Не знаю, насколько это правильно, но у меня сработало

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

Выделить код

Код:

toolbaritem.all-tabs-item:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus) {
	background-color: #3399ff !important;
}


toolbaritem перед классом .all-tabs-item в принципе можно не использовать. И прячьте пожалуйста большие скрины под спойлер.

Отредактировано sandro79 (05-08-2021 21:12:18)

Отсутствует

 

№1089605-08-2021 21:31:38

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

sandro79 пишет

Ну вроде так работает, исключить иконку как не знаю, только fill разве что свой назначить

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

Выделить код

Код:

toolbaritem.all-tabs-item[selected] 
.subviewbutton-iconic > .toolbarbutton-icon {
	fill: black !important;
}

Спасибо большое, теперь нормально работает.

Не знаю, насколько это правильно, но у меня сработало

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

Выделить код

Код:

toolbaritem.all-tabs-item:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus) {
	background-color: #3399ff !important;
}

А вот с этим придется поработать еще, потому что теперь заливка распространяется на все hover-строки, а не только на активную вкладку.

Отсутствует

 

№1089705-08-2021 21:42:18

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

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

Алексей У. пишет

потому что теперь заливка распространяется на все hover-строки, а не только на активную вкладку

Да, точно, там забыл я добавить [selected] после .all-tabs-item, так теперь нормально вроде

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

Выделить код

Код:

.all-tabs-item[selected]:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus) {
	background-color: #3399ff !important;
}


Вот так правильно будет, а то нагородил я там

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

Выделить код

Код:

.all-tabs-item[selected]:hover {
	background-color: green !important;
}


Фон строки активной вкладки и чтобы иконки служебных страниц сохраняли свой цвет

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

Выделить код

Код:

.all-tabs-item[selected] {
    background-color: #45a1ff;
}
.all-tabs-item[selected] .all-tabs-button > label {
    color: #ffffff;
}

Отредактировано sandro79 (06-08-2021 00:15:59)

Отсутствует

 

№1089806-08-2021 17:32:44

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

sandro79 пишет

Вот так правильно будет, а то нагородил я там

Да, этот код тоже работает.

Фон строки активной вкладки и чтобы иконки служебных страниц сохраняли свой цвет

Теперь хорошо, только голубая полоска слева осталась:
ec2d25fde44b.jpg

Отсутствует

 

№1089906-08-2021 18:06:51

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

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

Алексей У. пишет

только голубая полоска слева осталась

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

Выделить код

Код:

#allTabsMenu-allTabsView {
	--blue-40: transparent !important;
}

Отсутствует

 

№1090006-08-2021 18:26:10

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

sandro79 пишет
Алексей У. пишет

только голубая полоска слева осталась

Теперь нормально.
Если не трудно, еще посмотрите, пожалуйста, этот вопрос https://forum.mozilla-russia.org/viewto … 20#p793320, буду очень благодарен.

Отсутствует

 

Board footer

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