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

lokiju · №3901

j23
Image Search for Google – Дополнения для Firefox

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

Код:

.menu-iconic-text[value="Search Image for Google"] {display:none!important; }
.menuitem-iconic[label="Search Image for Google"]:after {content:" Поиск картинок" !important;}

Отредактировано lokiju (20-02-2018 14:45:10)

j23 · №3902

lokiju
Вот такая штука вышла:

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

lokiju · №3903

j23

тогда для ваших виндоус так

Выделить код

Код:

.menu-iconic-text[value="Search Image for Google"] {display:none!important; }
.menuitem-iconic[label="Search Image for Google"]:after {content:" \041F \043E \0438 \0441 \043A  \043A \0430 \0440 \0442 \0438 \043D \043E \043A " !important;}

j23 · №3904

lokiju
Если предпоследний код вставить в Stylish, то буквы отображаются правильно. (Хотя, изначально я написал в эту тему.)
Но интервал перед текстом всё равно остается:

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

(Иконка расширения у меня скрыта, но и с ней такой же вид)

Пока что, дописал во вторую строчку margin-left: -20px
lokiju, большое спасибо за помощь!

Отредактировано j23 (20-02-2018 17:29:21)

Syhar · №3905

Всем привет! Заранее прошу прощения если вопрос уже обсуждался, поиском ответа не нашёл.
Дано:
- фаерфокс 57-58 (новый профиль без ничего)
- Windows 7 с классической темой
- Windows 8.1 с разными темами.
- 'Classic' CSS tweaks for Firefox 57+ v1.7.2 (и более ранние тоже пробовал)
- в userChrome.css раскомментирована одна строка:
@import url(./css/tabs/tabs_below_main_content.css); /**/ /* <--- EXPERIMENTAL */

Проблема - при просмотре ютуба на полный экран внизу экрана есть непрозрачная полоса (при экране 1920х1080 высота полосы 27 пикселов)

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

https://drive.google.com/open?id=1QY_WRSrlrsmGACWj79-y08vPu2HU4sP8

Вопрос: как убрать эту полосу? Не то чтобы сильно мешает, но неакуратно как-то

Заранее спасибо.

Viatcheslav · №3906

Syhar пишет

Вопрос: как убрать эту полосу?

Лучший способ - написать об этом автору комплекта стилей - Aris-t2. Другой вопрос - захочет ли он это исправлять? Дело в том, что настройка @import url(./css/tabs/tabs_below_main_content.css); помечена как экспериментальная, и автор просит:

Do not report issues with EXPERIMENTAL settings! They are for testing only!

Отредактировано Viatcheslav (28-02-2018 11:59:49)

Rag · №3907

Подскажите.Если возможно.Как изменить цвет меню всех панелей браузера? FF-57
Панель закладок.Панель вкладок и т.д.

Viatcheslav · №3908

Rag пишет

Подскажите.Если возможно.Как изменить цвет меню всех панелей браузера?

Освойте комплект стилей CustomCSSforFx

Rag · №3909

Viatcheslav пишет

Освойте комплект стилей CustomCSSforFx

Кое в чём я конечно разобрался. А вот как изменить цвет меню, не пойму.
Может бестолковый. :mad:

leshiy_odessa · №3910

Rag пишет

Кое в чём я конечно разобрался. А вот как изменить цвет меню, не пойму.
Может бестолковый.

Выделить код

Код:

/* ============================================================ */
/*                                                            ЦВЕТ/ФОН МЕНЮ                                                                     */
/* ============================================================ */

#toolbar-menubar  /* "Панель меню" */,
#PersonalToolbar /* "Панель закладок" */, .panel-arrowcontent, .menu-iconic-left, .popup-internal-box,
#navigator-toolbox, 
#nav-bar, /* "Панель навигации" */
#titlebar, 
#TabsToolbar /* "Вкладки браузера" */, 
#personal-bookmarks, /* "Элементы панели закладок" */
#add-additional-bottom-bar /* Addon Bar  (Нижняя панель) */,#bookmarks-toolbar-placeholde
{background: #d4d0c8 !important; box-shadow: none !important; background-clip: padding-box !important; border-color: #d4d0c8 !important; border-radius: 0 !important;  background-image: none !important;}


/* Фон в меню */
#widget-overflow-mainView, 
#PanelUI-developer, 
#appMenu-mainView /* "МЕНЮ БУТЕРБРОД" */
{background: #d4d0c8 !important;}



/* Цвет панели в "Другие инструменты" */
#overflowMenu-customize-button
{ 
    background: rgba(50,0,50,0.4) !important;
    font: 12px verdana !important; 
    color: blue !important; 
    font-weight:bold !important;
    margin: -6px 10px 6px 10px !important;
    border-radius: 10px 10px 10px 10px !important; 
}

momo2000 · №3911

Во всех контекстных поисковиках и в этой кнопке сами строки поисковиков закрыты в подменю
Swift Selection Search
Context Search
Context Search WebExtension
Selection Context Search
ContextSearch web-ext

Можно ли стилем их вынести из подменю в само контекстное меню, так же как в Context Search X?

id каждого поисковика известна, и наверное, меняется от расширеня к расширению. В ContextSearch id первого _2029075b_****_***_0, у второго _2029075b_****_***_1 и т.д.

Отредактировано momo2000 (05-03-2018 08:00:34)

Rag · №3912

leshiy_odessa
Спасибо!
Разобрался.

Dobrov · №3913

как в TOOLBARBUTTON:HOVER включить выбор всех кнопок, кроме нескольких?
Нужно убрать подсветку для кнопок: id="feed-button" bookmarks-menu-button back-button forward-button

Выделить код

Код:

toolbarbutton:hover { filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5)); }

colorist · №3914

Доброго!
Как сказать стилю, не использовать "--panel-arrow-image-vertical"?
Если он включен, то треугольник темный https://ibb.co/ny4RXx
А должен быть так https://ibb.co/bQp4Kc

Отредактировано colorist (13-03-2018 13:50:03)

leshiy_odessa · №3915

colorist пишет

Как сказать стилю, не использовать "--panel-arrow-image-vertical"?

--panel-arrow-image-vertical: {display:none !important}

или --panel-arrow-image-vertical: url (none)

colorist · №3916

leshiy_odessa пишет

colorist пишет
Как сказать стилю, не использовать "--panel-arrow-image-vertical"?
--panel-arrow-image-vertical: {display:none !important}
или --panel-arrow-image-vertical: url (none)

Все это скрывает треугольник. https://ibb.co/j62oUc
Если просто убрать галочку с --panel-arrow-image-vertical, то все работает https://ibb.co/bQp4Kc
При изменении этой строчки треугольник скрывается...

PS.Если поотключать все в {}, то все отображается. Значит нужно скрыть сам "element {}", но как скрыть элемент с таким названием?
element {display:none !important} не сработает.

Отредактировано colorist (13-03-2018 17:54:58)

leshiy_odessa · №3917

colorist
Это потому что вы показывает нам скриншоты, а нужен код.

{display:none !important} не подойдет, он скрывает всю панель цеиком.

Вроде так, но не понятно чего вы конкретно добиваетесь.

Выделить код

Код:

window#main-window deck#tab-view-deck vbox#browser-panel toolbox#navigator-toolbox toolbar#nav-bar panel#customizationui-widget-panel.cui-widget-panel
{--panel-arrow-image-vertical: url("none") !important;}

или вариации

Выделить код

Код:

window#main-window deck#tab-view-deck vbox#browser-panel toolbox#navigator-toolbox toolbar#nav-bar panel#customizationui-widget-panel.cui-widget-panel
{--panel-arrow-image-vertical: none !important;}

FireForce · №3918

colorist unset

colorist · №3919

leshiy_odessa пишет

Вроде так, но не понятно чего вы конкретно добиваетесь.

У всех всплывающих элементов на панели есть этот треугольник. Хочу единый вид. Вот только у расширения он темнее https://ibb.co/eP2JCx Почему? Скрины наглядно дают понять, что я имею в виду.
Коды которые вы дали не дают эффекта...

ofizer · №3920

Vitaliy V.
Виталий, отвалились кнопки "Закладки" и "Журнал" в FF 59. Не подскажете, что делать? Без них совсем туго. Вот папка Chrome:

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

https://yadi.sk/d/Krr8bPmR3TMpDh

Был бы признателен за помощь.
Я к Вам в свое время обращался: http://forum.mozilla-russia.org/viewtop … 42#p749342

Отредактировано ofizer (14-03-2018 15:30:21)

Vitaliy V. · №3921

colorist
И стоит ради такой мелочи возится? запустил [firefox] у меня вообще это меню и треугольник светлого цвета, тема adapta-gtk-theme на debian mate
попробуйте так

Выделить код

Код:

panel[type="arrow"] .panel-arrow:-moz-any([side="top"],[side="bottom"]) {
    --panel-arrow-image-vertical: url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg") !important;
    --arrowpanel-background: -moz-field !important;
}

--panel-arrow-image-vertical вроде не нужно для 59+

ofizer
Ваши кнопки + другие кнопки + панель есть там https://forum.mozilla-russia.org/viewto … 17#p751417
или нужны только эти две кнопки?

ofizer · №3922

Vitaliy V.
Да, Виталий, нужны только эти две - "Закладки" и "Журнал". Я их переделал на черно-белые по Вашей инструкции. Там в Chrome видно.

colorist · №3923

Vitaliy V. пишет

И стоит ради такой мелочи возится?

Да. Мозолит глаза.

Vitaliy V. пишет

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

Нет результата...

Vitaliy V. пишет

--panel-arrow-image-vertical вроде не нужно для 59+

Обновился. Да было --panel-arrow-image-vertical, теперь стало --arrowpanel-background. Задача не поменялась. Если заменить числа все работает. Бьюсь 3-й день, как сказать css не использовать это:

element {
--arrowpanel-background: rgb(47, 52, 63);
}

Этот элемент возвращается при любом раскладе

Отредактировано colorist (14-03-2018 17:25:27)

Vitaliy V. · №3924

ofizer
скачать

colorist пишет

Нет результата...

это странно что-то мешает видимо ну а так

Выделить код

Код:

panel[type="arrow"] .panel-arrow:-moz-any([side="top"],[side="bottom"]) {
    fill: -moz-field !important;
    stroke: ThreeDShadow !important;
}

-moz-field можете заменить на свои rgb(56, 60, 74)

colorist · №3925

Vitaliy V. пишет

ofizer
скачать
colorist пишет
Нет результата...
это странно что-то мешает видимо ну а так
Выделить код
Код:
panel[type="arrow"] .panel-arrow:-moz-any([side="top"],[side="bottom"]) {
    fill: -moz-field !important;
    stroke: ThreeDShadow !important;
}
-moz-field можете заменить на свои rgb(56, 60, 74)

Так же темный. Что мешать может, представить не могу. Удалял все файлы 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

Код:

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

Код:

Board footer