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

villa7 · №3526

kampot
Название закладки при наведении.

Код:

#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;}
#PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;}

Добавлено 13-12-2017 01:05:23
Kamaxa25
Вкладки вниз. Цифирки меняйте как душе угодно.

Выделить код

Код:

#TabsToolbar{ -moz-appearance: none !important; -moz-box-ordinal-group: 3 !important;}
#nav-bar{ -moz-appearance: none !important; -moz-box-ordinal-group: 1 !important;}
#PersonalToolbar { -moz-appearance: none !important; -moz-box-ordinal-group: 2 !important;}

Отредактировано villa7 (13-12-2017 01:10:21)

Kamaxa25 · №3527

villa7
Спасибо. Название и так было при наведении. Я там отредактировал вопрос на пред странице, не посмотрел что вы ответили и ответ на след страницу форума перешел

Добавлено 13-12-2017 01:24:41
villa7
Спасибо, теперь вкладки внизу, все просто оказывается, а я искал ответ столько времени... Только полоска какая то непонятная появилась. Впрочем можно привыкнуть. Вот шрифт много где мелкий это да

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

Для наглядности по шрифту:

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

Отредактировано Kamaxa25 (13-12-2017 01:27:32)

villa7 · №3528

Kamaxa25

Выделить код

Код:

* {font-size: 20px  !important;}

Kamaxa25 · №3529

villa7
Спасибище просто. Вы волшебник. Честно

Отредактировано Kamaxa25 (13-12-2017 01:37:56)

kampot · №3530

villa7 пишет

kampot
Название закладки при наведении.
Выделить код
Код:
#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;}
#PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;}

Это видел. Тогда если добавляю это в код, получается вот такая ерунда

Есть у кого готовый?

villa7 · №3531

kampot
Я тогда понять не могу зачем нужны закладки рядами, если они все помещаются на панель, в чём смысл?
Так можно ругулировать расстояние между значками.

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item {margin: -2px !important;}

С вашим кодом у меня нормально.

Отредактировано villa7 (13-12-2017 11:19:47)

kampot · №3532

villa7 пишет

kampotЯ тогда понять не могу зачем нужны закладки рядами, если они все помещаются на панель, в чём смысл?Так можно ругулировать расстояние между значками.Выделить кодКод:#PlacesToolbarItems > .bookmark-item {margin: -2px !important;}С вашим кодом у меня нормально.
Отредактировано villa7 (Сегодня 08:19:47)

Можете объяснить, куда эти параметры вставлять? В любое место (строку) или нет?

villa7 · №3533

kampot
Туда же куда и все коды в userChrome.css.

ofizer · №3534

Кто может подсказать, как изменить (уменьшить) высоту адресной строки и поисковой строки?
Есть код, но он не годится - почти впритык ставит строки:

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

Выделить код

Код:

/* уменьшаем высоту адресной строки */
#urlbar,
.searchbar-textbox {
  margin: 1px !important;
  min-height: 0px !important;
  height: 24px !important;
}

FMRUser · №3535

ofizer пишет

margin: 1px !important;

Увеличивайте - до 2px, 3px, как понравится.

ofizer · №3536

FMRUser пишет

ofizer пишет
margin: 1px !important;
Увеличивайте - до 2px, 3px, как понравится.

Спасибо, выручили.

Добавлено 15-12-2017 06:25:19
FMRUser
А Вы случаем не знаете, как изменить цвет панели инструментов? в FF 57 она стала с сильным белым оттенком, ломая цвета тем-заливок.

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

[img]

[/img]

Я чаще всего использую заливку Brushed Metal. Вероятно, цвет ближе всего к Silver.

Отредактировано ofizer (15-12-2017 06:25:19)

villa7 · №3537

ofizer
Так не катит?

Выделить код

Код:

#urlbar,#nav-bar {background: #b0b3b7  !important;}

ofizer · №3538

villa7 пишет

ofizer
Так не катит?
Выделить код
Код:
#urlbar,#nav-bar {background: #b0b3b7  !important;}

Получилось вот так:

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

[img]

[/img]

Изменил цвет на серый, но все равно темновато вышло, адресная строка тоже стала серой. Кстати, забыл о панели закладок, которая осталась с белизной. Видимо, тут цвет просто так не подберешь. Без бутылки не разобраться.

Отредактировано ofizer (15-12-2017 07:23:53)

villa7 · №3539

ofizer
Изменить полностью все панели.

Выделить код

Код:

#navigator-toolbox, #titlebar, #toolbar-menubar, #TabsToolbar, #nav-bar, #PersonalToolbar {background: #ccc  !important;}

Отредактировано villa7 (15-12-2017 07:36:11)

ofizer · №3540

villa7 пишет

ofizer
Изменить полностью все панели.
Выделить код
Код:
#navigator-toolbox, #titlebar, #toolbar-menubar, #TabsToolbar, #nav-bar, #PersonalToolbar {background: #ccc  !important;}

Вот спасибо. Получилось недурно, только цвет надо будет какой-нибудь смешанный поискать.

villa7 · №3541

ofizer
Вот хороший агрегат для подбора цветов, быстро, удобно.
https://www.w3schools.com/colors/colors_hexadecimal.asp

Отредактировано villa7 (15-12-2017 08:00:32)

ofizer · №3542

villa7 пишет

ofizer
Вот хороший агрегат для подбора цветов, быстро, удобно.
https://www.w3schools.com/colors/colors_hexadecimal.asp

Спасибо.
Тут возник еще вопрос. Не знаю, есть ли у Вас ответ, но все же. Как бы заменить полоску в активной вкладке на серебристный цвет? Знаю лишь, как ее удалить, но она мне нравится.

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

[img]

[/img]

villa7 · №3543

Если знаете селектор, тот который удаляет, то

Выделить код

Код:

селектор {background: #f00  !important;}
или 
селектор {color: #f00  !important;}

Я просто на старой сижу, не знаю как там сейчас на новой.

ofizer · №3544

villa7
Такой вот код, но в селекторах я не силен, увы.

Выделить код

Код:

/*Убрать синюю полосу в активной вкладке*/
.tab-background .tab-line {
    visibility: hidden !important;
}

villa7 · №3545

ofizer

Выделить код

Код:

.tab-background .tab-line {background: #f00  !important;}

Отредактировано villa7 (15-12-2017 09:04:21)

ofizer · №3546

villa7 пишет

ofizer
Выделить код
Код:
.tab-background .tab-line {background: #f00  !important;}

Спасибо Вам за помощь.

oleg.sgh · №3547

Еще бы, для полного комплекта, стиль для цвета активной вкладки.

villa7 · №3548

oleg.sgh
Так, не.

Выделить код

Код:

.tabbrowser-tab[selected=true] {
color: #f00  !important;
background: #00f  !important;}

oleg.sgh · №3549

villa7

Так, не.

Наполовину. Цвет шрифта меняется а цвет вкладки нет.

villa7 · №3550

oleg.sgh
А так.

Выделить код

Код:

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background: 00f !important;
}

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

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

Код:

Код:

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

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

Код:

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

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

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

Код:

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

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

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

Код:

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

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

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

Код:

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

Код:

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

Код:

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

Код:

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

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

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

Код:

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

Код:

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

Код:

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

Код:

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

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

Код:

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

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

Код:

Board footer