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

kokoss · №12926

Profa пишет

но вкладки по-прежнему остались на самом верху экрана. Как бы мне их снова передвинуть под адресную строку?

https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/tabs/tabs_below_navigation_toolbar.css

Profa · №12927

kokoss пишет

Profa пишет
но вкладки по-прежнему остались на самом верху экрана. Как бы мне их снова передвинуть под адресную строку?
https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/tabs/tabs_below_navigation_toolbar.css

Большое Вам спасибо, глубокоуважаемый kokoss!

Правда, в результате применения этого userChrome получился следующий порядок: вверху - адресная строка, под ней - закладки, а ниже - вкладки. Я же хотел, чтобы закладки были выше адресной строки и визуально не путались со вкладками.
Этого удалось достичь, добавив в конце Вашего userChrome часть подсказанного мне ранее, а именно:

/* navigation toolbar */
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 3 !important;
}

Ещё раз, большущее Вам спасибо и самые наилучшие мои пожелания!

Dobrov · №12928

Profa - проще так: Вид > Панель закладок > Никогда не отображать. Затем перетащить "Элементы панели закладок" в любое место в панелях.

Oxana26 · №12929

Здравствуйте!
А как сделать, если это возможно, чтобы экспресс-панель у новых версий Firefox стала похожа на экспресс-панель старых версий? Т.е. с полностью заполненным квадратиком (или почти полностью) превью сайта, без белых обводок современных версий, они делают больно глазам.

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

kokoss · №12930

Oxana26
https://github.com/Aris-t2/CustomCSSfor … vicons.css

Oxana26 · №12931

kokoss пишет

Oxana26
https://github.com/Aris-t2/CustomCSSfor … vicons.css

Спасибо! Но могу я попросить ли чуть более расширенную инструкцию? Как это применить? Пожалуйста!

kokoss · №12932

Oxana26 пишет

Как это применить?

Добавьте папку chrome в профиль [firefox] , и что бы стили работали, необходимо в about:config включить настройку -> toolkit.legacyUserProfileCustomizations.stylesheets

папка chrome

https://www.upload.ee/files/15120552/chrome.rar.html

Отредактировано kokoss (15-04-2023 18:22:00)

Oxana26 · №12933

kokoss пишет

Oxana26 пишет
Как это применить?
Добавьте папку chrome в профиль , и что бы стили работали, необходимо в about:config включить настройку -> toolkit.legacyUserProfileCustomizations.stylesheets
папка chrome
https://www.upload.ee/files/15120552/chrome.rar.html

Огромное спасибо! Все получилось!

Ник 22 · №12934

Подскажите пожалуйста как задать цвет вкладки при воспроизведении видео. Спасибо.

sandro79 · №12935

Ник 22 пишет

как задать цвет вкладки при воспроизведении видео

Именно с видео, вряд ли стилем получится, можно вкладку со звуком

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

Выделить код

Код:

.tabbrowser-tab[soundplaying="true"] .tab-background {
  background-color: green !important;
  background-image: none !important;
}

или так

Выделить код

Код:

.tabbrowser-tab[indicator-replaces-favicon="true"] .tab-background {
  background-color: green !important;
  background-image: none !important;
}

Отредактировано sandro79 (19-04-2023 08:26:21)

Ник 22 · №12936

sandro79 пишет

Спасибо. Работает.
Отредактировано sandro79 (Сегодня 08:26:21)

momo2000 · №12937

sandro79
работает, если вкладка активна, а если на другою перейти, то нема(

sandro79 :beer:
Ник 22 :beer:

Выделить код

Код:

/* цветной таб при воспроиз */
.tabbrowser-tab[soundplaying]:not([selected]) > .tab-stack > .tab-background {  
  background-color: lightsteelblue !important;
}

Отредактировано momo2000 (19-04-2023 16:35:36)

Ник 22 · №12938

momo2000 пишет

sandro79
работает, если вкладка активна, а если на другою перейти, то нема(

Чтобы вкладка сохраняла цвет при переходе на другу вкладку надо вот так:

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

.tabbrowser-tab[soundplaying]>.tab-stack>.tab-background{background-color: #639753 !important;
}
.tabbrowser-tab[soundplaying]:not([selected]) > .tab-stack > .tab-background{ background: #639753 !important;
}

vitalii201 · №12939

Не уверен, что правильная тема.
Как исправить "неправильную" фавиконку сайта в закладках?
После посещения сайта во время его ремонта стала: , должна быть: .
Чистка куков, истории и т.п. (что мог придумать) не помогла.

voqabuhe · №12940

vitalii201
Обычно помогает простое открытие сайта.

_zt · №12941

Компактное меню новой кнопки "Расширения", скрывает - заголовок, дополнения без кнопок на панели (на выбор - целиком или со списком исключений), пункт контекстного меню "пожаловаться", сообщения (по желанию). И еще, по мелочи.
19-04-2023 12:19:01
Изначально только скрипт мастерил, а потом уже стиль, вот и разместил его не в той теме.

Northtech · №12942

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

Отредактировано Northtech (22-04-2023 16:21:39)

_zt · №12943

Тут посмотрите
https://developer.mozilla.org/ru/docs/Web/CSS/overflow

Ник 22 · №12944

Подскажите пожалуйста как задать цвет посещенных ссылок в Яндекс.

xrun1 · №12945

Ник 22 пишет

как задать цвет посещенных ссылок в Яндекс

Стиль работает давным-давно (у меня в Stylus для всех сайтов), невзирая на Яндекс.

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

Выделить код

Код:

a:visited, a:visited span {
    color: #339933 !important;
}
a:hover, a:hover span {
    color: #FF4500 !important; 
}

_zt · №12946

Когда то делал замену расширению Image Background Color Picker. Уже не работает. Вот под 112:

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

Выделить код

Код:

/* Фон для изображений открытых в отдельной вкладке
 * https://forum.mozilla-russia.org/viewtopic.php?pid=804706#p804706
 * css взят из расширения
 * https://addons.mozilla.org/ru/firefox/addon/image-background-color-picker/
 * с svg не работает ***/

@-moz-document media-document(image) {
html {
    background: initial !important;
  }
html > body > img {
    background-image: none !important;
    background-size: initial !important;
    background-position: 0 0 !important;
    background: initial !important;
    color: unset !important; /* fix Dark Reader и т.п. */
  }
html > body {
    background-color: #a9a9a9 !important;
    background-image: linear-gradient(45deg, grey 25%, transparent 0, transparent 75%, grey 0,grey),
                      linear-gradient(45deg, grey 25%, transparent 0, transparent 75%, grey 0,grey) !important;
    background-size: 2vmin 2vmin;
    background-position: 0 0, 1vmin 1vmin;
  }
}

Если менять background-position и background-size в html > body, то пропорционально.

Northtech
Не редактируйте сообщения после ответа на него, иначе рискуете впоследствии всегда писать в пустоту. )

Отредактировано _zt (23-04-2023 17:35:55)

kokoss · №12947

Northtech пишет

А подскажите, как добавить полосы прокрутки в меню закладок

https://github.com/MrOtherGuy/firefox-c … popups.css

Add, так вроде лучше работает:

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

Выделить код

Код:

.menupopup-arrowscrollbox {
  --uc-scrollbox-overflow: auto;
}
scrollbox { overflow-y: var(--uc-scrollbox-overflow,initial) !important }

Отредактировано kokoss (23-04-2023 22:07:17)

Northtech · №12948

kokoss, работает, спасибо. Только прокрутку табов (или что это) стало показывать (когда мало вкладок и наводишь в то место курсор), как бы исключить этот момент?

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

Отредактировано Northtech (25-04-2023 17:35:04)

kokoss · №12949

Northtech пишет

Только прокрутку табов (или что это) стало показывать (когда мало вкладок и наводишь в то место курсор), как бы исключить этот момент?

Со вторым кодом так же?

Northtech · №12950

kokoss
да, аналогично.
scrollbox на это влияет, а ограничить зону действия типа "scrollbox:not([...])" не получается.

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

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