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

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

№430130-05-2018 21:41:43

jursha
Участник
 
Группа: Members
Зарегистрирован: 30-05-2018
Сообщений: 6
UA: Firefox 60.0

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

Vitaliy V.

Полагаете этого достаточно?
linux, граф. оболочка, тема gtk,  какие?
кнопок нет совсем не работают, или только не отображаются но работают?
у меня кстати кнопки есть, если отключить заголовок, debian + mate + adapta-gtk-theme

Извиняюсь за непоную информацию, не ожидал здесь, что важно.
0356551001527704143.png
Я полагал, что можно кодом (подобно тем который местами меняет поиск, меню и вкладки) перенести меню в заголовок.
Кнопки есть, работают, только невидимые. Я предполагал, что возможно кнопок невидно из-за темы, но надеялся обойтись вышеописанным способом.
Вот вариант с вашим стилем:
0402603001527704143.png
Раз у Вас тоже Debian, то Вы наверняка в курсе, что графические темы в нем, такая же больная тема (извиняюсь за тавтологию) как и новый дизайн firefox с новыми обновлениями.
Если нет возможности с кодом, может можно раскрасить обрезанный заголовок под нынешний вариант?
0196905001527705194.png

Отсутствует

 

№430231-05-2018 11:32:58

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

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

jursha пишет

Я полагал, что можно кодом (подобно тем который местами меняет поиск, меню и вкладки) перенести меню в заголовок.

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

jursha пишет

Раз у Вас тоже Debian, то Вы наверняка в курсе, что графические темы в нем, такая же больная тема

Ну если те что по умолчанию использовать... у меня на Debian sid с adapta-gtk-theme пока что всё норм.

jursha пишет

Если нет возможности с кодом, может можно раскрасить обрезанный заголовок под нынешний вариант?

Вроде у вас другая тема для оконного менеджера, BlueMenta выглядит иначе, лучше использовать одинаковые темы т. к. FF не будет использовать разные темы
Насчет кода думаю лучше править конкретную тему, для BlueMenta файл /usr/share/themes/BlueMenta/gtk-3.0/window-controls.css
если изменить вот так то кнопки появятся

скрытый текст
/*left & right not set for ssd by metacity,mutter, g-s, include this case*/
headerbar button.minimize.titlebutton,
headerbar button.maximize.titlebutton,
headerbar button.close.titlebutton,
headerbar button.minimize.titlebutton:backdrop,
headerbar button.maximize.titlebutton:backdrop,
headerbar button.close.titlebutton:backdrop,

headerbar .right button.minimize.titlebutton,
headerbar .right:dir(rtl) button.minimize.titlebutton,
headerbar .left button.minimize.titlebutton,
headerbar .left:dir(rtl) button.minimize.titlebutton,
headerbar .right button.maximize.titlebutton,
headerbar .right:dir(rtl) button.maximize.titlebutton,
headerbar .left button.maximize.titlebutton,
headerbar .left:dir(rtl) button.maximize.titlebutton,
headerbar .right button.close.titlebutton,
headerbar .right:dir(rtl) button.close.titlebutton,
headerbar .left button.close.titlebutton,
headerbar .left:dir(rtl) button.close.titlebutton {
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
}

/* Set correct layout with
    gsettings set org.gnome.settings-daemon.plugins.xsettings overrides "{'Gtk/DecorationLayout': <':minimize,maximize,close'>}" for
    buttons on the right or
    gsettings set org.gnome.settings-daemon.plugins.xsettings overrides "{'Gtk/DecorationLayout': <'close,maximize,minimize:'>}"
    for buttons on the left */

/* minimize */
headerbar  button.minimize.titlebutton,
headerbar .right button.minimize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop,
headerbar .left button.minimize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop,
headerbar .right button.minimize.titlebutton,
headerbar .right:dir(rtl) button.minimize.titlebutton,
headerbar .left button.minimize.titlebutton,
headerbar .left:dir(rtl) button.minimize.titlebutton {
    background-image: url('window-controls/minimize_focused_normal.png');
}

headerbar button.minimize.titlebutton:hover,
headerbar .right button.minimize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
headerbar .left button.minimize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover,
headerbar .right button.minimize.titlebutton:hover,
headerbar .right:dir(rtl) button.minimize.titlebutton:hover,
headerbar .left button.minimize.titlebutton:hover,
headerbar .left:dir(rtl) button.minimize.titlebutton:hover {
    background-image: url('window-controls/minimize_focused_prelight.png');
}

headerbar button.minimize.titlebutton:active,

headerbar .right button.minimize.titlebutton:active,
headerbar .right:dir(rtl) button.minimize.titlebutton:active,
headerbar .left button.minimize.titlebutton:active,
headerbar .left:dir(rtl) button.minimize.titlebutton:active,
headerbar .right button.minimize.titlebutton:checked,
headerbar .right:dir(rtl) button.minimize.titlebutton:checked,
headerbar .left button.minimize.titlebutton:checked,
headerbar .left:dir(rtl) button.minimize.titlebutton:checked {
    background-image: url('window-controls/minimize_focused_pressed.png');
}

/*
headerbar  button.minimize.titlebutton:backdrop,
headerbar .right button.minimize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop,
headerbar .left button.minimize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop {
    background-image: url('window-controls/minimize_unfocused.png');
}
headerbar button.minimize.titlebutton:backdrop:hover,
headerbar .right button.minimize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.minimize.titlebutton:backdrop:hover,
headerbar .left button.minimize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.minimize.titlebutton:backdrop:hover {
    background-image: url('window-controls/minimize_unfocused_prelight.png');
}
*/

/* maximize */
headerbar button.maximize.titlebutton,
headerbar .right button.maximize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop,
headerbar .left button.maximize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop,
headerbar .right button.maximize.titlebutton,
headerbar .right:dir(rtl) button.maximize.titlebutton,
headerbar .left button.maximize.titlebutton,
headerbar .left:dir(rtl) button.maximize.titlebutton {
    background-image: url('window-controls/maximize_focused_normal.png');
}

headerbar button.maximize.titlebutton:hover,
headerbar .right button.maximize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
headerbar .left button.maximize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover,
headerbar .right button.maximize.titlebutton:hover,
headerbar .right:dir(rtl) button.maximize.titlebutton:hover,
headerbar .left button.maximize.titlebutton:hover,
headerbar .left:dir(rtl) button.maximize.titlebutton:hover {
    background-image: url('window-controls/maximize_focused_prelight.png');
}

headerbar button.maximize.titlebutton:active,
headerbar .right button.maximize.titlebutton:active,
headerbar .right:dir(rtl) button.maximize.titlebutton:active,
headerbar .left button.maximize.titlebutton:active,
headerbar .left:dir(rtl) button.maximize.titlebutton:active,
headerbar .right button.maximize.titlebutton:checked,
headerbar .right:dir(rtl) button.maximize.titlebutton:checked,
headerbar .left button.maximize.titlebutton:checked,
headerbar .left:dir(rtl) button.maximize.titlebutton:checked {
    background-image: url('window-controls/maximize_focused_pressed.png');
}

/*
headerbar button.maximize.titlebutton:backdrop,
headerbar .right button.maximize.titlebutton:backdrop,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop,
headerbar .left button.maximize.titlebutton:backdrop,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop {
    background-image: url('window-controls/maximize_unfocused.png');
}

headerbar button.maximize.titlebutton:backdrop:hover,

headerbar .right button.maximize.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.maximize.titlebutton:backdrop:hover,
headerbar .left button.maximize.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.maximize.titlebutton:backdrop:hover {
    background-image: url('window-controls/maximize_unfocused_prelight.png');
}
*/

/* close */
headerbar button.close.titlebutton,
headerbar .right button.close.titlebutton:backdrop,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop,
headerbar .left button.close.titlebutton:backdrop,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop,
headerbar .right button.close.titlebutton,
headerbar .right:dir(rtl) button.close.titlebutton,
headerbar .left button.close.titlebutton,
headerbar .left:dir(rtl) button.close.titlebutton {
    background-image: url('window-controls/close_focused_normal.png');
    /*padding: 2px 6px 3px 3px;*/ /* FIXME: Uncomment this shit when using the Faenza icon theme and maybe some other icon themes */
}

headerbar button.close.titlebutton:hover,
headerbar .right button.close.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
headerbar .left button.close.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop:hover,
headerbar .right button.close.titlebutton:hover,
headerbar .right:dir(rtl) button.close.titlebutton:hover,
headerbar .left button.close.titlebutton:hover,
headerbar .left:dir(rtl) button.close.titlebutton:hover {
    background-image: url('window-controls/close_focused_prelight.png');
}

headerbar button.close.titlebutton:active,
headerbar .right button.close.titlebutton:active,
headerbar .right:dir(rtl) button.close.titlebutton:active,
headerbar .left button.close.titlebutton:active,
headerbar .left:dir(rtl) button.close.titlebutton:active,
headerbar .right button.close.titlebutton:checked,
headerbar .right:dir(rtl) button.close.titlebutton:checked,
headerbar .left button.close.titlebutton:checked,
headerbar .left:dir(rtl) button.close.titlebutton:checked {
    background-image: url('window-controls/close_focused_pressed.png');
}

/*
headerbar button.close.titlebutton:backdrop:hover,
headerbar .right button.close.titlebutton:backdrop,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop,
headerbar .left button.close.titlebutton:backdrop,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop {
    background-image: url('window-controls/close_unfocused.png');
}

headerbar .right button.close.titlebutton:backdrop:hover,
headerbar .right:dir(rtl) button.close.titlebutton:backdrop:hover,
headerbar .left button.close.titlebutton:backdrop:hover,
headerbar .left:dir(rtl) button.close.titlebutton:backdrop:hover {
    background-image: url('window-controls/close_unfocused_prelight.png');
}
*/

.titlebar button.close.titlebutton image {
    /* fake request     to avoid usage of regular window-close button*/
    -gtk-icon-style: requested;
}

/* Menu button when fallback kicks in (XFCE, Cinnamon etc.) */
/*
headerbar .button.popup.titlebutton {
    background-image: url('window-controls/menu.png');
}

headerbar .button.popup.titlebutton:hover {
    background-image: url('window-controls/menu_prelight.png');
}

headerbar .button.popup.titlebutton:active {
    background-image: url('window-controls/menu.png');
}
*/

/* gtk+-3.20 */
headerbar button.close.titlebutton,
headerbar button.minimize.titlebutton,
headerbar button.maximize.titlebutton {
    border-width: 0px;
    border-image: none;
    background-color: transparent;
}

headerbar button.close.titlebutton image,
headerbar button.minimize.titlebutton image,
headerbar button.maximize.titlebutton image {
        color: transparent;
}


Выделено то что добавлено, вот примерно так можно исправить и другие темы

Отредактировано Vitaliy V. (31-05-2018 11:45:01)

Отсутствует

 

№430301-06-2018 07:34:26

jursha
Участник
 
Группа: Members
Зарегистрирован: 30-05-2018
Сообщений: 6
UA: Firefox 60.0

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

Благодарю за помощь.

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

Понял. Или сидеть с нормальным заголоввком или бодаться с темами оформления.

у меня на Debian sid с adapta-gtk-theme пока что всё норм.

Поделитесь пакетом? С https://www.gnome-look.org/p/1190851/ скачал deb пакет, но полноценно не встал, при выборе темы Adapta пишет:эта тема не будет выглядеть так как задумано потому что gtk+ Adapta не установлена.

Вроде у вас другая тема для оконного менеджера, BlueMenta выглядит иначе, лучше использовать одинаковые темы т. к.

Верно, забыл. Рамки окон были от Mint-Y-Dark. Когда с debian 8 переходил на debian 9 пришлось повозиться с темами, что бы более менее сохранить внешний вид
настроенной jessy так как темы от 8 в 9 нормально напрочь отказовались работать.
За правку темы спасибо, но подобрал среднее из Adapta. Последний раз когда правил тему проблемы пошли по нарастающей от потери рамки выделения, до кривого меню.

Отсутствует

 

№430401-06-2018 11:32:47

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

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

jursha пишет

Поделитесь пакетом? С https://www.gnome-look.org/p/1190851/ скачал deb пакет, но полноценно не встал

Нужно установить оригинальную тему https://github.com/adapta-project/adapta-gtk-theme
если не хотите собирать пакет можно скачать с PPA: https://launchpad.net/~tista/+archive/ubuntu/adapta

P.S. кстати я использую adapta-gtk-theme вместе с темой значков papirus-icon-theme
можете попробовать она есть в репозиториях testing и unstable
вот так всё это выглядит у меня Скриншот

Отредактировано Vitaliy V. (01-06-2018 12:50:55)

Отсутствует

 

№430501-06-2018 23:23:11

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

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

Vitaliy V. Виталий, приветствую. А Вы не могли бы сделать прозрачность выпадающему списку панели поиска, как в этом сообщении сделали для адресной строки. Данный код работает и по сей день, даже в 62 nightly. Буду признателен. Спасибо.

Скриншот того что получилось, добавлено лого firefox, разделители и подсветка aero при наведении курсора
d1ef7c33a0ed.png

Отсутствует

 

№430602-06-2018 14:07:51

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 288
UA: Firefox 60.0

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

Vitaliy V. пишет

настраивать в файле openwith.xml

А можно сделать по аналогии с «Открыть страницу в IE» такой же пункт, но для скачки видео с YouTube с помощью youtube-dl ➜  youtube-dl -f bestvideo+bestaudio %OpenURI.
Само собою, чтобы оно работало не на всех страницах, а только на youtube.com или по правой кнопке на URL встроенного видео.

Я подымал такой вопрос в теме по GreaseMonkey, но отклика не получил.

Отредактировано leshiy_odessa (02-06-2018 14:08:44)

Отсутствует

 

№430702-06-2018 21:19:59

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 496
UA: Firefox 52.0

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

Vitaliy V. пишет

ez7pac
только для Windows и Linux,
macOS не имею...
скачать
настраивать в файле openwith.xml

скрытый текст
var attrimage = true; // true или false Добавить иконки (атрибут "image") или нет
// ["ID пункта", "имя приложения", "путь к приложению", "аргументы", "иконка (для ОС Windows необязательно)"],
var arrayWindows = [ // для ОС Windows
    ["iexplore", "IE", "C:\\Program Files\\Internet Explorer\\iexplore.exe", "%OpenURI"],
    ["edge", "Microsoft Edge", "C:\\Windows\\explorer.exe", "microsoft-edge:%OpenURI", "moz-icon://file://C:\\Windows\\SystemApps\\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\\MicrosoftEdge.exe?size=16"],
    ["palemoon", "Pale Moon", "C:\\Program Files\\Pale Moon\\palemoon.exe", "-P,default,-new-tab,%OpenURI"],
];
var arrayLinux = [ // для ОС Linux
    ["palemoon", "Pale Moon", "/usr/bin/palemoon", "-P,default,-new-tab,%OpenURI", "file:///usr/lib/palemoon/browser/chrome/icons/default/default16.png"],
];

Прикольно! Не подозревал, что с css даже такое можно вытворять.

Два вопроса:

В 52 этот пакет вызывает дублирование контестного меню. Имею при клике на ссылку «открыть ссылку в новой вкладке, в новом окне, etc», потом «открыть в IE, Edge, PaleMoon», потом снова «открыть в IE, Edge, PaleMoon», потом остальное меню. Чё это может быть?

В 60 использую CustomCSSforFx и при попытке добавить этот пакет в my_userChrome.css (раскомментировав импорт оного) — не работает. Как совместить?

P.s. В 60 без CustomCSSforFx тоже меню дублируется.
P.p.s. W7

Отсутствует

 

№430802-06-2018 21:40:58

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

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

sandro79
Это для выпадающего списка адресной и поисковой строки

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

Выделить код

Код:

panel[type="autocomplete-richlistbox"]  {
    --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
    --arrowpanel-dimmed-further: rgba(0,72,217,0.8) !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-border-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-color: rgb(244,244,245) !important;
    --arrowpanel-color: rgb(244,244,245) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
}

panel[type="autocomplete-richlistbox"] :-moz-any(.search-panel-header,.searchbar-engine-one-off-item) {
    color: var(--autocomplete-popup-color) !important;
}


leshiy_odessa
Если качалка (или её плагины) поддерживают закачку со ссылки на страницу (не видео) то добавляйте, что мешает.
У меня IDA, но и всякие DM, IDM такое должны поддерживать.
скрытый текст
2018-06-02_212531.png

Также можно добавить плеер для просмотра, PotPlayer, VLC и т. п.

Wave
потом гляну как в 52 работает

Отсутствует

 

№430902-06-2018 22:00:45

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 496
UA: Firefox 52.0

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

Vitaliy V., в постскриптуме написал, что начистую без CustomCSSforFx в 60 этот пакет тоже даёт дублированное меню «открыть в». Хотя, может, виноват какой-нибудь из аддонов, который у меня в обоих браузерах есть. Tree Style Tab или какой из подобных. Лень выяснять. Интересней узнать, как всё-таки совместить с CustomCSSforFx.

А вообще, можно поставить аддон Open With и не париться. Не думаю, что аддон даст больше нагрузку на браузер, чем такой трюк.
Млин! Будь проклят этот хренов квантум! Для такого простого аддона теперь нужно питон ставить!

Отредактировано Wave (02-06-2018 22:07:52)

Отсутствует

 

№431002-06-2018 22:26:04

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

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

Vitaliy V. пишет

Это для выпадающего списка адресной и поисковой строки

Два в одном - великолепно! Огромная Вам Благодарность за помощь :beer: Под спойлером фотоотчёт.
00d5a122a978.png6c6f4100c95a.png

Отсутствует

 

№431102-06-2018 22:38:35

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 60.0

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

Wave пишет

В 52 этот пакет вызывает дублирование контестного меню. Имею при клике на ссылку «открыть ссылку в новой вкладке, в новом окне, etc», потом «открыть в IE, Edge, PaleMoon», потом снова «открыть в IE, Edge, PaleMoon», потом остальное меню. Чё это может быть?

В 52 Menu Wizard отлично работает. Вот тут расписано как прописать в меню "Открыть в IE"

Отсутствует

 

№431202-06-2018 23:25:03

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 496
UA: Firefox 52.0

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

Ещё лучше в 52 работает «Open With» 6.8.6.
А с 60 (esr, если чо) для «Open With» нужен питон в системе. «S3 Menu Wizard» не работает, не ставится. Этот трюк — я опробовал совсем пустой профиль — даёт дублирование меню.

Отсутствует

 

№431303-06-2018 00:04:22

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

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

Wave пишет

В 60 использую CustomCSSforFx и при попытке добавить этот пакет в my_userChrome.css (раскомментировав импорт оного) — не работает. Как совместить?
P.s. В 60 без CustomCSSforFx тоже меню дублируется.

Работает в CustomCSSforFx через my_userChrome.css. Насчёт дублирования - не заметил, только открыть страницу и открыть ссылку в конт. меню. Можете глянуть как я подключил данный инструмент в CustomCSSforFx - скачать архив.

Скрин конт. меню
06cb2ce97947.png

Отсутствует

 

№431403-06-2018 00:14:12

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

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

Wave
Не, не смог воспроизвести у меня не дублирует, да и не должно быть такого. Профиль точно чистый, прям только созданный, и других стилей нет?

Отредактировано Vitaliy V. (03-06-2018 00:15:00)

Отсутствует

 

№431503-06-2018 00:39:20

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 496
UA: Firefox 52.0

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

Vitaliy V. пишет

Профиль точно чистый, прям только созданный, и других стилей нет?

D:\TOOLS\inet\Firefox-quantum\firefox.exe -no-remote -profile D:\TOOLS\inet\MozillaProfiles\Firefox-quantum

В D:\TOOLS\inet\MozillaProfiles\Firefox-quantum только папка chrome, в которую распаковал только openwith.zip

"Результат вот"
TrNcf4v.jpg

Отредактировано Wave (03-06-2018 00:43:17)

Отсутствует

 

№431603-06-2018 00:41:42

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

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

Wave
Ну и чего там дублируется? Открыть страницу и открыть ссылку разницу видите?

Отсутствует

 

№431703-06-2018 00:50:40

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 496
UA: Firefox 52.0

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

Упс. Я слепой. Только после ваших слов увидел разницу. А можно тогда подменю организовать, что ли? раздражает восемь-десяток-дюжина пунктов меню на открытие страницы и ссылки при том, что всех остальных пунктов как бы не меньше. Или хотя бы когда кликаешь по ссылке, не было пунктов с открытием страницы.

P.s. Я себе разделю на два цикла. Мне не нужно открытие страницы в wget, dm, pot и не очень нужно открытие ссылки в разных браузерах. В общем, подумаю, как лучше.

Отредактировано Wave (03-06-2018 00:59:52)

Отсутствует

 

№431803-06-2018 01:04:57

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

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

Wave
Подменю нет, лень да и не удобно кликать, для скрытия пунктов  когда кликаешь по ссылке можно такой стиль применить

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

Выделить код

Код:

#contentAreaContextMenu #context-openlinkintab:not([hidden="true"]) ~ menuitem[id^="open-current-page-with-"] {
    display: none !important;
}

Отредактировано Vitaliy V. (03-06-2018 01:06:04)

Отсутствует

 

№431903-06-2018 01:18:46

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 496
UA: Firefox 52.0

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

Спасибо! Подойдёт.

Отсутствует

 

№432003-06-2018 05:32:21

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 310
UA: Firefox 57.0

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

Vitaliy V. пишет

Это для выпадающего списка адресной и поисковой строки

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

Выделить код

Код:

panel[type="autocomplete-richlistbox"]  {
    --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
    --arrowpanel-dimmed-further: rgba(0,72,217,0.8) !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-border-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-color: rgb(244,244,245) !important;
    --arrowpanel-color: rgb(244,244,245) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
}

panel[type="autocomplete-richlistbox"] :-moz-any(.search-panel-header,.searchbar-engine-one-off-item) {
    color: var(--autocomplete-popup-color) !important;
}

Блин, классно ;) Только как найти, с чем конфликтует, если не работает? Подскажите, пожалуйста :blush:


Вот же ёшкин кот :angry: В папке chrome - только файл userChrome.css, а в нём - только код для прозрачного фона выпадающих списков адресной и поисковой строк (который под спойлером) - всё равно не работаеть :blush: Vitaliy V., может, этот стиль для [firefox] 57 не годится?

Отредактировано Viatcheslav (03-06-2018 06:39:26)

Отсутствует

 

№432103-06-2018 11:51:53

i629701
Участник
 
Группа: Members
Зарегистрирован: 28-05-2018
Сообщений: 4
UA: Firefox 60.0

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

Помогите кто чем может. Мне необходимо заменить стандартную иконку в огнелисе на свою.
Конкретно я говорю вот об этом элементе:

Я хочу заменить на это.


Я нашел некоторые инструкции в интернете, но они мне не подходят, потому что у меня Linux.
Подскажите пожалуйста что делать.
Спасибо.

Отсутствует

 

№432203-06-2018 15:57:41

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

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

Viatcheslav пишет

этот стиль для [firefox] 57 не годится?

Да он для [firefox] 60+
для версий ниже такой

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {

panel[type="autocomplete"],
panel[type="autocomplete-richlistbox"] {
    -moz-appearance: none !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    background-color: rgba(11,11,12,0.7) !important;
    background-image: none !important;
    color: rgb(244,244,245) !important;
    --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
    --arrowpanel-dimmed-further: rgba(0,72,217,0.8) !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-border-color: rgba(255,255,255,0.4) !important;
    --arrowpanel-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-background: rgba(11,11,12,0.7) !important;
    --autocomplete-popup-color: rgb(244,244,245) !important;
    --arrowpanel-color: rgb(244,244,245) !important;
    --urlbar-popup-url-color: rgb(89,145,212) !important;
    --urlbar-popup-action-color: rgb(127,255,212) !important;
}

panel[type="autocomplete"] .autocomplete-search-box,
panel[type="autocomplete-richlistbox"] richlistbox {
    -moz-appearance: none !important;
    background: none !important;
}

panel[type="autocomplete"] treechildren::-moz-tree-cell-text, 
panel[type="autocomplete"] :-moz-any(.autocomplete-search-box,.search-panel-header,.searchbar-engine-one-off-item),
panel[type="autocomplete-richlistbox"] :-moz-any(richlistbox,.autocomplete-richlistitem,.search-panel-header,.searchbar-engine-one-off-item),
panel[type="autocomplete-richlistbox"] :-moz-any(.ac-title,.ac-separator):not([selected="true"]),
panel[type="autocomplete-richlistbox"] treechildren::-moz-tree-cell-text {
    color: rgb(244,244,245) !important;
}

panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([selected="true"]):not(:hover) .ac-url-text {
    color: rgb(89,145,212) !important;
}

panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([selected="true"]):not(:hover) .ac-action-text {
    color: rgb(127,255,212) !important;
}

panel[type="autocomplete"] .search-panel-input-value,
panel[type="autocomplete-richlistbox"] .search-panel-input-value {
    color: rgb(128,170,255) !important;
}

panel[type="autocomplete"] treechildren.autocomplete-treebody::-moz-tree-row(selected) {
    background-color: rgba(0,72,217,0.8) !important;
}

panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([selected="true"]) :-moz-any(.ac-type-icon[type="keyword"],.ac-site-icon[type="searchengine"]) {
    fill: rgb(178,178,179) !important;
}

panel[type="autocomplete"] treechildren::-moz-tree-cell-text(hover),
panel[type="autocomplete"] treechildren.autocomplete-treebody::-moz-tree-cell-text(selected),
panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([disabled="true"]):hover :-moz-any(.ac-url-text,.ac-action-text) {
    color: rgb(255,255,255) !important;
}

panel[type="autocomplete"] .searchbar-engine-one-off-item[selected="true"],
panel[type="autocomplete-richlistbox"] .autocomplete-richlistitem:not([disabled="true"]):hover,
panel[type="autocomplete-richlistbox"] :-moz-any(.autocomplete-richlistitem,.searchbar-engine-one-off-item)[selected="true"] {
    color: rgb(255,255,255) !important;
    background-color: rgba(0,72,217,0.8) !important;
    background-image: none !important;
    border-color: transparent !important;
}

}

i629701 пишет

Мне необходимо заменить стандартную иконку в огнелисе на свою.
Конкретно я говорю вот об этом элементе:

стилем в userChrome.css нельзя изменить заголовок окна если речь о нём,
но можно заменить иконки в папке установки [firefox], у вас может быть другая директория
/usr/lib/firefox/browser/chrome/icons/default


Тут попросили добавить к моему стилю для панели поиска - автоскрытие при клике на странице или по Ctrl + f
заодно сам стиль немного доработал Скачать

скриншот
2018-06-03_154610.png

upd: обновил findbar.xml

Отредактировано Vitaliy V. (04-06-2018 13:56:55)

Отсутствует

 

№432303-06-2018 16:17:56

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 310
UA: Firefox 57.0

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

Vitaliy V. пишет

Тут попросили добавить к моему стилю для панели поиска - автоскрытие при клике на странице или по Ctrl + f
заодно сам стиль немного доработал Скачать

Эта панель поиска тоже для [firefox] 60+?

Отсутствует

 

№432403-06-2018 16:35:51

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

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

Viatcheslav пишет

Эта панель поиска тоже для [firefox] 60+?

Нет, даже на 52 работает, но желательно с 57+

Отсутствует

 

№432503-06-2018 19:42:13

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 60.0

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

Vitaliy V. пишет

Тут попросили добавить к моему стилю для панели поиска - автоскрытие при клике на странице или по Ctrl + f
заодно сам стиль немного доработал Скачать

Круто то что надо, спасибо!
Только я налево переделал, а нельзя сделать по таймауту автоскрытие?
Бывает когда надо чтобы дольше держал пойск, если выделенно несколько запросов.

Отредактировано func4ptch4 (03-06-2018 20:00:28)

Отсутствует

 

Board footer

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