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

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

№452602-08-2018 09:06:46

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 88
UA: Firefox 52.0

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

Использую в ESR 52.9.0 вот такой стиль для отображения панели адреса и вкладок:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace svg url("http://www.w3.org/2000/svg");
/*AGENT_SHEET*/
/*
Автор: Виталий В.
Описание: Для Firefox 31 и выше.
ОС: Windows, Linux.
Сайт: https://sites.google.com/site/serials101
*/
@-moz-document url(chrome://browser/content/browser.xul) {
/*Вернуть пустую иконку на вкладке*/
.tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]):not([crashed]) {
    display: -moz-box !important;
    transition-property: visibility !important;
    transition-delay: 20ms !important;
}

.tabbrowser-tab:not([pinned])[busy] .tab-throbber + .tab-icon-image:not([src]):not([crashed]) {
    display: none !important;
}
/*-----------------------*/

/*Настройки вкладок*/
#tabbrowser-tabs {
    min-height: 28px !important;
}

.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
    -moz-padding-start: 0px !important;
    -moz-padding-end: 0px !important;
}

.tabbrowser-tab {
    border-left: 2px solid !important;
    border-top: 2px solid !important;
    border-right: 2px solid !important;
    border-bottom: none !important;
    -moz-margin-start: 1px !important;
    -moz-border-top-colors: transparent transparent !important;
    -moz-border-left-colors: transparent transparent !important;
    -moz-border-right-colors: transparent transparent !important;
    border-radius: 5px 5px 0px 0px !important; /*Радиус углов вкладок*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    pointer-events: auto !important;
}

.tabbrowser-tab[selected="true"] {
    -moz-border-top-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
}

#TabsToolbar {
    margin-bottom: 0px !important;
    background-image: none !important;
}

#navigator-toolbox > #TabsToolbar {
    -moz-padding-start: 6px !important;
    -moz-padding-end: 0;
}

#main-window:not([inFullscreen]) #toolbar-menubar:not([autohide="true"]) ~ #TabsToolbar,
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"]:not([inactive]) ~ #TabsToolbar {
    margin-top: 0px !important;
}

#TabsToolbar .toolbarbutton-1 {
    margin-bottom: 0px !important;
}

#TabsToolbar .toolbarbutton-1:not([type="menu-button"]),
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
    margin-bottom: 0px !important;
}

#TabsToolbar .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-color: -moz-dialog !important;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.33)70%, rgba(255,255,255,0.3)100%) !important;
}

#TabsToolbar .tabbrowser-tab[selected="true"]:-moz-lwtheme {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)10%, rgba(255, 255, 255, 0.2)70%, rgba(255, 255, 255, 0.15)100%), linear-gradient(rgba(229,229,229,0.40), rgba(229,229,229,0.40)) !important; /*цвет фона активной вкладки*/
}

.tab-stack {
    margin-top: -2px !important;
    -moz-margin-end: -2px !important;
    -moz-margin-start: -2px !important;
}

.tab-background {
    min-height: 26px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 2px !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important;
    -moz-border-top-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    border-radius: 7px 7px 0px 0px !important; /*Радиус углов вкладок*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    background-image: linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
}

.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
    -moz-border-top-colors: transparent transparent !important;
    -moz-border-left-colors: transparent transparent !important;
    -moz-border-right-colors: transparent transparent !important;
    background-image: none !important;
}

.tab-background-middle {
    margin-top: -1px !important;
    -moz-margin-end: -1px !important;
    -moz-margin-start: -1px !important;
    border-radius: 7px 7px 0px 0px !important; /*Радиус углов вкладок*/
    background-image: none !important;
    background-color: transparent !important;
    background-clip: padding-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
}

.tab-content {
    margin-top: 2px !important;
}   
   
.tab-content:not([pinned]) {
    -moz-padding-end: 6px !important;
    -moz-padding-start: 6px !important;
}

.tab-content > .tab-close-button > .toolbarbutton-icon {
    width: 16px !important;
    height: 16px !important;
}

.tab-icon-overlay {
    margin-top: -8px !important;
}

.tab-icon-sound {
    margin: 0 !important;
}

.tab-background-middle,
.tab-background-start,
.tab-background-end,
.tabbrowser-tab::after,
.tabbrowser-tab::before,
#TabsToolbar::after {
    display: none !important;
}

.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
    margin-bottom: 0 !important;
}

.tabs-newtab-button {
    width: 30px !important; /*Ширина кнопки*/
    margin-top: 6px !important; /*Отступ сверху*/
    -moz-margin-end: 0px !important;
    -moz-margin-start: 2px !important; /*Отступ от края ближайшей вкладки*/
    border-left: 2px solid !important;
    border-top: 2px solid !important;
    border-right: 2px solid !important;
    border-bottom: none !important;
    -moz-border-top-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    border-radius: 6px 12px 0px 0px !important; /*Радиус углов кнопки "открыть новую вкладку"*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    background-image: linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
    background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.50)), linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
    background-position: 1px 1px !important;
    background-size: calc(100% - 2px) calc(100% - 1px) !important;
}

#TabsToolbar .toolbarbutton-1:not([disabled="true"]):hover,
#TabsToolbar .toolbarbutton-1[open],
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
    background-position: 1px 0, 0 -1px, 100% -1px !important;
}

.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
    background-position: center !important;
}

.titlebar-placeholder[type="caption-buttons"] {
    margin-left: 1px !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
    background-color: -moz-Dialog !important;
}

@media (-moz-windows-default-theme) {
@media (-moz-os-version: windows-vista),
         (-moz-os-version: windows-win7) {
  #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
    background-color: hsl(210,75%,92%) !important;
  }

  #TabsToolbar .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-color: hsl(210,75%,92%) !important;
  }
}
}

#nav-bar {
    box-shadow: none !important;
    border-top: 1px solid hsla(209,67%,12%,0.35) !important;
}

#nav-bar:not(:-moz-lwtheme) {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.30)0%, rgba(255,255,255,0.25)30%, rgba(255,255,255,0)100%) !important;
}

#nav-bar:-moz-lwtheme {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15)0%, rgba(255, 255, 255, 0)100%), linear-gradient(to bottom, rgba(229,229,229,0.40)0%, rgba(229,229,229,0.05)100%) !important; /*цвет фона панели навигации*/
    border-top-color: transparent !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
    background-image: none !important;
}
/*---------------------------*/

/*Tab Mix Plus*/
.tabbrowser-tabs:not([treestyletab-mode="vertical"]) > .tabbrowser-tab > .tab-stack > .tab-progress-container > .tab-progress {
    margin-top: 4px !important;
}
/*-----------------------*/

/*Tab Utilities*/
#tabbrowser-tabs #PinnedTabsBarItems {
    -moz-padding-start: 0 !important;
    -moz-margin-end: 0 !important;
}

#tabbrowser-tabs[overflow] #PinnedTabsBarItems {
    -moz-margin-end: -15px !important;
}

.tabbrowser-tab[locked]:not([pinned]) .tab-throbber:not([busy]) {
    -moz-margin-end: -8px !important;
}
/*-----------------------*/

/*Панель навигации*/
#nav-bar .toolbarbutton-1:not([type="menu-button"]):not(:-moz-any(#back-button, #forward-button)),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#nav-bar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#back-button {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    -moz-padding-start: 3px !important;
    -moz-padding-end: 0px !important;
}

#back-button > .toolbarbutton-icon {
    border: 1px solid hsla(210,4%,10%,.25) !important;
    box-shadow: none !important;
    padding: 3px !important;
    width: 26px !important;
    max-width: none !important;
    min-width: 0 !important;
    transition: none !important;
    background-clip: padding-box !important;
}

#nav-bar[brighttext] #back-button > .toolbarbutton-icon, #nav-bar[brighttext] #forward-button > .toolbarbutton-icon {
    border-color: rgba(255,255,255,.35) !important;
}

#nav-bar #back-button[open="true"] > .toolbarbutton-icon,
#nav-bar #forward-button[open="true"] > .toolbarbutton-icon {
    border-color: hsla(210,4%,10%,.15) !important;
}

#nav-bar[brighttext] #back-button[open="true"] > .toolbarbutton-icon,
#nav-bar[brighttext] #forward-button[open="true"] > .toolbarbutton-icon {
    border-color: rgba(255,255,255,.2) !important;
}

#forward-button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#nav-bar #PanelUI-menu-button {
    -moz-padding-start: 3px !important;
    -moz-padding-end: 3px !important;
}

#nav-bar #PanelUI-button {
    background: none !important;
    -moz-border-start: 1px solid;
    border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent);
    border-image-slice: 1;
}

window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
    -moz-margin-start: -6px !important;
}

@media (-moz-os-version: windows-win10) {
#back-button > .toolbarbutton-icon {
    padding: 4px !important;
    width: 28px !important;
}

window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
    -moz-margin-start: -8px !important;
}
}

#urlbar-search-splitter {
    min-width: 4px !important;
    width: 4px !important;
    -moz-margin-start: -3px !important;
}
   
#urlbar:-moz-locale-dir(ltr) {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#urlbar:-moz-locale-dir(rtl) {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
   
.searchbar-textbox {
    border-radius: 5px !important;
}

На выходе получаю вот такое:
скрытый текст
https://b.radikal.ru/b04/1808/8c/5a28f81189d6t.jpg

Как мне его переделать для 61-й Мозиллы? Я переносил этот стиль в userChrome.css, но в итоге получал уродливые высокие вкладки с чёрными обводами по краям. :rolleyes:
скрытый текст
https://d.radikal.ru/d00/1808/be/857b488ba03bt.jpg

Отсутствует

 

№452702-08-2018 18:53:54

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

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

vitalii201 пишет:

Как исправить "круглые", а то:

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

Stylish у меня в [firefox] 61 работает … странно, только userChrome-ом что-то получается.

Может так:

userChrome.css

Выделить код

Код:

/* 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
{ 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; }

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


Взял кусок и добавил: appmenu button menu отсюда и ещё это. Правда прозрачности в Гамбургер-меню и Другие инструменты нет, но вроде получше стало.
Изменил Гамбургер и Другие инструменты, остальное не могу

Выделить код

Код:

/* 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;
}


скрытый текст
https://c.radikal.ru/c18/1808/62/9c5c9b552128.png

Отредактировано sandro79 (02-08-2018 22:35:54)

Отсутствует

 

№452802-08-2018 19:45:54

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

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

sandro79, спасибо! Без прозрачности в Гамбургер-меню я б обошёлся, но "бледность" и огромная рамка … 

скрытый текст
https://i.imgur.com/voFGIOn.gif

Контекстное меню по вертикали растягивает:
скрытый текст
https://i.imgur.com/xTpo1Qz.png

Отредактировано vitalii201 (05-08-2018 16:01:05)

Отсутствует

 

№452903-08-2018 11:23:17

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

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

sandro79, раз Гамбургер поддался попробуем допытать этого SnowLeopard-a )
- Меню кнопки Загрузки(Ctrl+J) было-стало:

скрытый текст
https://i.imgur.com/Xq86xGf.gifhttps://i.imgur.com/37fe9oA.gif[img][/img]

и "Персонализацию" с "Меню выбора папки для закладки" заодно:
скрытый текст

Выделить код

Код:

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

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


- В "Показ. ваши закл."(Ctrl+Shift+B) всё отлично(прозрачн., нижн. панель цвет при наведении курсора меняет, …). Как для "Загрузки" так сделать?
скрытый текст
https://i.imgur.com/oB5w8xo.gif

- В Цвет при загрузке страницы добавление кода в userContent.css изменяло тень в "летающем окне"(так названо в Настройках)) S3.Переводчика:
скрытый текст
https://i.imgur.com/3Y5o9MD.png

"Без"(только код в userChrome.css): и "белых вспышек"— нет, и "чёрного угла" под popup-ом.

Отредактировано vitalii201 (03-08-2018 23:39:30)

Отсутствует

 

№453003-08-2018 15:40:41

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

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

vitalii201 пишет:

...нижн. панель цвет при наведении курсора меняет, …). Как для "Загрузки" так сделать?

Да, я обратил внимание на этот момент, но тут я уже бессилен. Тут уже видимо надо с нуля делать стиль под квантум. Я лишь беру готовые коды, и немного подправляю, совмещаю под себя, и то не всегда получается. S3 переводчиком не пользуюсь, цвет при загрузке страницы использую оба стиля.

Отсутствует

 

№453103-08-2018 22:02:03

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 104
UA: Firefox 61.0

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

Прошу прощения заранее, но возможно в google chrome тоже знаете как сделать адресную строку темной, а шрифт белым. А то получается мозолит глаза при просмотре
https://imgur.com/XlhFw7A
Ну или как то скрывать ее, раньше такое было возможно

Отредактировано AspireM3400 (03-08-2018 22:30:50)

Отсутствует

 

№453204-08-2018 17:03:02

ligo
Участник
 
Группа: Members
Зарегистрирован: 19-05-2015
Сообщений: 2
UA: Firefox 61.0

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

Подскажите как сделать такую панель закладок

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

Отсутствует

 

№453304-08-2018 17:21:58

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

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

ligo
https://forum.mozilla-russia.org/viewto … 43#p758343

AspireM3400, насчёт [chrome] не знаю, для [firefox] есть такой код:

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

Выделить код

Код:

.searchbar-textbox, #urlbar {
  background-color: black !important;
  color: lightgrey !important;
}

#identity-icon{
  opacity: 1 !important;
}

Отредактировано sandro79 (04-08-2018 17:46:49)

Отсутствует

 

№453405-08-2018 15:55:16

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

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

Как убрать белые поля? И фон для таких сообщений под курсором: "Показать …":

скрытый текст
https://i.imgur.com/ncf7RwP.png

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

Выделить код

Код:

/*Показать информацию о сайте*/
#identity-popup, 
#identity-popup-permissions-content, 
#identity-popup-security,  
#identity-popup-securityView, 
#identity-popup-securityView-footer,
#identity-popup-securityView-body

{
-moz-appearance: none !important;
opacity: 0.95 !important;
padding: 12px !important;
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;
background: none !important;
-moz-window-shadow: none !important;
}

Отсутствует

 

№453505-08-2018 23:18:48

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 102
UA: Firefox 61.0

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

Подскажите, реально ли с помощью userChrome.css добавить к названиям дополнений на странице about:addons их версии? Раньше включал отображение версий с помощью  Classic Theme Restorer.
Имею в виду, чтобы после названия дополнения в списке about:addons была сразу подписана версия этого дополнения. Например: "uBlock Origin [v. 1.16.14]", ну и так далее.

Отсутствует

 

№453605-08-2018 23:34:53

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

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

Hobbix пишет:

Подскажите, реально ли с помощью userChrome.css добавить к названиям дополнений на странице about:addons их версии?

Но только в userContent.css:

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

Выделить код

Код:

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

@-moz-document url(about:addons) {
    
    #addon-list .addon:not([type="userstyle"])[status="installed"] .name-container > spacer {
        -moz-binding: url('data:application/xml,\
\
<?xml version="1.0"?>\%0A\
<bindings xmlns="http://www.mozilla.org/xbl">\%0A\
    <binding id="addonversion">\%0A\
        <implementation>\%0A\
            <constructor>\%0A\
                <![CDATA[\%0A\
                    var richlistitem = document.getBindingParent(this);\%0A\
\%0A\
                    var nameLabel = document.getAnonymousElementByAttribute(richlistitem, "anonid", "name");\%0A\
                    var label = richlistitem._version = document.createElement("label");\%0A\
                    label.setAttribute("anonid", label.className = "version");\%0A\
                    this.parentNode.insertBefore(label, nameLabel.nextSibling);\%0A\
                    var addon = richlistitem.mAddon;\%0A\
                    shouldShowVersionNumber(addon) ? label.value = addon.version : label.hidden = true;\%0A\
\%0A\
                    var str = \'this._icon.src = "";\\n\';\%0A\
                    richlistitem._initWithAddon = eval(`(${\%0A\
                        String.replace(richlistitem._initWithAddon, str, [str,\%0A\
                            "          if (shouldShowVersionNumber(this.mAddon))",\%0A\
                            "            this._version.value = this.mAddon.version;",\%0A\
                            "          else",\%0A\
                            "            this._version.hidden = true;\\n"\%0A\
                        ].join("\\n"))\%0A\
                    })`);\%0A\
                    str = \'this._showStatus("update-available");\\n\';\%0A\
                    richlistitem.onNewInstall = eval(`(${\%0A\
                        String.replace(richlistitem.onNewInstall, str, str +\%0A\
                            "          this._updateUpgradeInfo();"\%0A\
                        )\%0A\
                    })`);\%0A\
                    richlistitem._updateUpgradeInfo = function _updateUpgradeInfo() {\%0A\
                        // Only update the version string if we\'re displaying the upgrade info\%0A\
                        if (this.hasAttribute("upgrade") && shouldShowVersionNumber(this.mAddon))\%0A\
                            this._version.value = this.mManualUpdate.version;\%0A\
                    }\%0A\
                ]]>\%0A\
            </constructor>\%0A\
        </implementation>\%0A\
    </binding>\%0A\
</bindings>\
\
') !important;
    }

}


https://forum.mozilla-russia.org/viewto … 70#p686370

Отредактировано sandro79 (05-08-2018 23:38:30)

Отсутствует

 

№453706-08-2018 00:27:47

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 102
UA: Firefox 61.0

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

sandro79, благодарю, работает.

Отсутствует

 

№453806-08-2018 23:37:25

drage2
Участник
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 214
UA: Firefox 60.0

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

sandro79 пишет:

Но только в userContent.css:

До 60 включительно и без  userContent.css работает

Отсутствует

 

№453909-08-2018 13:47:30

Bookmarks
Участник
 
Группа: Members
Зарегистрирован: 09-08-2018
Сообщений: 1
UA: Firefox 61.0

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

Господа, как избавиться от "недавно добавленные закладки", в меню "библиотека - закладки"
https://d.radikal.ru/d11/1808/26/36353d76a160.png

Добавлено 09-08-2018 13:49:15
Раньше была возможность убрать данный пункт, путем банального отключения в опциях, в новых версиях такую возможность убрали.

В about:config ничего нет.

Отредактировано Bookmarks (09-08-2018 13:49:15)

Отсутствует

 

№454009-08-2018 19:12:08

nexterr
Участник
 
Группа: Members
Зарегистрирован: 22-03-2010
Сообщений: 315
UA: Firefox 55.0

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

Подскажите как сделать другого цвета меню на станице по нажатию ПКМ или где есть

Отсутствует

 

№454109-08-2018 20:15:42

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

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

Отсутствует

 

№454210-08-2018 10:15:14

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 171
UA: Firefox 61.0

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

Bookmarks пишет:

Господа, как избавиться от "недавно добавленные закладки", в меню "библиотека - закладки"
https://d.radikal.ru/d11/1808/26/36353d76a160.png
Раньше была возможность убрать данный пункт, путем банального отключения в опциях, в новых версиях такую возможность убрали.

В about:config ничего нет.

Приветствую.
Через конфиг, не уверен что можно.
А через userChrome.css - вот так

Выделить код

Код:

#appMenu-popup label#panelMenu_recentBookmarks, #appMenu-popup toolbaritem#panelMenu_bookmarksMenu {display: none !important;}

Отсутствует

 

№454314-08-2018 21:07:06

Solomon597
Участник
 
Группа: Members
Зарегистрирован: 14-08-2018
Сообщений: 5
UA: Firefox 56.0

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

Подскажите как изменить цвета фонов следующих элементов:
1. Заголовок "Закладки" боковой панели закладок. Сам фон панели меняется, а вот заголовок остаётся белым, очень раздражает. Это главное что пытаюсь решить.

Фон панели меняю так
/*  Цвет фона боковой панели закладок (sidebar) */
.sidebar-placesTree {
    background-color: #E6F0FC !important;}

2. Фоны строки поиска в закладках, адресной строки и поисковой строки. Хотелось бы тоже сменить на что-то спокойное, чтобы эти окошки резким белым фоном в глаза не бросались.
Обвёл нужное
http://i101.fastpic.ru/thumb/2018/0814/6b/_5e59a8d125f6dd538bfa3151dc1e5e6b.jpeg

Отсутствует

 

№454414-08-2018 23:17:46

drage2
Участник
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 214
UA: Firefox 60.0

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

Solomon597
Sidebar - лень, а другое ,пожалуйста

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

Выделить код

Код:

/* ::::: Location Bar ::::: */

#urlbar,
.searchbar-textbox {
  -moz-appearance: none;
  border: 1px solid Highlight;
  box-shadow: 0 1px 6px rgba(0,0,0,.1);
  background-color: #E6F0FC !important;

Отсутствует

 

№454515-08-2018 00:14:06

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

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

Solomon597
Может так:

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

Выделить код

Код:

#sidebar,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree,
#viewButton {
  background: #D1D1D1 !important;
  color: color !important;
}

.sidebar-placesTreechildren::-moz-tree-cell(hover),
.sidebar-placesTreechildren::-moz-tree-row(selected),
.sidebar-placesTreechildren::-moz-tree-cell-text(hover),
.sidebar-placesTreechildren::-moz-tree-cell-text(selected),
#viewButton:hover {
 background: #D1D1D1 !important;
  color: color !important;
}

.searchbar-textbox, #urlbar {
  background-color:#D1D1D1 !important;
  color: color !important;
}

#identity-icon{
  opacity: 1 !important;
}

Отсутствует

 

№454615-08-2018 00:40:08

drage2
Участник
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 214
UA: Firefox 60.0

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

sandro79
Или так:

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

Выделить код

Код:

#sidebar,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree,
#viewButton {
  background: gray !important;
  color: yellow !important;
  font-size: 13px !important;
  max-width: 80em !important;
}

.sidebar-placesTreechildren::-moz-tree-cell(hover),
.sidebar-placesTreechildren::-moz-tree-row(selected),
.sidebar-placesTreechildren::-moz-tree-cell-text(hover),
.sidebar-placesTreechildren::-moz-tree-cell-text(selected),
#viewButton:hover {
 background:  !important;
 color: #fff !important;
}
   
/* Fix for remaining hovering borders */
.sidebar-placesTreechildren::-moz-tree-row {
 outline: none !important;
 border: none !important;
 height: 20px !important;
   
}

/* Hide white splitter (also appears on top right of scrollbar) *//*
#sidebar-splitter {
  opacity: 0 !important;
}
 

Отсутствует

 

№454715-08-2018 15:05:31

Solomon597
Участник
 
Группа: Members
Зарегистрирован: 14-08-2018
Сообщений: 5
UA: Firefox 56.0

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

Ни там, ни там фон окошка поиска закладок не меняется

sandro79 пишет:

Может так:

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

Выделить код

Код:

#sidebar,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree,
#viewButton {
  background: #D1D1D1 !important;
  color: color !important;
}

.sidebar-placesTreechildren::-moz-tree-cell(hover),
.sidebar-placesTreechildren::-moz-tree-row(selected),
.sidebar-placesTreechildren::-moz-tree-cell-text(hover),
.sidebar-placesTreechildren::-moz-tree-cell-text(selected),
#viewButton:hover {
 background: #D1D1D1 !important;
  color: color !important;
}

.searchbar-textbox, #urlbar {
  background-color:#D1D1D1 !important;
  color: color !important;
}

#identity-icon{
  opacity: 1 !important;
}


Здесь всё, кроме поиска закладок сработало
http://i100.fastpic.ru/big/2018/0815/89/f4c0a07e02dd1b2ab8bdcea2adb24d89.png

drage2 пишет:

Или так:

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

Выделить код

Код:

#sidebar,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree,
#viewButton {
  background: gray !important;
  color: yellow !important;
  font-size: 13px !important;
  max-width: 80em !important;
}

.sidebar-placesTreechildren::-moz-tree-cell(hover),
.sidebar-placesTreechildren::-moz-tree-row(selected),
.sidebar-placesTreechildren::-moz-tree-cell-text(hover),
.sidebar-placesTreechildren::-moz-tree-cell-text(selected),
#viewButton:hover {
 background:  !important;
 color: #fff !important;
}
   
/* Fix for remaining hovering borders */
.sidebar-placesTreechildren::-moz-tree-row {
 outline: none !important;
 border: none !important;
 height: 20px !important;
   
}

/* Hide white splitter (also appears on top right of scrollbar) *//*
#sidebar-splitter {
  opacity: 0 !important;
}


А здесь только сайдбар с текстом перекрасились, остальное не поменялось
http://i100.fastpic.ru/big/2018/0815/e5/e4a894f1c7a8f144305f4e530f5b28e5.png

Вообще, вроде вполне достаточно этого, не знал как нужные элементы называются, кроме #sidebar

Выделить код

Код:

.searchbar-textbox, #urlbar, #sidebar, #sidebar-header {
  background-color: #D1D1D1 !important;
  color: color !important;
}

Осталось понять как фон поиска закладок поменять.

Отредактировано Solomon597 (15-08-2018 15:07:16)

Отсутствует

 

№454815-08-2018 15:09:22

Bonza
Участник
 
Группа: Members
Зарегистрирован: 29-03-2018
Сообщений: 2
UA: Firefox 61.0

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

При использовании ночной темы новая вкладка замечательного тёмного цвета, но при начале загрузки сайта во вкладке, на секунду мелькает полностью белый экран, можно ли как-то от него избавиться?

Отсутствует

 

№454916-08-2018 15:52:16

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

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

Отсутствует

 

№455017-08-2018 10:05:53

rgdru
Участник
 
Группа: Members
Зарегистрирован: 07-04-2013
Сообщений: 36
UA: Palemoon 27.0

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

Вот здесь https://forum.mozilla-russia.org/viewtopic.php?pid=756580#p756580 Vitaliy V. выкладовал
Вертикальнаю панель + Доп. и Ниж. панели. ссылка протухла.
Vitaliy V. или если у кого-то сохранилась, перезалейте.

Спасибо!!!

Отредактировано rgdru (17-08-2018 21:58:01)

Отсутствует

 

Board footer

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