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

Vitaliy V. · №5251

Справа от пунктов главного меню написаны комбинации клавиш. Как их убрать?

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

Код:

#appMenu-popup .subviewbutton[shortcut]::after {
    display: none !important;
}

drage2 пишет

выделение текста в URL. Текст- бледносиний , выделение - белый...Как вернуть?

для всех textbox

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

Выделить код

Код:

textbox *|input::-moz-selection {
    color: highlighttext !important;
    background-color: highlight !important;
}

Karn · №5252

Vitaliy V. пишет

в userChrome.css, не только для боковой
скрытый текст
Выделить код
Код:
treerows, treerows scrollbar, scrollbox, .panel-subview-body, #customization-palette, #customization-panel-container, #widget-overflow-fixed-list {
    scrollbar-color: rgb(0,116,232) transparent;
    scrollbar-width: thin;
}

Спасибо большое, осталось справиться с скроллбарами на самих страницах, например, в поле "Код" под спойлером. Они цвет поменяли и потеряли стрелки, но размер остался большим.

Ещё, кстати, знаю, есть возможность, чтобы текст заползал под скролл, не помните код? Для боковой панели это будет уместно.

drage2 · №5253

Vitaliy V.
Теперь почти идеально. Правда, на скролле нема arrow... как-то непривычно..

x0009 · №5254

Сам нашел

Выделить код

Код:

/*Скрыть отступы слева и справа от адресной строки*/
#urlbar {margin-left: -2px !important; margin-right: 0px !important;}

Вит · №5255

Vitaliy V.
Можно ли убрать из поисковой строки: https:// ?

Отредактировано Вит (15-12-2018 19:46:31)

Vitaliy V. · №5256

Karn пишет

но размер остался большим.

добавьте div, textarea и т.д
или всё заменить на универсальный селектор * но он медленный

Karn пишет

чтобы текст заползал под скролл

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/places/") {
    scrollbar {
        position: relative !important;
        z-index: 2147483647 !important;
    }

    scrollbar[orient="vertical"] {
        margin-left: -6px !important;
    }

    scrollbar[orient="horizontal"] {
        margin-top: -6px !important;
    }
}

Вит пишет

Можно ли убрать из поисковой строки: https:// ?

может из адресной

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

Выделить код

Код:

#urlbar *|input.urlbar-scheme[textoverflow="start"] {
    visibility: hidden !important;
}

#urlbar *|input.urlbar-input[textoverflow="start"]:not([focused]) {
    mask-image: linear-gradient(to right, transparent, black 3ch) !important;
}

Отредактировано Vitaliy V. (15-12-2018 20:59:18)

Вит · №5257

Vitaliy V.
Извините:из Адресной. Но никак не убирается:куда бы я ваш код не вставлял. Все равно остается https:// mail.ru (для примера)

Karn · №5258

Vitaliy V.
Спасибо большое, а в чём Вы смотрите id объектов у свежих FF, DOM Inspector то отвалился? В Browser Toolbar-е?

Vitaliy V. · №5259

Вит
это когда адрес длинный не вмешается слева добавляется https:// если не видно начала адреса
данный код убирает https://

Karn пишет

а в чём Вы смотрите id объектов у свежих FF, DOM Inspector то отвалился? В Browser Toolbar-е?

Да

Karn · №5260

Vitaliy V.
Ещё вот один раздражающий момент остался, сам не осилил. Не в курсе ли, как убрать одно-пиксельный отступ у скроллбаров? С интерфейсными скроллами помог margin-right: -1px, но решение не идеально, между самими пунктами и границей эта пиксельная полоса остаётся.

Кстати, ещё почему-то на некоторых сайтах ширина меняется, нельзя ли им это запретить?

Отредактировано Karn (16-12-2018 00:28:28)

Вит · №5261

Vitaliy V.
Понял, спасибо

Вит · №5262

Vitaliy V.
А как в контекстное меню страницы добавить Переводчик, если нeт S3 Translator

Vitaliy V. · №5263

Karn пишет

Не в курсе ли, как убрать одно-пиксельный отступ у скроллбаров?

да не должно там вроде отступов быть у меня нет
стилей других нет?

Karn пишет

Кстати, ещё почему-то на некоторых сайтах ширина меняется, нельзя ли им это запретить?

я не добавлял !important; специально чтобы сайты могли изменить вид скроллбара
так что можете добавить
так же меняется их размер вместе с масштабированием страницы, с этим ничего не поделать стилем

Вит пишет

А как в контекстное меню страницы добавить Переводчик, если нeт S3 Translator

а что кроме S3 Translator переводчиков нет что-ли

Karn · №5264

Vitaliy V. пишет

Karn пишет
Не в курсе ли, как убрать одно-пиксельный отступ у скроллбаров?
да не должно там вроде отступов быть у меня нет
стилей других нет?

Других стилей нет, но в стандартном скролле Windows они есть, и слева, кстати, тоже. У Вас же линукс?
Вот как это выглядит в Firefox и в стороннем ПО Windows. Около границы экрана очень заметно.

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

Vitaliy V. пишет

Karn пишет
Кстати, ещё почему-то на некоторых сайтах ширина меняется, нельзя ли им это запретить?
я не добавлял !important; специально чтобы сайты могли изменить вид скроллбара
так что можете добавить
так же меняется их размер вместе с масштабированием страницы, с этим ничего не поделать стилем

Спасибо, сам не догадался, оказывается, при масштабе 150% ширина скролла уменьшается и отступ увеличивается до 2 пикселей.

skynet281978 · №5265

Здравствуйте.
Есть ли нормально работающий стиль чтобы сделать многострочной строку вкладок или расширение может появилось какое-то?
в сети нарыл стили, но там в каждом косяк - перетаскивание вкладок для сортировки не работает нормально.
получается перетащить только на первую или вторую строки с любой другой (снизу вверх по строкам) и то не в любое место.
плюс не всегда вкладки возможно перемещать вправо в нужное положение.

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
    display: block !important;
}

.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
    display: none !important;
}

.tabbrowser-tab {
    min-height: var(--tab-min-height) !important;
    vertical-align: bottom !important;
}

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_multiple_lines.css
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_multiple_lines_v2.css

Отредактировано skynet281978 (17-12-2018 07:44:03)

drage2 · №5266

Vitaliy V.
Вопрос,а как из темной темы убрать редактирование кнопок, в смысле , чтобы в кнопках редактирование без темных тонов было...не видно же не фига.

Vitaliy V. · №5267

drage2 пишет

чтобы в кнопках редактирование без темных тонов было...не видно же не фига

в персонализации что ли?
ну сделай системный цвет

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

Выделить код

Код:

#customization-container:-moz-lwtheme-brighttext {
    background-color: -moz-dialog !important;
    background-image: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)) !important;
    color: -moz-dialogtext !important;
    text-shadow: none !important;
}

drage2 · №5268

Vitaliy V.

Не , не персонализации , просто это...Перелопатил весь userchrome.css .... и никак

Отредактировано drage2 (17-12-2018 13:45:22)

Vitaliy V. · №5269

drage2 пишет

не персонализации

не CB не пользуюсь, ставить лень

drage2 пишет

Перелопатил весь userchrome.css

используй Browser Toolbox https://developer.mozilla.org/en-US/doc … a_document

Отредактировано Vitaliy V. (17-12-2018 14:08:14)

ALEX_45_ORP · №5270

del

Отредактировано ALEX_45_ORP (17-12-2018 18:32:37)

Александр7667 · №5271

Установил firefox (версия 64), помогите пожалуйста советом, как сделать открытые вкладки снизу. Т.е. чтобы получилась структура: вначале адресная строка, под ней панель закладок, а уже под ней открытые вкладки. Сейчас же открытые вкладки находятся на самом верху, что ОЧЕНЬ не удобно

dezhnev · №5272

используй Browser Toolbox https://developer.mozilla.org/en-US/doc … a_document

О, а не подскажете как его и инспектор вызвать командой, например Web Console вызываю так:

Выделить код

Код:

let { require } = Cu.import('resource://devtools/shared/Loader.jsm', {});
let { HUDService } = require('devtools/client/webconsole/hudservice');
HUDService.openBrowserConsoleOrFocus();

Пробовал нажать на кнопку:

Выделить код

Код:

document.getElementById('menuitem_inspector').doCommand();

но выдает null, пока не зайду в Web Developer меню
думаю надо через resource://devtools/client/framework/ToolboxProcess.jsm

Vitaliy V. · №5273

dezhnev пишет

О, а не подскажете как его и инспектор вызвать командой, например Web Console вызываю так:

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

Выделить код

Код:

// Browser Toolbox
document.querySelector("key#key_browserToolbox").doCommand();
// Inspector
document.querySelector("key#key_inspector").doCommand();
// Web Console
document.querySelector("key#key_webconsole").doCommand();

1fesFFFF · №5274

Можно ли в FF 64 cделать, чтобы в контекстном меню строка "искать в гугле..." имела значок этого гугла ? Как на фото:

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

sandro79 · №5275

Александр7667 пишет: как сделать открытые вкладки снизу. Т.е. чтобы получилась структура: вначале адресная строка, под ней панель закладок, а уже под ней открытые вкладки.

https://forum.mozilla-russia.org/viewtopic.php?id=73547 или https://forum.mozilla-russia.org/viewto … 20#p763820

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

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