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

Flober · №3751

sandro79 пишет

Flober пишет
не могу вставить наглядное изображение
Скачайте image uploader, зарегистрируйтесь например здесь, далее в Image Uploader, произвести вход на хостинг и через него грузить, очень удобно. Ссылку на изображение из Image Uploader вставить в спойлер и всё. Конечно если один скрин залить Image Uploader не нужен.
скриншот
https://a.radikal.ru/a29/1801/84/7b9dcad9e7a1.jpg

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

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

sandro79 · №3752

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

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

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

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

Viatcheslav · №3753

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 - желательно, чтобы с ним не было конфликтов. Спасибо

Ultima2m · №3754

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)

leshiy_odessa · №3755

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 версию. Тема стандартная или светлая. Как изменить цвет подсветки пункта меню под мышкой?

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

Viatcheslav · №3756

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, при наведении увеличивается кнопка вместе с иконкой. Можно это подправить? Спасибо

Ultima2m · №3757

Viatcheslav пишет

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

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

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

leshiy_odessa · №3758

Viatcheslav пишет

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

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

Viatcheslav · №3759

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)

Ultima2m · №3760

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

FMRUser · №3761

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

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

Ultima2m · №3762

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)

Doe John · №3763

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)

rhox · №3764

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

leshiy_odessa · №3765

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.

Doe John · №3766

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

rhox · №3767

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

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'.

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

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

А вот дальше

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)

leshiy_odessa · №3768

rhox пишет

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

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

rhox · №3769

leshiy_odessa пишет

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

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

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

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

Maestro.ua · №3770

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

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

sandro79 · №3771

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

Скриншот

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

Maestro.ua · №3772

sandro79 пишет

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

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

sandro79 · №3773

Maestro.ua пишет

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

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

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

Maestro.ua · №3774

sandro79 пишет

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

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

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

sandro79 · №3775

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

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

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

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

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

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

Код:

Код:

Код:

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

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

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

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

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

Код:

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

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

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

Код:

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

Код:

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

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

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

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

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

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

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

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

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

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

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

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

Board footer