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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№375114-01-2018 13:59:48

Flober
Участник
 
Группа: Members
Зарегистрирован: 14-01-2018
Сообщений: 21
UA: Firefox 57.0

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

sandro79 пишет
Flober пишет

не могу вставить наглядное изображение

Скачайте image uploader, зарегистрируйтесь например здесь, далее в Image Uploader,  произвести вход на хостинг и через него грузить, очень удобно. Ссылку на изображение из Image Uploader вставить в спойлер и всё. Конечно если один скрин залить Image Uploader не нужен.

А как Вы скриншот вставили? Мне действительно ради одного снимка Image Uploader и регистрация на стороннем ресурсе не нужны.
Подозреваю, что без какого-нибудь хостинга картинок не обойтись.

Отредактировано Flober (14-01-2018 14:01:53)

Отсутствует

 

№375214-01-2018 14:05:52

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

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

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

скрытый текст
82edcfa501d7.jpg

Тоже думал, что одним разом обойдусь, но не получилось, Image Uploader сильно выручает.

Отредактировано sandro79 (14-01-2018 14:15:58)

Отсутствует

 

№375314-01-2018 14:29:41

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

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

Ultima2m пишет

При выделении дополнения, слева в строке появляется синяя полоска.
Как сделать, чтобы строка выделялась целиком?

В пакете CustomCSSforFx раскомментировать строку @import url(./css/aboutaddons/addons_manager_alternative_appearance.css); в файле userContent.css, подсвечивается вся строка, пока курсор над ней. Как сделать постоянное выделение - не знаю :blush:

Ultima2m
, поведайте, пожалуйста - что за стиль применён к выпадающим меню в этом сообщении (скриншот под спойлером) - https://forum.mozilla-russia.org/viewto … 06#p752006? Интересна полупрозрачность фона. У меня установлен CustomCSSforFx v. 1.4.5 - желательно, чтобы с ним не было конфликтов. Спасибо :)

Отсутствует

 

№375414-01-2018 15:22:32

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 52.0

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

Viatcheslav пишет

что за стиль применён к выпадающим меню в этом сообщении

стиль такой:

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

Выделить код

Код:

/*
Контекстное меню
*/
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* Скроллинг меню */
.autorepeatbutton-down, .autorepeatbutton-up {display: none !important;}

menuseparator 
{-moz-appearance: none !important;
margin: 1px 6px !important;  
border: 1px solid transparent !important;
padding: 2px !important; 
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAAAEBAMAAADsa+4GAAAAElBMVEUAAAADAABNSUdOSUeajYabjYZp3osxAAAAXklEQVR42s1NgQ3AMAjyhb0gH9AX1g/c/69MrW2zC1YSE0RAaQmoY1AGKw5QgdL9gKkzdO6AlimWCjA73ZSr7qKWvzKM0FfA63V0Ij1sYk+/fbrZnI/w71WukyFH4wWQxVT19RYmiQAAAABJRU5ErkJggg==") repeat-x !important; }

/* === checkbox bullets */
#main-menubar menupopup menuitem[checked="true"] .menu-iconic-left,
menupopup menuitem[checked="true"] .menu-iconic-left,
#stylish menupopup menuitem[checked="true"] .menu-iconic-left, 
#appmenu_toggleTabsOnTop menuitem[checked="true"] .menu-iconic-left
{ -moz-appearance: none !important; 
width: 0 !important;
padding-left: 18px !important;
height: 18px !important;
margin-right: 10px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAC4jAAAuIwF4pT92AAABJElEQVR42jVPvWqDYBT9QuhQmi4tLoW+kOAUIaNBNFvwpwTFEE0cQtu0m5NmctFNEA2+hoMheYaEpJUWo6m19wt0OJx7z+UezkG6rl9Np1Okado9wzBPFEW9Yx6Px3dYn0wmLYQHRVE6LMsuZrPZh+u6X5jxDvotviP4IGiafuF5/hzH8W+apj+YB4PBGfQ3wzDaqN/vj2A5wEdt2/bJsqwSuIBj3e12PyVJIhBJkq/wlS+Xy8r3/dLzvAb45DhOyXFcAXhEvV5vJAjCYbVa1ev1uthut2WWZd9hGNbgkg+HQwKJokgAnqMoqvb7fZPn+Xm32zVBEFSyLC+gXfvSDsJ35vO5miTJBoIfwXVjmqYK+s2lHQRs4QFDVdVrcH3A/K9h/AHS9qy+xl0K4QAAAABJRU5ErkJggg==") right no-repeat !important; }

menupopup, context-menu, menupopup > menu > menupopup
{ -moz-appearance: none!important; 
background: rgba(0,0,0, .2) !important; 
font-size: 13px !important;
border-radius: 2px !important; 
padding: 0 !important;
margin-left: 5px !important;}

/* inset bg */
popup:not(#autoscroller) .popup-internal-box,
menupopup .popup-internal-box, 
#PanelUI-helpView, .panel-subviews
{ margin: 2px !important;
background: rgba(0,0,0, .2) !important;
box-shadow: inset rgba(0,0,0, 0.5) 1px 6px 16px 2px  !important;
border-radius: 3px !important;
border: 1px solid rgba(0,0,0,.6) !important; }

/* === menuitems */
menu[disabled="true"], 
menuitem[disabled="true"],
.splitmenu-menuitem[disabled="true"],
menu[_moz-menuactive="true"][disabled="true"],
menuitem[_moz-menuactive="true"][disabled="true"],
.splitmenu-menuitem[_moz-menuactive="true"][disabled="true"]
{ color: #808687 !important; }

menupopup menu,
menupopup menuitem, 
menulist > menupopup > menuitem > .menu-iconic-text,
panel, popup > menu, .splitmenu-menuitem, 
#PlacesChevronPopup .menu-iconic.bookmark-item, #interclue-state-popup menuitem, .about-menuitem, .subviewbutton
{ -moz-appearance: none !important;
border: 1px solid transparent !important; 
font-size: 13px !important; 
color: #dfd !important; //B3C3A3
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important;
}

menupopup .popup-internal-box,
#appmenuPrimaryPane menupopup .popup-internal-box,
#appmenuSecondaryPane menupopup .popup-internal-box,
#appmenuPrimaryPane menupopup,
#appmenuSecondaryPane,
.menuitem-iconic.interclue-selected
{ padding: -1px !important;
background: linear-gradient(-300deg,rgba(0,0,8,0.8),rgba(0,0,0,0.4), #AFC9C6) no-repeat !important;
border: 1px solid rgba(10,10,10, .5) !important; }

/* red on hover */
menubar > menu:hover, menubar > menu:focus, 
.splitmenu-menu:hover, .splitmenu-menuitem:hover, 
menupopup menuitem:not([disabled="true"]):hover, menupopup menu:hover,
menupopup menuitem:not([disabled="true"]):hover .menu-text,
popup menu:hover, popup menuitem:not([disabled="true"]):hover,
menuitem:not([disabled="true"]):hover .menu-text,
menupopup > menu:hover, menupopup > menu:focus, 
popup > menu:focus, popup > menu:hover,
#appmenuPrimaryPane menu:hover,
#appmenuSecondaryPane menu:hover,
#appmenu_webDeveloper:hover, 
#appmenu_charsetMenu:hover,
#nightly-appmenu:hover,
#mmsearchpopupsearchengine menuitem:hover,
.menuitem-iconic.menu-iconic.mmsearch_freesearch.mmsearch_freesearch-group:hover,
#configContext menuitem:hover .menu-text
{ background: radial-gradient(at top, #AFC9C6, transparent) no-repeat !important;
color: lightgrey !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important; 
} 

menubar > menu:hover, menubar > menu:focus
{ -moz-appearance: none !important;
background: transparent !important;
color: #FF300B !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important;
border: 1px solid transparent !important;  }

menubar > menu
{border: 1px solid transparent !important;
-moz-appearance: none !important;}

/* eleminates sys gray hover */
menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"],
.splitmenu-menuitem[_moz-menuactive="true"]
{ background-color: transparent !important;
box-shadow: none !important; }

/* === bkmrk toolbar menus */
#PlacesChevronPopup menu label
{ font-weight: normal !important;
color: #D9E5C3 !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important; 
}

.menulist-label-box
{ padding: 2px !important;}

menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box 
{ background-color: transparent !important; 
padding: 0 !important;
border-color: transparent !important; }

menupopup, popup, context-menu
{ border: 1px solid transparent !important; }

/* WSP groups menu fix */
.menuitem-iconic.menu-iconic.mmsearch_freesearch.mmsearch_freesearch-group
{ font-weight: normal !important;
color: #D9E5C3 !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !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
{ margin: 16px 10px 10px 10px !important;
background: rgba(0,0,0, .4) !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; }

/* ======================= */
#PlacesToolbarItems > toolbarbutton > menupopup > menu label,
#PlacesToolbarItems > toolbarbutton > menupopup > menuitem label,
.menuitem-iconic.bookmark-item.menuitem
{font-weight: bold !important;
font-family: "Segoe UI", Tahoma, sans-serif !important;
color: #dfd !important;
//text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important; 
}

#PlacesToolbarItems > toolbarbutton > menupopup > menu label,
#PlacesToolbarItems > toolbarbutton > menupopup > menuitem label,
.menuitem-iconic.bookmark-item.menuitem
{ font-weight: normal !important; }

#PlacesToolbarItems > toolbarbutton > menupopup > menu > hbox > .menu-right
{ width: 16px !important;
height: 16px !important; }

#appmenu-popup menu>.menu-right
{ padding: 0 !important;
margin-left: -2px !important; }

.splitmenu-menuitem, .splitmenu-menu
{ -moz-appearance: none !important; 
background: none !important; }

.split-menuitem-menu:hover,
#appmenu-popup menu>.menu-right:hover
{ -moz-appearance: none !important; 
background: transparent !important; }

#identity-popup-more-info-button .button-text,
#notification-popup popupnotification .button-text
{ font-weight: bold !important;
color: blueviolet !important;
//text-shadow: 1px 2px 1px green !important; 
}

/* about:  custom button */
.about-menuitem label 
{ font-weight: normal !important; 
font-size: 13px !important; 
color: #D9E5C3 !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important; 
}

.about-menuitem:hover label,
.about-menuitem[checked] label
{ -moz-appearance: none !important;
color: #F00 !important; }


У меня тоже есть стили из CustomCSSforFx
конфликтов вроде нет. И советую еще эти скрипты в комплекте.
скрытый текст

Выделить код

Код:

/* Цвет панели в "Другие инструменты" */
#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; 
}

/* Фон в меню */
#widget-overflow-mainView, #PanelUI-developer, #appMenu-mainView {background: lavender !important;}

/* Подсветка иконок */
image.tab-icon-image[src^="http"], image[src^="moz-anno:favicon:"], .menu-iconic-icon
{
  filter: url('data:image/svg+xml;,<svg xmlns="http://www.w3.org/2000/svg"><filter id="s"><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -0.2125 -0.7154 -0.0721 1 0" /><feMorphology operator="dilate" radius="1"/><feComponentTransfer><feFuncA type="gamma" offset="0" amplitude="1" exponent="2"/></feComponentTransfer><feGaussianBlur stdDeviation="0.5"/><feComposite in="SourceGraphic" operator="over"/></filter></svg>#s') !important;
}


И еще один для счастья
скрытый текст

Выделить код

Код:

/*
Двигающиеся иконки
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*move icons on hover*/
#xpinstallheader:hover>.alert-icon,installitem:hover .xpinstallItemIcon,treecol:hover>.treecol-icon,richlistitem:hover .addonIcon>image,hbox[id*="Button"]:hover image,statusbarpanel:hover>image,tab:hover image,checkbox:hover>.checkbox-check,radio:hover>image,radio:hover>*>image,menuitem:hover>hbox>.menu-iconic-icon,menu:hover>image.menubar-left,menu:hover>hbox>.menu-iconic-icon,toolbarbutton:hover .toolbarbutton-icon,button:hover .button-icon
{-moz-transform: scale(1.6, 1.6) !important; -moz-transition: 0.2s linear !important}

/*move icons on click*/
#xpinstallheader:active>.alert-icon,installitem:active .xpinstallItemIcon,treecol:active>.treecol-icon,richlistitem:active .addonIcon>image,hbox[id*="Button"]:active image,statusbarpanel:active>image,tab:active image,checkbox:active>.checkbox-check,radio:active>image,radio:active>*>image,menuitem:active>hbox>.menu-iconic-icon,menu:active>image.menubar-left,menu:active>hbox>.menu-iconic-icon,toolbarbutton:active .toolbarbutton-icon,button:active .button-icon
{-moz-transform: scale(.6, .6) !important; -moz-transition: 0.03s linear !important}

/*remove moving*/
#xpinstallheader:not(:hover):not(:active)>.alert-icon,installitem:not(:hover):not(:active) .xpinstallItemIcon,treecol:not(:hover):not(:active)>.treecol-icon,richlistitem:not(:hover):not(:active) .addonIcon>image,hbox[id*="Button"]:not(:hover):not(:active) image,statusbarpanel:not(:hover):not(:active)>image,tab:not(:hover):not(:active) image,checkbox:not(:hover):not(:active)>.checkbox-check,radio:not(:hover):not(:active)>image,radio:not(:hover):not(:active)>*>image,menuitem:not(:hover):not(:active)>hbox>.menu-iconic-icon,menu:not(:hover):not(:active)>image.menubar-left,menu:not(:hover):not(:active)>hbox>.menu-iconic-icon,toolbarbutton:not(:hover):not(:active) .toolbarbutton-icon,button:not(:hover):not(:active) .button-icon
{-moz-transform: scale(1, 1) !important; -moz-transition: 0.2s linear !important}

/*menu fix for move icons*/
//popup .box-inherit.scrollbox-innerbox,menupopup .box-inherit.scrollbox-innerbox{margin-bottom:2.5pt!important}

Отредактировано Ultima2m (14-01-2018 15:36:50)

Отсутствует

 

№375514-01-2018 16:00:32

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

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

Viatcheslav пишет

Вы что, прикалываетесь? Конечно, не произойдёт. Прочтите внутри файла userChrome.css описание установки пакета CustomCSSforFx:

Несколько раз перечитал, потом еще раз и только с третей попытки понял что вы имеете в виду. Нет, я не прикалываюсь. Я очень давно перенес папку с профилем в папку \Program Files\Mozilla Firefox\. Мне так удобнее для бекапов.

Viatcheslav пишет

Положите файл color_variables_fx3.css в корне папки chrome внутри профиля, рядом с userChrome.css

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

Viatcheslav пишет

leshiy_odessa, как Вы включаете нужные стили при установке CustomCSSforFx?

Раскомментирую нужные сроки. Смотрю где написано про зависимости.

Ultima2m пишет

/* Фон в меню */ #widget-overflow-mainView, #PanelUI-developer, #appMenu-mainView {background: lavender !important;}

Ох спасибо. Я пару часов пытался споймать это меню.

Doe John пишет

осваиваю 57 версию. Тема стандартная или светлая. Как изменить цвет подсветки пункта меню под мышкой?

Тоже очень интересует этот вопрос. Если найдете решение раньше, опубликуйте его пожалуйста.

Отсутствует

 

№375614-01-2018 17:29:00

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

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

leshiy_odessa пишет

Несколько раз перечитал, потом еще раз и только с третей попытки понял что вы имеете в виду

Наверное, Вы не всё поняли и особенно меня удивляет это

leshiy_odessa пишет

если скопировать в папку — C:\Program Files\Mozilla Firefox\USER_profile\chrome\ файл — custom_css_for_fx_v1.5.5.zip

Содержимое нужно извлечь из архива, иначе не будет работать


Ultima2m пишет

И еще один для счастья

скрытый текст
/*
Двигающиеся иконки
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*move icons on hover*/
#xpinstallheader:hover>.alert-icon,installitem:hover .xpinstallItemIcon,treecol:hover>.treecol-icon,richlistitem:hover .addonIcon>image,hbox[id*="Button"]:hover image,statusbarpanel:hover>image,tab:hover image,checkbox:hover>.checkbox-check,radio:hover>image,radio:hover>*>image,menuitem:hover>hbox>.menu-iconic-icon,menu:hover>image.menubar-left,menu:hover>hbox>.menu-iconic-icon,toolbarbutton:hover .toolbarbutton-icon,button:hover .button-icon
{-moz-transform: scale(1.6, 1.6) !important; -moz-transition: 0.2s linear !important}

/*move icons on click*/
#xpinstallheader:active>.alert-icon,installitem:active .xpinstallItemIcon,treecol:active>.treecol-icon,richlistitem:active .addonIcon>image,hbox[id*="Button"]:active image,statusbarpanel:active>image,tab:active image,checkbox:active>.checkbox-check,radio:active>image,radio:active>*>image,menuitem:active>hbox>.menu-iconic-icon,menu:active>image.menubar-left,menu:active>hbox>.menu-iconic-icon,toolbarbutton:active .toolbarbutton-icon,button:active .button-icon
{-moz-transform: scale(.6, .6) !important; -moz-transition: 0.03s linear !important}

/*remove moving*/
#xpinstallheader:not(:hover):not(:active)>.alert-icon,installitem:not(:hover):not(:active) .xpinstallItemIcon,treecol:not(:hover):not(:active)>.treecol-icon,richlistitem:not(:hover):not(:active) .addonIcon>image,hbox[id*="Button"]:not(:hover):not(:active) image,statusbarpanel:not(:hover):not(:active)>image,tab:not(:hover):not(:active) image,checkbox:not(:hover):not(:active)>.checkbox-check,radio:not(:hover):not(:active)>image,radio:not(:hover):not(:active)>*>image,menuitem:not(:hover):not(:active)>hbox>.menu-iconic-icon,menu:not(:hover):not(:active)>image.menubar-left,menu:not(:hover):not(:active)>hbox>.menu-iconic-icon,toolbarbutton:not(:hover):not(:active) .toolbarbutton-icon,button:not(:hover):not(:active) .button-icon
{-moz-transform: scale(1, 1) !important; -moz-transition: 0.2s linear !important}

/*menu fix for move icons*/
//popup .box-inherit.scrollbox-innerbox,menupopup .box-inherit.scrollbox-innerbox{margin-bottom:2.5pt!important}

Классно, здОрово, спасибо :beer: Есть маленький момент - код почему-то не совсем правильно работает с кнопками, созданными при установку конкретного расширения: размер иконки при наведении увеличивается, размер кнопки - нет. У остальных кнопок на панели меню, в том числе созданных с помощью Custom Buttons, при наведении увеличивается кнопка вместе с иконкой. Можно это подправить? Спасибо :)

Отсутствует

 

№375714-01-2018 17:51:02

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 52.0

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

Viatcheslav пишет

Можно это подправить?

Я код где-то выдрал. Нем ного подправил и все. Не знаю почему так срабатывает. Надо чтобы специалист смотрел.
---
ПС изначально иконки просто поворачивались, а не увеличивались, поэтому изменение размера кнопок не предполагалось.

Отредактировано Ultima2m (14-01-2018 18:38:41)

Отсутствует

 

№375814-01-2018 18:35:53

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

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

Viatcheslav пишет

Содержимое нужно извлечь из архива, иначе не будет работать

Ну хорош уже подкалывать. :)

Отсутствует

 

№375914-01-2018 20:40:09

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

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

leshiy_odessa пишет

Ну хорош уже подкалывать. :)

Я прошу прощение, но обижать ни в коем разе не хотел :blush: Хотите грамотной помощи - описывайте свои действия максимально точно ;)


Ultima2m пишет

Надо чтобы специалист смотрел

Парни, гляньте, пожалуйста, кто разбирается

Стиль для подвижных иконок

Выделить код

Код:

/*
Двигающиеся иконки
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*move icons on hover*/
#xpinstallheader:hover>.alert-icon,installitem:hover .xpinstallItemIcon,treecol:hover>.treecol-icon,richlistitem:hover .addonIcon>image,hbox[id*="Button"]:hover image,statusbarpanel:hover>image,tab:hover image,checkbox:hover>.checkbox-check,radio:hover>image,radio:hover>*>image,menuitem:hover>hbox>.menu-iconic-icon,menu:hover>image.menubar-left,menu:hover>hbox>.menu-iconic-icon,toolbarbutton:hover .toolbarbutton-icon,button:hover .button-icon
{-moz-transform: scale(1.6, 1.6) !important; -moz-transition: 0.2s linear !important}

/*move icons on click*/
#xpinstallheader:active>.alert-icon,installitem:active .xpinstallItemIcon,treecol:active>.treecol-icon,richlistitem:active .addonIcon>image,hbox[id*="Button"]:active image,statusbarpanel:active>image,tab:active image,checkbox:active>.checkbox-check,radio:active>image,radio:active>*>image,menuitem:active>hbox>.menu-iconic-icon,menu:active>image.menubar-left,menu:active>hbox>.menu-iconic-icon,toolbarbutton:active .toolbarbutton-icon,button:active .button-icon
{-moz-transform: scale(.6, .6) !important; -moz-transition: 0.03s linear !important}

/*remove moving*/
#xpinstallheader:not(:hover):not(:active)>.alert-icon,installitem:not(:hover):not(:active) .xpinstallItemIcon,treecol:not(:hover):not(:active)>.treecol-icon,richlistitem:not(:hover):not(:active) .addonIcon>image,hbox[id*="Button"]:not(:hover):not(:active) image,statusbarpanel:not(:hover):not(:active)>image,tab:not(:hover):not(:active) image,checkbox:not(:hover):not(:active)>.checkbox-check,radio:not(:hover):not(:active)>image,radio:not(:hover):not(:active)>*>image,menuitem:not(:hover):not(:active)>hbox>.menu-iconic-icon,menu:not(:hover):not(:active)>image.menubar-left,menu:not(:hover):not(:active)>hbox>.menu-iconic-icon,toolbarbutton:not(:hover):not(:active) .toolbarbutton-icon,button:not(:hover):not(:active) .button-icon
{-moz-transform: scale(1, 1) !important; -moz-transition: 0.2s linear !important}

/*menu fix for move icons*/
//popup .box-inherit.scrollbox-innerbox,menupopup .box-inherit.scrollbox-innerbox{margin-bottom:2.5pt!important}


Код правильно отрабатывает для кнопок панели меню и созданных с помощью Custom Buttons (при наведении увеличиваются в размерах иконка вместе с кнопкой). Для кнопок, созданных при установке расширений, стиль работает по-другому - при наведении увеличивается только иконка кнопки. Кто может - подправьте, пожалуйста. Спасибо :)

Отредактировано Viatcheslav (14-01-2018 20:52:15)

Отсутствует

 

№376015-01-2018 13:01:35

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 57.0

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

Как скрыть неактивные пункты контекстного меню?
Пробовал варианты с _moz-menuactive [disabled] {display: none !important;}
Но не вышел каменный цветок. :(

Отсутствует

 

№376115-01-2018 13:05:22

FMRUser
Участник
 
Группа: Members
Зарегистрирован: 01-03-2014
Сообщений: 817
UA: Firefox 57.0
Веб-сайт

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

Ultima2m
#тыры-пыры[disabled="true"]  {display: none !important;}

Отредактировано FMRUser (15-01-2018 13:06:41)

Отсутствует

 

№376215-01-2018 14:41:09

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 57.0

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

FMRUser пишет

#тыры-пыры[disabled="true"]  {display: none !important;}

Не работает. На меню нет ни class, ни ID
Вот так заработало
menuitem[disabled="true"]  {display: none !important;}
Но теперь вопрос: как скрыть лишний сепаратор?
Есть вот такой код, но как его присобачить для скрытия сепаратора
при скрытии всех пунктов между двумя сепараторами в голову не приходит.

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

Выделить код

Код:

#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  content: unset !important;
  display: unset !important;
}

Отредактировано Ultima2m (15-01-2018 15:12:56)

Отсутствует

 

№376315-01-2018 16:46:10

Doe John
Участник
 
Группа: Members
Откуда: 71RUS
Зарегистрирован: 04-07-2005
Сообщений: 58
UA: Firefox 57.0

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

leshiy_odessa пишет

Тоже очень интересует этот вопрос. Если найдете решение раньше, опубликуйте его пожалуйста.

спросил на канале #firefox на фриноде. Сказали что так сделано специально. На мой вопрос как можно поменять самому кинули ссылку
https://searchfox.org/mozilla-central/source/browser/themes/linux/browser.css

upd
пока нащупал вот такой код отсюда

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

Выделить код

Код:

menupopup menuitem,
menupopup menu,
popup,
menuitem,
menu,
menubutton,
#menuToolbox {
    background-color: rgb(153, 184, 210) !important; 
}


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

Отредактировано Doe John (15-01-2018 21:09:36)

Отсутствует

 

№376420-01-2018 00:26:15

rhox
Участник
 
Группа: Members
Зарегистрирован: 20-01-2018
Сообщений: 3
UA: Chrome 63.0

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

Как в userChrome.css изменять размер шрифта в инструментах разработчика в окнах "Инспектор" и "Стили"?

Отсутствует

 

№376520-01-2018 12:50:10

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

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

rhox пишет

Как в userChrome.css изменять размер шрифта в инструментах разработчика в окнах "Инспектор" и "Стили"?

Определите их самостоятельно с помощью :

Enable once:
1. Tools > WebDeveloper > Toggle Tools > Toolbox Options > Enable browser chrome and add-on debugging toolboxes
2. Tools > WebDeveloper > Toggle Tools > Toolbox Options > Enable remote debugging

Hit Ctrl+Alt+Shift+I or open 'Tools > WebDeveloper > Browser Toolbox'.

Inspect ui or web content.

Force popups to stay open for inspection:
Click on 'disable popup auto hide' button (= button with four squares) on developer toolbars end.

Отсутствует

 

№376621-01-2018 07:48:40

Doe John
Участник
 
Группа: Members
Откуда: 71RUS
Зарегистрирован: 04-07-2005
Сообщений: 58
UA: Firefox 57.0

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

leshiy_odessa
присоединяйся, https://bugzilla.mozilla.org/show_bug.cgi?id=1431298 может сами разработчики подскажут

Отсутствует

 

№376721-01-2018 15:59:29

rhox
Участник
 
Группа: Members
Зарегистрирован: 20-01-2018
Сообщений: 3
UA: Chrome 63.0

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

Спасибо. Но не смог разобраться как их определить: размер шрифта в инструментах разработчика в окнах "Инспектор" и "Стили"

leshiy_odessa пишет

Определите их самостоятельно с помощью :Enable once:1. Tools > WebDeveloper > Toggle Tools > Toolbox Options > Enable browser chrome and add-on debugging toolboxes2. Tools > WebDeveloper > Toggle Tools > Toolbox Options > Enable remote debuggingHit Ctrl+Alt+Shift+I or open 'Tools > WebDeveloper > Browser Toolbox'.

Это сделал. Попадаю сюда

скрытый текст
164d568dbffb.jpg

А вот дальше

leshiy_odessa пишет

Inspect ui or web content.Force popups to stay open for inspection:Click on 'disable popup auto hide' button (= button with four squares) on developer toolbars end.

не могу понять что где делать.

Отредактировано rhox (21-01-2018 16:05:14)

Отсутствует

 

№376821-01-2018 19:56:51

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

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

rhox пишет

не могу понять что где делать.

google.com ➜ «Видео» ➜ Firefox+WebDeveloper

Отсутствует

 

№376921-01-2018 20:57:09

rhox
Участник
 
Группа: Members
Зарегистрирован: 20-01-2018
Сообщений: 3
UA: Chrome 63.0

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

leshiy_odessa пишет

google.com ➜ «Видео» ➜ Firefox+WebDeveloper

Спасибо. Не помогло, шрифт не изменился.

Удалось изменить добавив в userChrome.css следующее:

.devtools-monospace {
    font-family: "Source Code Pro",monospace !important;
    font-size: 16px !important;
}

Отсутствует

 

№377024-01-2018 12:32:15

Maestro.ua
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 6
UA: Firefox 58.0

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

У меня в FF-56.0.2 установлен Classic Theme Restorer - прилагаю скрин. Каким образом можно установить прозрачность панелей и на FF-58?

скрытый текст
23.01.2018_21-23-54.png

Отсутствует

 

№377124-01-2018 12:44:43

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

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

Maestro.ua, я с вами общался на nnnm, если не ошибаюсь, перекачайте прикреплённый архив из моего сообщения, прозрачность включена.

Скриншот
4c6ce9edf2cb.jpg

Отредактировано sandro79 (24-01-2018 13:16:24)

Отсутствует

 

№377224-01-2018 14:52:21

Maestro.ua
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 6
UA: Firefox 58.0

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

sandro79 пишет

Maestro.ua, я с вами общался на nnnm, если не ошибаюсь, перекачайте прикреплённый архив из моего сообщения, прозрачность включена.Скриншот Отредактировано sandro79 (Сегодня 13:16:24)

Спасибо sandro79 за труды и внимание к моему вопросу! На win10x64 не сработало. По дефолтной теме браузера по прежнему зелёный фон. Попробую Aero Glass в винде поковырять, может оно ещё влияет.
У вас я так понял на скрине win7?

Отсутствует

 

№377324-01-2018 14:56:06

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

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

Maestro.ua пишет

У вас я так понял на скрине win7?

Да win7. A в 10 посмотрите в указанном блоке из моего сообщения, строка fix для 10, может включить её. Не могу проверить.

Отредактировано sandro79 (24-01-2018 14:56:49)

Отсутствует

 

№377424-01-2018 15:38:06

Maestro.ua
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 6
UA: Firefox 58.0

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

sandro79 пишет
Maestro.ua пишет

У вас я так понял на скрине win7?

Да win7. A в 10 посмотрите в указанном блоке из моего сообщения, строка fix для 10, может включить её. Не могу проверить.

Если Вы имеете ввиду эту эти параметры- то мне хотелось бы узнать, какие символы вводить и какие строки редактировать?

скрытый текст
24.01.2018_14-33-31.png

Отсутствует

 

№377524-01-2018 15:42:25

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

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

Maestro.ua, да эти. Строка /* @import url(./css/toolbars/general_toolbar_colors_aeroglass_windows10_glass8.css); /**/  /* <--- EXPERIMENTAL */ Спереди строки удалить два символа /* , для включения параметра.

Отсутствует

 

Board footer

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