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

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

№375114-01-2018 13:59:48

Flober
Участник
 
Группа: Members
Зарегистрирован: 14-01-2018
Сообщений: 10
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
Сообщений: 265
UA: Firefox 59.0

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

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

скрытый текст
https://b.radikal.ru/b30/1801/a0/82edcfa501d7.jpg

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

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

Отсутствует

 

№375314-01-2018 14:29:41

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 174
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
Сообщений: 556
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
Сообщений: 192
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
Сообщений: 174
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
Сообщений: 556
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
Сообщений: 192
UA: Firefox 56.0

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

Viatcheslav пишет:

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

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

Отсутствует

 

№375914-01-2018 20:40:09

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 174
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
Сообщений: 556
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
Сообщений: 800
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
Сообщений: 556
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
Сообщений: 192
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'.

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

скрытый текст
https://c.radikal.ru/c07/1801/f4/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
Сообщений: 192
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
Сообщений: 5
UA: Firefox 58.0

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

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

скрытый текст
https://s6.postimg.org/ba0m7addt/23.01.2018_21-23-54.png

Отсутствует

 

№377124-01-2018 12:44:43

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

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

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

Скриншот
https://c.radikal.ru/c18/1801/d1/4c6ce9edf2cb.jpg

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

Отсутствует

 

№377224-01-2018 14:52:21

Maestro.ua
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 5
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
Сообщений: 265
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
Сообщений: 5
UA: Firefox 58.0

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

sandro79 пишет:

Maestro.ua пишет:

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

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

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

скрытый текст
https://s6.postimg.org/ulvcpf2s1/24.01.2018_14-33-31.png

Отсутствует

 

№377524-01-2018 15:42:25

sandro79
Участник
 
Группа: Members
Откуда: Георгиевск
Зарегистрирован: 15-11-2017
Сообщений: 265
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–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]