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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№670124-10-2019 23:24:41

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

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

kokoss пишет

оказалось что из за стиля "favicon_in_urlbar";

я так не думаю у меня такого нет, а на вашем скриншоте должна быть иконка id="identity-icon"
как раз на этом промежутке

Отсутствует

 

№670225-10-2019 00:07:04

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

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

Vitaliy V. пишет

я так не думаю у меня такого нет, а на вашем скриншоте должна быть иконка id="identity-icon"
как раз на этом промежутке

Понял, буду разбираться!


Win7

Отсутствует

 

№670325-10-2019 00:29:54

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

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

Кстати XBL binding в [nightly] всё...

Отредактировано Vitaliy V. (25-10-2019 00:30:35)

Отсутствует

 

№670425-10-2019 06:53:34

Алексей+
Участник
 
Группа: Members
Зарегистрирован: 24-10-2019
Сообщений: 2
UA: Firefox 70.0

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

sandro79 пишет

Алексей+ пишет: Здравствуйте. С обновлением на 70 версию перестал работать код для компактности адресной строки:

Здравствуйте. Попробуйте этот стиль https://github.com/Aris-t2/CustomCSSfor … height.css, если правильно вас понял. Можно же использовать компактные значки и адресная и поисковая строки станут меньше.

Спасибо за ответ.
Компактные значки включены. Нужно вокруг адресной строки уменьшить полоски:

скрытый текст
b4fb6cbbc3a1b2d30aa9160cbe761cf8-full.png

Нашел как исправить:

Выделить код

Код:

#urlbar-container, #urlbar
{
    margin: -1px -1px -1px -1px !important;
}

Выглядит как надо:

скрытый текст
b25fd4d335474d9381b0afa166ef7aec-full.png

Отредактировано Алексей+ (25-10-2019 07:09:37)

Отсутствует

 

№670525-10-2019 09:04:04

mangost
Участник
 
Группа: Members
Зарегистрирован: 25-10-2019
Сообщений: 1
UA: Firefox 70.0

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

Vitaliy V. пишет

MrDvD
немного изменил свой код + добавил анимацию, пробуйте
Скачать

P.S. срабатывает по событию focus а не click ...

В 70.0 версии способ перестал работать.

Отсутствует

 

№670625-10-2019 09:54:28

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

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

Vitaliy V. пишет: Кстати XBL binding в [nightly] всё...

А я смотрю в 72 отвалились wheeltabs и openwith, specialwidget работает, как не странно, хотя он тоже XBL использует. wheeltabs в принципе уже не так актуально, т.к. есть пока что работающее tabs_focus, user_chrome_files пока что не использую. Значит теперь только скрипты. Плюс ещё заблокировать разворачивание/сворачивание окна(из под спойлера), а также выпадающий список адресной строки в который раз растянулся на ширину всего окна, прозрачность работает. Виталий, может есть возможность внести коррективы в то что ещё живо. Если есть смысл конечно.

ImTempos пишет: На двух компах: FF 70.0, chrome один и тот же

Вы бы опубликовали свой userChrome.css, может кто чего и подскажет, а так вслепую ничего и не скажешь. Наверное тут дело как раз таки в разрешении монитора и надо вносить правки.

Отредактировано sandro79 (25-10-2019 10:04:51)

Отсутствует

 

№670725-10-2019 10:38:33

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 70.0

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

Возможно перекрасить эти выезжающие панели в тёмный цвет, а шрифт в них в белый?

скрытый текст
2808244079044843831a32b740026707.jpeg

скрытый текст
9d54f005a01fd041d56c5358a0aaeba4.jpeg

Отсутствует

 

№670825-10-2019 11:54:54

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 679
UA: Firefox 70.0

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

В [firefox] 70 немного сломалось отображение меню, по совету sandro79 выше, прошу посмотреть userChrome.css. Как исправить?:

"поломки" и userChrome.css
скрытый текст
Oj9sAGO.pngss5sQe8.png

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

Выделить код

Код:

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




/*Список всех вкладок*/ 
#alltabs-button {
    visibility: visible !important;
} 

#allTabsUndoCloseButton {
    display: none !important;
}
#allTabsMenu-allTabsViewTabs {
    padding-top: 0 !important;
}
#allTabsMenu-searchTabs { display: none !important}
#allTabsMenu-undoCloseTab { display: none !important}
#allTabsMenu-containerTabsButton{ display: none !important}
#allTabsMenu-tabsSeparator  { display: none !important}



/*Цвет папок*/ 
treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
    fill: #0078ad !important;
    fill-opacity: 1 !important;
}


/*Панель поиска вверху*/ 
.browserContainer findbar {
-moz-box-ordinal-group: 0 !important;
}
.findbar-container {-moz-box-direction: reverse !important;}

.browserContainer findbar, #viewSource #FindToolbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
right: 30px;
margin-top: -1px !important;
box-shadow: 1px 2px 3px rgba(0, 0, 0, .25) !important;
border: 1px solid threedshadow !important;
border-top: none !important;
border-radius: 0 0 3px 3px;
transition-property: margin-top, opacity, visibility !important;
}




/*Убрать из контекстного меню пункт*/ 
menuitem[label="Сохранить страницу в Pocket"], menuitem[label="Сохранить ссылку в Pocket"], menuitem[label="Добавить краткое имя для данного поиска…"], 
menuitem[label="Открыть всё во вкладках"], menuitem[label="Открыть ссылку в новом приватном окне"], menuitem[label="Отправить изображение по почте…"], 
menuitem[label="Исследовать свойства поддержки доступности"],
#context-sendpagetodevice, menuitem[label="Сделать фоновым рисунком рабочего стола…"], 
#context-sep-sendpagetodevice, #context-openlink, #context-openlinkinusercontext-menu {display: none !important;}



/*Убрать из контекстного меню вкладки*/
#context_openTabInWindow, #context_sendTabToDevice, #context_sendTabToDevice_separator, #context_bookmarkAllTabs, 
#context_reloadAllTabs { display: none !important; }



/*Убрать проценты масштабирования из строки адреса*/
#urlbar-zoom-button {display: none !important;}



/*Убрать Расширение (New Tab Tools)*/
#identity-icon-labels {
  display: none !important;
}
#identity-box {
  padding-inline-end: 4px !important;
  margin-inline-end: 4px !important;
}



/*Меню*/ 
/* SUBMENUS */
popup:not(#autoscroller),
menupopup,
popup menu,
menupopup menu, 
.panel-arrowcontent, 
.panel-subviews, 
menupopup #context-navigation, 
menupopup[placespopup="true"] > hbox {
opacity: 0.95 !important;
-moz-appearance: none !important;
background: none !important;
border: none !important;
color: #fff !important;
box-shadow: none !important;
-moz-window-shadow: none !important;
}
popup scrollbox,
menupopup scrollbox, 
richlistbox menupopup .popup-internal-box, 
menulist menupopup .popup-internal-box {
margin: 10px 10px 14px !important;
}
/* MENU ITEMS */
menuitem, 
toolbarbutton .menuitem-iconic label, 
toolbarbutton .menu-iconic label,
.splitmenu-menuitem, 
panel[type="arrow"] button[class="plain"],
panel[type="arrow"] .subviewbutton, 
panel[type="arrow"] .panel-subviews,
panel[type="arrow"] toolbarbutton,
#widget-overflow toolbarbutton {
opacity: 0.95 !important;
-moz-appearance: none !important;
border: none !important;
color: #fff !important;
}
/* APP MENU */
#appmenu-popup vbox {
background: none !important;
border: none !important;
box-shadow: none !important;
}
/* MENUS */
popup:not(#autoscroller),
menupopup,
#PanelUI-popup,
panel[type="arrow"],
panel[type="arrow"] .panel-subviews, 
#noscript-tbb-popup {
border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAvCAYAAABAHIylAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAUlSURBVHja7JtPaBRXHMc/781OdnXNqinVlphK4iJoQWiLGIjgLV6UEBFLEcFzLr0JihdB8OjNkwdBWCkKIejFXIKYQkR6CS2Gsv5rjE0sSN11kzWz814P+ya+vMxGL4Xdzfzgx7x9O4edD9/fmzfz+67QWrNeCCGEO9Vg3MyhG4zRnwAg4r53oAgniRm3AhwdM7bnYmGtAWTBiSBI6yiduWaH5AJR1lE5czoO0ipAFhwbhGeltI4upGZWkA0ltI6h9Tk6ZxWkFUAOnChTVmaAHcBWIAukY8qtWeEAfAAqwDvgDVAFalYqK1cgCa11HBzPQPGBDuBrz/P6BgcH1aFDh6pHjx4t9/f3V2mhmJqayty/f7/z0aNHmfHxcRmG4TPgb2AZCAyk0IVkAxKOajqMSvbm8/kdV65c+efkyZNl2iDu3LnTef78+S+LxeIb4E+jrmVHTdoFFCknUk0G6NmzZ09vsVgsAoyMjBwYHx8fLpVKfUEQdLUSFN/33+ZyuWeDg4Oj165dmwbI5/P5p0+fPgdmTclFagoBpbXW9u3bs5STAbZ6nvdDoVCYP3XqVOnw4cM/Pnny5KdUKrUspQyFELqVAGmthVLKq9VqHfv27bs1OTn5S6FQyJ0+ffor4DezNlUtJYWA9pxbuG/KKgPsPnHiRPrSpUsLIyMjByYmJn5Op9NLUkq1du/Y/CGEQEqpPM+rzc/Pf//69evfz507Nzs9Pb1lZmYmBZSchVoDWlp3IumoqGtgYKAMcO/evTO+739oNdU0AKV93/8wNjZ2BmBgYKACbDfXnLK2MQJnL+MC6jx+/HgJoFKp9EgpQ9okpJRhuVzeDTA0NPQOyK0HCKfMIkjpfD4fACilsu2gHltFSqmsWaiDGDgrwpHOM5cNyGPjRCpOPa6ChLOL3kiAPOfahbsGxUESGwiQaPB8KaTzNB73amOjAIp7pYNc50XYRgS0hoUkifW3BAmCBFACKAGUAEoAJYASQAmgJBJACaD/F5DrgNAbiIOmgQNEOhO24yGcmZnpAJBSVkyLqG2e3oUQSwAvXrzwWW1gsFkgiXdAKKA6Nja2DSCbzc4qpdrmDWMYhl4ul3sOUCgUvgAWcdo9ERPZAI4C3k9OTnYBHDt27GYQBOl2UJHWWgRBkB4aGroJ8PDhw+3UTQ0qDpLdOIwsLpFpQRSLxXxvb++7CxcuvLx7965eWFj4TgihTbYcGKVUKgiCzP79+2/dvn174vr1611Xr17tA54B71nbWVVuTz4DbAY6qdtcdu/atWvn7Ozsr7CqN58PgmBbKwHyff/fXC5XtHvzPT09A69evVoAXlJvPZdNuVUxjg+3L58GNlH3/+RM7u3u7s5evnz5j7Nnz75thzXoxo0bXRcvXvx2bm6uQt3dUTJZAZaouz1qQOh2VSPjwiZgi1FSJ9Atpfymv79/4eDBg2+Hh4ffHDlyZLGVoDx48GDz6OjojsePH3dNTU3tVEr9BcwZ1ZRNiS1ZZbZSYo3cHZsNpKzJLdQdZjnzXQfN7VN0787LpnxK1B1m741iKma8GLMG6ZTWOlpwI99ezZwkrW2AMvNVPrZpU6ztqzUroOj3R9dWNWpZdFRju8z05zrMMlZ2NADU7B5FF1AEKcrPcphBY49ilL5J2/XaKgqKHK2ByWUr1/coRntvB5LrcvX52OC3e9nQ/D5p5UCqWVA+7XI1+wRqtVrik6aBT9r3fQAbUuK0jwPkQLJBbez/atiA7HBguUDa/t8+/w0Aop+YsD/C4DEAAAAASUVORK5CYII=") !important;
border-image-slice: 15 fill !important;
border-image-width: 15px !important;
border-image-repeat: repeat !important;
-moz-window-shadow: none !important;
}
menupopup menupopup {
margin-top: -13px !important;
}

/* SEPARATOR */
menuseparator {
-moz-appearance: none !important;
list-style-image: none !important;
background: none !important;
border: none !important;
border-top: solid .5px #555 !important;
margin-top: 4px!important;
margin-bottom: -4px!important;
}
/* DISABLED ITEM */
menuitem[disabled="true"],
splitmenu-menuitem[disabled="true"], 
autorepeatbutton[disabled="true"], 
panel[type="arrow"] .subviewbutton[disabled="true"],
panel[type="arrow"] toolbarbutton[disabled="true"], 
panel[type="arrow"] button[disabled="true"] {
background: none !important;
opacity: 0.25 !important;
}
/* SELECTED ITEM */
popup menu:not([disabled="true"])[_moz-menuactive="true"],
menupopup menu:not([disabled="true"])[_moz-menuactive="true"],
menuitem:not([disabled="true"])[_moz-menuactive="true"],
autorepeatbutton:not([disabled="true"]):hover, 
splitmenu-menuitem:not([disabled="true"])[_moz-menuactive="true"],
panel[type="arrow"] .subviewbutton:not([disabled="true"]):hover,
panel[type="arrow"] toolbarbutton:not([disabled="true"]):hover, 
panel[type="arrow"] button:not([disabled="true"]):hover {
background: -moz-linear-gradient(top, #6f81f5, #3f51f2) repeat-x !important;
border-radius: 0px !important;
}
/* RIGHT ARROW */
.menu-right,
autorepeatbutton {
-moz-appearance: none !important;
opacity: 0.4 !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAJCAYAAADHP4f4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADrSURBVHjatJM9TgMxEEafU6WgSEmRAokG5QQoB8ghKDkEJ9lLpKDMGRAV1UopU6AVBV3QxhWPAls4JoYqlj7J8/fNeGaM2qsLlXNhAlwDz0DH/2cLzCrdAMQ/0KPGAjt12ahonXyeKv1KHSuejL264IRhTIQl0bIgOqj32QagbhpJOoCgxkZrdsBNcb8sbB/AHIghBNQp8ApcFD5vIYQrgMkJcoEX4DbJXZWARPaYhRBCBB5SLMAncPfDePy897IVaev2jVaM6uqouu95RXVNZcgBG3VazaJvJMgYKq6Zuv3dGx3Shpztn3wNABJf62ogSXVRAAAAAElFTkSuQmCC")
!important;
-moz-image-region: rect(0px 7px 9px 0px) !important;
margin-top: 1px !important;
}
.menu-right[_moz-menuactive="true"] {
opacity: 1.0 !important;
}
/* SCROLL ARROWS */
.autorepeatbutton-up,
.autorepeatbutton-down {
position: relative !important;
z-index: 1 !important;
opacity: 0.75 !important;
background: #333 !important;
}
.autorepeatbutton-up[disabled="true"],
.autorepeatbutton-down[disabled="true"] {
opacity: 0.4 !important;
}
.autorepeatbutton-up {
margin: 8px 14px 0px 14px!important;
border: none !important;
}
.autorepeatbutton-down {
margin: 0px 14px 10px 14px !important;
border: none !important;
}
/* CHECKMARK */
menuitem[checked="true"] .menu-iconic-left {
-moz-appearance: none !important;
opacity: 0.5 !important;
height: 16px !important;
margin-left: 13px!important;
list-style-image: none !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlElEQVQoFWP8z4AfMOGXZmAgW4EuQxHU7P8MWGDm/59ACJbBJl39HwRacCkIB0s3wsyFmaD4vxQsJP3/LVDBNJg0MBCgzI1AYZCuXUD6/H82TAW9QImf/4uA5P//NghphAmc/2+AJf//X4EsjVDA8N8MrODPf3VcChj+rwMqWY0qjWwCw39joAJLdAWMQDV4AcHIAgCeN8L5Yy1dlAAAAABJRU5ErkJggg==")
-2px -1px no-repeat !important;
}
menuitem[checked="true"][_moz-menuactive="true"] .menu-iconic-left {
opacity: 1.0 !important;
}

#main-window .panel-arrowbox {
display:none!important;
}
#main-window .panel-subviews {
margin: -7px  -9px -12px 34px!important;
padding: 13px !important;
}
#PanelUI-footer toolbarseparator, 
#PanelUI-popup separator {
border-left: .5px solid #555 !important;
}
#PanelUI-popup toolbaritem {
border: .5px solid #555 !important;
}
#PanelUI-footer toolbarbutton {
border-top: .5px solid #555 !important;
}
menuitem:not([class='menuitem-iconic']):not(.panel-subview-footer), 
menupopup menu, 
panel[type="arrow"]:not(#PanelUI-popup) .subviewbutton:not(.panel-subview-footer) {
min-height: 22px!important;
height: 22px!important;
}
panel[type="arrow"] {
padding: 4px 5px 7px 5px !important;
margin-top: 6px!important;
}

/* === appmenu button menu */
#appmenu-popup
{ background: transparent !important; }

#appmenu-popup .popup-internal-box, .panel-subviews
{ background: transparent !important;
border: none !important;
box-shadow: none !important;}

#appmenuPrimaryPane,
#appmenuSecondaryPane, .panel-subview-body
{ 
background: rgba(0,0,0, .9) !important;
box-shadow: inset rgba(0,0,0, 0.3) 1px 6px 16px 2px  !important;
border-radius: 3px !important;
border: 1px solid rgba(0,0,0,.3) !important; }

/* Цвет панели в "Другие инструменты" */
#overflowMenu-customize-button
{ background: rgba(0,0,0, .9) !important;
}

/* Прозрачность  выпадающего списка адресной и поисковой строки */
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;
}




/* Цвет при загрузке страницы */ 
@-moz-document url("chrome://browser/content/browser.xul") {

#tabbrowser-tabpanels, tabbrowser#content,
:-moz-any(#tabbrowser-tabpanels, tabbrowser#content) .browserStack > browser {
    -moz-appearance: none !important;
    background:  #2A2A2E !important;
}

}

    
/* Цвет панели в "Загрузки, Персонализация" */
#downloadsHistory, #downloadsPanel-mainView, #customization-panel-container
{ background: rgba(0,0,0, .9) !important;
}


/*Ссылки в статус-панели*/
#statuspanel-label
    {-moz-appearance: none !important;
-moz-window-shadow: none !important;
background: black !important;
color: #ffffff !important;
opacity: 0.90 !important;
}



/*Меню выбора папки для закладки*/
#editBMPanel_folderTree > treechildren:nth-child(2)
{
    color: #fcfcfc !important;
    background: #000 !important;
}



Весь смысл этого старинного кода(ещё из стилей для Stylish и т.п.) чтобы меню, по возможности везде, было таким:
скрытый текст
5mJcKhE.png

Был бы рад обновить и упорядочить его. Если у кого-нибудь есть что-то вроде Snow Leopard Menus для актуальных версий [firefox] – поделитесь ) .

Отредактировано vitalii201 (25-10-2019 13:06:32)

Отсутствует

 

№670925-10-2019 12:49:21

Ringo07
Участник
 
Группа: Members
Зарегистрирован: 23-12-2017
Сообщений: 6
UA: Firefox 70.0

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

Добрый день ! подскажите как сделать поиск в адресной строке меньше, чтобы не была во весь браузер, использовал вот этот код было все нормально пока не обновился до 70-ой версии.

Выделить код

Код:

/* Сокращение панели поиска */
#urlbar > .urlbar-history-dropmarker {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='openPanel'><implementation><constructor><![CDATA[ var { UrlbarView } = ChromeUtils.import('resource:///modules/UrlbarView.jsm'); if ('old_openPanel' in UrlbarView.prototype) return; var sandbox = Cu.Sandbox(Cu.getObjectPrincipal(UrlbarView.prototype), {}); sandbox.UrlbarView = UrlbarView; Cu.evalInSandbox(` Object.defineProperty(UrlbarView.prototype, 'old_openPanel', { get() { return true; }, enumerable: false }); var openPanel = { _openPanel() { if (this.isOpen) return; this.controller.userSelectionBehavior = 'none'; this.panel.removeAttribute('hidden'); this.panel.removeAttribute('actionoverride'); let inputRect = this._getBoundsWithoutFlushing(this.input.textbox); let width = (inputRect.right - inputRect.left).toFixed(2); this.panel.setAttribute('width', width); this._mainContainer.style.maxWidth = width + 'px'; this.panel.openPopup(this.input.textbox, 'after_start'); } }; Object.defineProperty(UrlbarView.prototype, '_openPanel', { value: openPanel._openPanel, enumerable: false }); `, sandbox); ]]></constructor></implementation></binding></bindings>#openPanel") !important;
}

Отредактировано Ringo07 (25-10-2019 12:50:40)

Отсутствует

 

№671025-10-2019 13:56:58

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

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

sandro79 пишет

specialwidget работает, как не странно, хотя он тоже XBL использует

нет, работают стили и растягивающийся интервал который и так есть,
на панелях да, добавленные ранее сепараторы, разделители никуда не денутся, но новые уже не добавить из хранилища.

sandro79 пишет

может есть возможность внести коррективы в то что ещё живо. Если есть смысл конечно.

Вы про что? То что перестало работать можно перенести в user_chrome_files,  specialwidget там уже есть

Ringo07
в [firefox] 70 работает, но скоро не будет
https://forum.mozilla-russia.org/viewto … 08#p772408

v4386 пишет

Возможно перекрасить эти выезжающие панели в тёмный цвет, а шрифт в них в белый?

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

Выделить код

Код:

notification[type="info"],
notification[type="info"] button,
notification[type="info"] menulist {
  min-height: 30px !important;
  color: white !important;
}

notification[type="info"] {
  background-color: black !important;
}

notification[type="info"] menulist,
notification[type="info"] button {
  -moz-appearance: none !important;
  border-radius: 2px !important;
  border: 1px solid Gray !important;
  background-color: DimGray !important;
}

notification[type="info"] button:hover,
notification[type="info"] button:active,
notification[type="info"] menulist:hover,
notification[type="info"] menulist:active {
  background-color: Gray !important;
}

notification[value="translation"][type="info"] button[anonid="translate"] {
  color: white !important;
  background-image: linear-gradient(#9FB938, #8DA726) !important;
  border: 1px solid #829C1C !important;
}

notification[value="translation"][type="info"] button[anonid="translate"]:hover,
notification[value="translation"][type="info"] button[anonid="translate"]:active {
  background-image: linear-gradient(#8DA726, #8DA726) !important;
}

Отредактировано Vitaliy V. (25-10-2019 18:50:36)

Отсутствует

 

№671125-10-2019 14:44:17

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 70.0

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

Здравствуйте.

До Firefox 70 для about:addons использовал userContent.css
https://forum.mozilla-russia.org/viewto … 84#p690784
+
toolkit.legacyUserProfileCustomizations.stylesheets = true
+
extensions.htmlaboutaddons.discover.enabled = false
extensions.htmlaboutaddons.enabled = false
extensions.htmlaboutaddons.inline-options.enabled = false
extensions.htmlaboutaddons.recommendations.enabled = false

Какое решение для about:addons вы можете предложить после выхода Firefox 70 ?

скрытый текст
tjn33EiTQyI.jpg

скрытый текст
54nNOrwNQaI.jpg

Отредактировано woe495 (25-10-2019 15:36:48)

Отсутствует

 

№671225-10-2019 15:38:26

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

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

woe495
версии дополнений userContent.css

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

Выделить код

Код:

@-moz-document  url-prefix("chrome://mozapps/content/extensions/") {
  
*|*.addon-name-link[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
}

*|*.addon-name-link[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: calc(1rem + 4px) !important;
    line-height: calc(1em + 6px) !important;
}

}

Отредактировано Vitaliy V. (25-10-2019 15:42:23)

Отсутствует

 

№671325-10-2019 17:11:37

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

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

Vitaliy V. Понятно. Спасибо. Значит на 68 ESR буду уже до упора, как на 58, а может и жёстче, а потом юзать полуголый firefox. Спасибо :beer: за код для показа версий дополнений, который как нельзя кстати подоспел на смену этому после обновления [firefox] с 68.1.0esr до 68.2.0esr :dumb:. Даже сразу и не заметил, что тот слетел. За разработчиками не успеешь, хоть вообще никогда не обновляйся. А про -link я подзабыл, что обсуждали уже, правда для 69+.
Виталий, подскажите возможно ли скрыть выделенное на снимке ниже, из окошка при удалении дополнения.

скрытый текст
ceb198ffd8b1.png

Благодарю, великолепно! Теперь другое дело. :beer:
Да, как не хватает на форуме кнопки "Спасибо". Тема так перегружена.

скрытый текст
54af2f4b96cd.png

Отредактировано sandro79 (25-10-2019 20:06:01)

Отсутствует

 

№671425-10-2019 17:24:04

Yeesha
Участник
 
Группа: Members
Зарегистрирован: 23-08-2008
Сообщений: 359
UA: Firefox 70.0

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

Vitaliy V. пишет

Кстати XBL binding в  всё...

Это пипец...
Прощай, родной лисец.
Как жаль, что ты решил самоубиться.

Отсутствует

 

№671525-10-2019 17:38:53

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 70.0

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

Vitaliy V.
С первой менюшкой (где переводчик) всё супер, а вот со второй проблема - кнопка "Разрешить" не перекрасилась

скрытый текст
86502821dc7f14ca301172ddad998fa0.jpeg

Отредактировано v4386 (25-10-2019 17:42:32)

Отсутствует

 

№671625-10-2019 18:58:38

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

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

v4386
исправил, забыл -moz-appearance: none

sandro79 пишет

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

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

Выделить код

Код:

@-moz-document url-prefix("chrome://global/content/commonDialog.x") {
  dialog#commonDialog[windowtype="prompt:confirmEx"] row#checkboxContainer {
    display: none !important;
  }
}


P.S. userChrome.css а не content

Отредактировано Vitaliy V. (25-10-2019 19:51:38)

Отсутствует

 

№671725-10-2019 19:09:25

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 70.0

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

Vitaliy V. пишет

исправил, забыл -moz-appearance: none

Спасибо! Теперь всё супер!

Отсутствует

 

№671825-10-2019 23:20:34

glok
Участник
 
Группа: Members
Зарегистрирован: 31-03-2015
Сообщений: 51
UA: Firefox 70.0

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

Здравствуйте.
В 70 версии userchrome.css работает?
Не могу вкладки внизу сделать никак.
Точнее вообще ничего не применяется.

Отредактировано glok (25-10-2019 23:34:18)

Отсутствует

 

№671926-10-2019 07:17:11

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3157
UA: Firefox 68.0

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

glok
about:config - toolkit.legacyUserProfileCustomizations.stylesheets;true

Отсутствует

 

№672026-10-2019 08:00:59

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 70.0

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

glok пишет

Здравствуйте. В 70 версии userchrome.css работает? Не могу вкладки внизу сделать никак. Точнее вообще ничего не применяется

А эту запись @-moz-document url("chrome://browser/content/browser.xul") {  на эту @-moz-document url-prefix("chrome://browser/content/browser.x") { меняли? Плюс сообщение oleg.sgh.
Стиль от Vitaliy V. "Вкладки внизу":

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

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after,
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

Отредактировано ofizer (26-10-2019 16:50:11)

Отсутствует

 

№672126-10-2019 08:48:31

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Vitaliy V. пишет

Может просто увеличить прогресс бар во время скачивания

скрытый текст
#downloads-button[indicator][progress]  #downloads-indicator-anchor > #downloads-indicator-progress-outer {
    transform: scale(2,3) translateY(-4px) !important;
}

[firefox] 68.1. Пожалуйста, добавьте, чтобы при старте закачки открывалось окно закачки и оставалось на экране до клика на нем или мимо него. Спасибо!

скрытый текст
ScreenShot_90.1572068783.png

Отредактировано shadow_user (26-10-2019 08:49:51)

Отсутствует

 

№672226-10-2019 10:12:57

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

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

Vitaliy V.
Подскажите пожалуйста, что нужно изменить в этом стиле, что бы работало в [firefox] 70

Выделить код

Код:

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons) {
    
    .addon:not([pending="uninstall"])[status="installed"] .date-updated:not(:-moz-any([value="Unknown"],[value="Unbekannt"],[value="Неизвестно"],[value="Desconocido"],[value="Desconhecido"],[value="Inconnue"],[value="Sconosciuto"])) {
      display: block !important;
    }
    
}

Win7

Отсутствует

 

№672326-10-2019 13:24:17

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

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

ofizer
стиль обновлен https://forum.mozilla-russia.org/viewto … 45#p766645
не надо старые версии выкладывать
shadow_user
стилем этого не сделать,
скрипт надо, есть настройка browser.download.panel.shown
она после первой загрузки переключается в true
если повесить на неё обсервер и переключать обратно в false
то будет то что хотите
kokoss
с новым интерфейсом там где вы хотите нет никакой даты обновления,
только на вкладке подробности есть

Отсутствует

 

№672426-10-2019 13:33:51

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

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

Vitaliy V. пишет

kokoss
с новым интерфейсом там где вы хотите нет никакой даты обновления,
только на вкладке подробности есть

Хреново, ну да ладно, и так пойдёт:

скрытый текст
254461640d96.png


Win7

Отсутствует

 

№672526-10-2019 13:58:54

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

kokoss пишет

Хреново, ну да ладно, и так пойдёт:

Просьба поделиться Custom Buttons 0.0.7.0.0.6 и рецептом применения, если он нужен.

Отсутствует

 

Board footer

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